/* ベースCSS
---------------------------------------------------- */

*{
	margin:0px;
	padding:0px;
}

html{
	overflow:-moz-scrollbars-vertical;
}

body{
	font-size:12px;
	background:url(../images/bg.gif) repeat-y;
	font-weight:normal;
	font-family:Verdana,Arial,sans-serif;
	line-height:1.5;
	text-align:center;
}

*html body {
	font-family:'ＭＳ Ｐゴシック',sans-serif;
}

*:first-child+html body {
	font-family:'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

img{
	border:0px;
}

ul{
	list-style:none;
}

table{
	border-collapse:collapse;
	border-spacing:0px;
}

.small{
	font-size:10px;
}

*html .small{
	font-size:11px;
}

*:first-child+html .small{
	font-size:11px;
}



/* clear
---------------------------------------------------- */
.clear{
	clear:both;
}

/* リンク
---------------------------------------------------- */

a:link {
	color:#06F;
	text-decoration:none;
}

a:visited {
	color:#222222;
	text-decoration:none;
}

a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

a:active {
	color:#FFFFFF;
	text-decoration:none;
}

/* レイアウト
---------------------------------------------------- */
#wrap{
	width:auto;
	margin:0px;
	text-align:left;
	background:url(../images/bg.gif) repeat-x;
}


#shadow{
	width:870px;
	margin:auto;
	background:url(../images/shadow.png) repeat-y;
	}
	
/* ヘッダー
---------------------------------------------------- */
#header{
	width:850px;
	height:90px;
	margin:auto;
	position:relative;
	background:url(../images/heder_bg.gif) no-repeat;
	
}

#header h1{
	position:absolute;
	left:15px;
	top:25px;
	}

#header .menu{
	width:275px;
	height:30px;
	position:absolute;
	right:10px;
	background:url(../images/hback.gif) no-repeat;
	padding-top:10px;
	padding-left:30px;
	}

#menu{
	width:900px;
	height:49px;
	text-align:center;
}

/* メニュー
---------------------------------------------------- */

#menu{
	width:100%;
	height:40px;
	background:url(../images/menu_bg.gif) repeat-x;
}

#menu ul{
	width:830px;
	margin:0px auto;
}
#menu ul li{
	float:left;
	margin:0px;
	padding:0px;
	
	}

/* メインイメージ
---------------------------------------------------- */
#mainimg{
	width:850px;
	margin:auto;
}





/* コンテンツ
---------------------------------------------------- */
#contents{
	width:850px;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#FFF;
}


/* ライトボックス
---------------------------------------------------- */
#rightbox{
	width:600px;
	float:right;
	margin-right:20px;
	background-color:#FFF;
}

#section1{
	width:600px;
}

#section h2{
	width:600px;

}

#section1 h3{
	width:590px;
	font-size:16px;
	color:#039;
	padding:0px 0px 0px 10px;
}

#rightbox{
	width:600px;
}

#rbox-in{
	width:600px;
	background-color:#ffdfec;

}



#rbox-in .pan{
	font-size: 90%;
}

#rbox-in .pan span:after{
	content: '>';
	padding: 0 5px;
}

#rbox-in .pan span:last-child:after{
  content: '';
}



#rbox-in .section{
	border-bottom:#666 dotted 1px;
	margin-right:35px;
	margin-left:35px;
	padding-top:10px;
}


#rbox-in h2{
	font-size:17px;
	font-family:"ＭＳＰ 明朝";
	padding:5px 0px 5px 75px;
	text-align:left;
	color:#039;
	}
	
#rbox-in .section2{
	margin-right:35px;
	margin-left:35px;
	padding-top:10px;


}

#rbox-in .sitemap{
	border-bottom:#666 dotted 1px;
	margin-right:15px;
	margin-left:15px;
	padding-top:10px;
	padding-bottom:15px;
}

.sitemap li{
	padding-top:10px;
	font-size:15px;
	}

#rbox-in p{
	padding:10px 20px 10px 25px;
	font-size:15px;
	font-family:"ＭＳＰ 明朝";
	color:#000;

}

.number{
	height:50px;
	margin-left:15px;
	background:url(../images/midashi02.gif) no-repeat;
}

#rbox-in ul{
	padding:0px 20px 0px 80px;
}

.li02{
	padding:15px;	
	
	}

#rbox-in ul li a{
	border-bottom:#666666 dotted 1px;
}

#rbox-in ul li a:hover{
	border-bottom:#1f4799 solid 1px;
}




/* フォーム
---------------------------------------------------- */
.contact_table{
 width:533px;
 margin:20px 15px 10px 15px;
}

.contact_table th{
 width:170px;
 font-weight:normal;
 text-align:center;
 border-bottom:solid 1px #dddddd;
 padding:7px 0px;
}

.contact_table td{
 width:363px;
 border-bottom:solid 1px #dddddd;
 padding:7px 0px;
}

.contact_table .bottom{
 border:none;
 padding:7px 0px;
}

textarea{
 font-size:12px;
 overflow:auto;
}

.validation-advice {
 font-size:11px;
 color:#FF0000;
}

.small{
 font-size:11px;
}

#end{
 margin-top:50px;
}




/* レフトボックス
---------------------------------------------------- */
#leftbox{
	width:200px;
	height:auto;
	float:left;
	background-color:#FFF;
}


#leftbox1{
	margin-top:5px;
	}
#leftbox1 ul li{
	margin-left:5px;
	
	}
		
#section1{
	text-align:center;
	padding-left:5px;
}

#section1 h2{
	width:200px;
	height:50px;

}


#lbox{
	width:200px;
}

#lbox-in{
	width:200px;
	background:url(../images/rframe_bg.gif) repeat-y;
}


#lbox-in .section2{
	padding-top:15px;
	font-size:13px;

}


#lbox-in h2{
	padding:15px 30px 0px 50px;
	font-size:15px;
	font-family:"ＭＳＰ 明朝";
	color:#030;


}
 
.number1{
	height:50px;
	margin-left:15px;
	background:url(../images/midashi01.gif) no-repeat;
}

#lbox-in ul{
	padding-bottom:20px;
	}


#lbox-in li {
	margin:5px 0px 0px 55px;
}

#lbox-in a{
	color:#666;
	font-size:15px;
	}

#lbox-in ul li a:hover{
	background-color:#d6d7d8;
	color:#030;
}





/* フッター
---------------------------------------------------- */
#footer{
	width:100%;
	height:150px;
	background-color:#e77ca7;
	margin:0px auto 0px auto;
	position:relative;

}

#footer p{
	position:absolute;
	color:#FFF;
	font-size:12px;
	top:125px;
	right:50px;
	
	}
.border{
	position:absolute;
	padding:5px 5px 0px 5px;
	}

#footer a{
	color:#fff;
	}
#footer a:hover{
	border-bottom:#767676 solid 1px;
	border-bottom-style:dotted;
	}	
address{
	height:15px;
	font-style:normal;
	position:absolute;
	top:130px;
	left:10px;
	color:#FFF;
	font-size:12px;
}
/* 用語集 */
.menu{
	clear:both;
	padding:10px 80px;
}

.menu ul li{
	float:left;
	color:#FFFFFF;
	border-right:#FFFFFF solid 1px;
	padding-right:8px;
	margin-right:8px;
}

.first{
	border-left:#FFFFFF solid 1px;
	padding-left:8px;
}