@charset "Shift_JIS";

/*-----------------------------------------
common.css
-----------------------------------------*/

/* format */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,address,table,th,td,form,select,option,input,label
{margin:0; padding:0;}
th{font-weight: normal;}
h1,h2,h3,h5,h6 { font-size:100%; font-weight: normal; }
ol{padding:0 20px 0 30px;}
ol li{margin:5px 0 5px 0;}
hr{display:none;}
p{margin-bottom:1em;}
table, tr, td, th
{border-collapse:collapse; font-size:100%;}
fieldset, legend{border:none; padding:0; margin:0;}
img{display:block; border:none;}
img.inline{display:inline; vertical-align:middle; margin:0 2px;}
a:link{color:#f35757; text-decoration: none;}
a:visited{color:#f35757; text-decoration: none;}
a:hover{color:#c94141; text-decoration:none;}

sup{font-size: 0.7em;}
sub{font-size: 0.7em;}


/* 位置 */
.p-r{ position:relative; }
.p-a{ position:absolute; }
.f-l{ float:left; }
.f-r{ float:right; }
.ta-l{ text-align:left; }
.ta-c{ text-align:center; }
.ta-r{ text-align:right; }
.c-b{ clear:both; }


/* 余白 */
.MT5{margin-top: 5px;}
.MTB5{margin-top: 5px; margin-bottom: 5px;}
.MT8{margin-top: 8px;}
.MB8{margin-bottom: 8px;}
.MT15{margin-top: 15px;}
.MT20{margin-top: 20px;}
.MB15{margin-bottom: 15px;}
.MT15B8{margin-top: 15px; margin-bottom: 8px;}
.MT15B8-c{clear: both; margin-top: 15px; margin-bottom: 8px;}
.MT8B15{margin-top: 8px; margin-bottom: 15px;}
.MTB8{margin-top: 8px; margin-bottom: 8px;}
.MTB8-c{clear: both; margin-top: 8px; margin-bottom: 8px;}
.ML10{margin-left: 10px;}
.MA{margin: auto;}



/* サイズ */
.fs-ss{ font-size:10px; line-height: 1.5em; }
.fs-s{ font-size:11px; }
.fs-m{ font-size:16px; }
.fs-l{ font-size:18px; }
.ls-s{ letter-spacing:-1pt; }
.ls-m{ letter-spacing:0pt; }
.ls-l{ letter-spacing:1pt; }


/* 色 */
.pink{color:#de6464; font-weight:bold;}
/* ボーダー */

/* 形状 */
.hide{ text-indent:-9999px;font-size:0pt; }
.fw-b{ font-weight:bold; }
.fw-n{ font-weight:normal; }
.tt-u{ text-transform:uppercase; }
.ws-n{ white-space:nowrap; }


/* 共通 */
body{background-image: url(./img/bg.gif); background-repeat: repeat; font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif ; font-size: 12px; color: #5E4316; line-height: 1.5em;}
#popup{background: #ffffff;}

/* Header */
#Head{width: 715px; margin: auto; background-image: url(./img/head_bg.gif); background-repeat: no-repeat; overflow: hidden;}
#Head_R{width: 450px; float: right; text-align: right; font-size:10px; line-height: 1.7em; padding-top: 3px; padding-right: 5px; overflow: hidden;}

/* Seo */
#Seo{width: 715px; height: 17px; margin: auto; color: #555555; font-size:10px; line-height:11pt; text-align: right; background-image: url(./img/seo.gif); background-repeat: no-repeat;}


/* Navi */
#Navi{ clear: both; width:715px;height:39px; background-image: url(./img/navi.gif); background-repeat: no-repeat; margin: auto;}

	#Navi li{ display:inline;}
	#Navi li a{display:inline;background:transparent url("./img/navi.gif") no-repeat; text-indent:-9999px; text-decoration:none; overflow: hidden;}
	#Navi li.b1 a{width:143px; height:39px;background-position:0px -0px; float: left;}
	#Navi li.b1 a:hover{background-position:-0px -39px;}
	#Navi li.b2 a{width:143px; height:39px;background-position:-143px -0px; float: left;}
	#Navi li.b2 a:hover{background-position:-143px -39px;}
	#Navi li.b3 a{width:143px; height:39px;background-position:-286px -0px; float: left;}
	#Navi li.b3 a:hover{background-position:-286px -39px;}
	#Navi li.b4 a{width:143px; height:39px;background-position:-429px -0px; float: left;}
	#Navi li.b4 a:hover{background-position:-429px -39px;}
	#Navi li.b5 a{width:143px; height:39px;background-position:-572px -0px; float: left;}
	#Navi li.b5 a:hover{background-position:-572px -39px;}

	body#act_top #Navi li.b1 a{background-position:-0px -39px;}
	body#act_maid #Navi li.b2 a{background-position:-143px -39px;}
	body#act_technic #Navi li.b3 a{background-position:-286px -39px;}
	body#act_vip #Navi li.b4 a{background-position:-429px -39px;}
	body#act_access #Navi li.b5 a{background-position:-572px -39px;}


/* Main */
#Main{clear:both; width: 715px; margin: 0 auto 0 auto; padding-bottom: 5px; overflow: hidden; background-image: url(./img/contents_bg.gif); background-repeat: repeat-y;}
	#Main-Left { width:182px; }
	#Main-Right{ width:533px; }
		#Main-Right h3{clear: both; width: 482px; height: 23px; background-image: url(./img/h3_bg.gif); background-repeat: no-repeat; color: #ffffff; font-size: 14px; font-weight: bold; margin: 15px auto 10px auto; padding: 5px 0 0 25px;}
/* Main-Left */
#s_Navi{width:170px; background-image: url(./img/menu_bg.gif); background-repeat: repeat-y; margin: auto;}
	#s_Navi ul{list-style-image: url(./img/list.gif); list-style-position: inside; padding: 3px 0; margin-left: 5px;}
	#s_Navi li{padding: 5px 0 5px 15px;}
	#s_Navi a:link{color:#662020; text-decoration: none;}
	#s_Navi a:visited{color:#662020; text-decoration: none;}
	#s_Navi a:hover{color:#a03f3f; text-decoration:none;}
.line{border-bottom:1px dotted #b2bdbd;}

.bnr{width: 173px; height: 50px; margin: 15px auto 0 auto;}


/* Main-Right */
#Main-Right-innter{margin:0 13px 0 13px;}
.Main-Right-text{ clear: both; width: 490px; margin: auto; line-height: 1.6em; overflow: hidden;}
#Lv2_title{width: 715px; height: 78px; background-image: url(./img/h2_bg.jpg); position: relative;}
	#Lv2_title h2{position: absolute; right: 25px; bottom: 5px; font-size: 20px; font-weight: bold; color: #ffffff; line-height: 1.5em;}


/* ToPageTop */
.ToPageTop{clear: both;float:right;margin:10px 0 0 0;}

/*Foot*/
#Foot{clear:both; background-image: url(./img/foot.gif);background-repeat: no-repeat; width: 715px; height: 90px; margin: auto; line-height: 1.5em; position: relative;}
#Foot_L{width: 300px; position: absolute; top: 11px; left: 15px; color: #ffffff;}
	#Foot_L a:link{color:#ffffff; text-decoration: none;}
	#Foot_L a:visited{color:#ffffff; text-decoration: none;}
	#Foot_L a:hover{color:#ffffff; text-decoration:underline;}
#Foot_R{width: 300px; position: absolute; top: 11px; right: 10px; text-align: right; color: #ffffff;}


.left{ float:left; margin-right:8px; }
.clear{ clear:both; }