@charset "utf-8";

/*----------------------------------------
* last update 2007-12-07
* Search key "++n"
* COPYRIGHT(C)VERY VERE.ALL RIGHTS RESERVED.
* Editor - studio CLOVER - www.with-clover.com.
* 
* +0  reset parts
* +1  header parts
* +2  navigation parts
* +3  contents parts
* +4  entrance parts
* +5  footer parts
* +000 other parts

----------------------------------------*/

/*----------------------------------------
++0 reset parts
----------------------------------------*/

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	}

th, td, form, fieldset{
	margin:0;
	padding:0;
	}

ul,ol {
	list-style:none;
	}

img,fieldset{
	border:0;
	}
	
	

/* default style */
body{
	color:#5a666a;
	background:#c7d4d8 url(../common/body_bg.gif) repeat-x left top;
	font-size:100%;
	font-family: "lr oSVbN", Osaka, sans-serif;
	letter-spacing:0.1em;
	text-align:center;
	margin-bottom:35px;
	}
#container{
	width:803px;
	text-align:left;
	margin:0 auto;
	}	

	
a{color:#5a666a;text-decoration:underline;}
a:hover{color:#5a666a;text-decoration:none;}


/*----------------------------------------
++1 header parts
----------------------------------------*/

#header{
	position:relative;
	width:803px;
	height:56px;
	background:url(../common/header_bg.gif) no-repeat;
	}
h1 a{
	position:absolute;
	top:8px;
	left:114px;
	display:block;
	width:187px;
	height:55px;
	background:url(../common/logo_bg.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	}
h1 a:focus{outline:0;}

						
/*----------------------------------------
++2 navigation parts / 
----------------------------------------*/
ul#gnavi{
	float:left;
	width:287px;
	height:479px;
	background:url(../common/gnavi_bg.gif) no-repeat left top;
	margin:-5px 0 0 0;
	}

ul#gnavi li a{
	display:block;
	width:150px;
	height:30px;
	text-indent:-9999px;
	}
		
ul#gnavi li#m01{margin:34px 0 2px 137px;}
ul#gnavi li#m02{margin:0 0 3px 137px;}
ul#gnavi li#m03{margin:0 0 3px 137px;}
ul#gnavi li#m04{margin:0 0 0 137px;}
ul#gnavi li#m05{margin:0 0 0 137px;}
ul#gnavi li#m06{margin:0 0 3px 137px;}				
ul#gnavi li#m07{margin:0 0 1px 137px;}
ul#gnavi li#m08{margin:0 0 1px 137px;}
ul#gnavi li#m09{margin:0 0 0 137px;}

ul#gnavi li a:hover{background:url(../common/gnavi_bg.gif) no-repeat;}
ul#gnavi li#m01 a:hover{background-position:-424px -34px;}
ul#gnavi li#m02 a:hover{background-position:-424px -66px;}
ul#gnavi li#m03 a:hover{background-position:-424px -99px;}
ul#gnavi li#m04 a:hover{background-position:-424px -132px;}
ul#gnavi li#m05 a:hover{background-position:-424px -162px;}
ul#gnavi li#m06 a:hover{background-position:-424px -192px;}				
ul#gnavi li#m07 a:hover{background-position:-424px -225px;}
ul#gnavi li#m08 a:hover{background-position:-424px -256px;}
ul#gnavi li#m09 a:hover{background-position:-424px -287px;}

/*----------------------------------------
++3 contents parts
----------------------------------------*/

#contents_area{
	float:right;
	width:510px;
	height:457px;
	background:url(../common/contents_bg.png) no-repeat;
	font-size:12px;
	line-height:1.5;
	margin:17px 0 0 0;
	}
	
#contents{
	width:497px;
	height:399px;
	padding:0 5px 0 8px;
	overflow:auto;
	scrollbar-track-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-shadow-color:#708085;
	scrollbar-darkshadow-color:#fff;
	scrollbar-highlight-color:#708085;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#708085;
	}	
#c00{
	width:480px;
	}
#c01,#c02,#c03,#c04,
#c05,#c06,#c07,#c08{
	width:468px;
	}	
	
/* title */
.title{
	clear:both;
	width:468px;
	height:28px;
	text-indent:-9999px;
	margin:18px 0 10px 0;
	}
#tit_c01{background:url(../common/c01_ttl.png) no-repeat;}
#tit_c02{background:url(../common/c02_ttl.png) no-repeat;}
#tit_c03{background:url(../common/c03_ttl.png) no-repeat;}
#tit_c04{background:url(../common/c04_ttl.png) no-repeat;}
#tit_c05{background:url(../common/c05_ttl.png) no-repeat;}
#tit_c06{background:url(../common/c06_ttl.png) no-repeat;}
#tit_c07{background:url(../common/c07_ttl.png) no-repeat;}
#tit_c08{background:url(../common/c08_ttl.png) no-repeat;}

#c00{
	background:#fff url(../common/c00_bg.jpg) no-repeat;
	text-align:center;
	padding:133px 0 0 0;
	}
#c00 p,#c01 p,#c02 p,#c03 p{
	margin:0 auto 15px;
	}
#c08 p{
	margin:0 auto 7px;
	}		
#c00 p,#c01 p,#c02 p,#c03 p,#c04 p,
#c05 p,#c06 p,#c07 p,#c08 p{
	clear:both;
	width:460px;
	padding:0 10px 0 5px;
	}
#c04 h4,#c08 h4{
	text-indent:5px;
	}	
h4 span{
	font-weight:normal;
	}
#c04 ul#pay_system{
	margin:10px auto;
	}
#c04 ul#pay_system li{
	float:left;
	width:146px;
	height:48px;
	background:#dae1e3;
	font-size:14px;
	text-align:center;
	padding:10px 0 0 0;
	margin:0 0 6px 6px;
	}
#c04 ul#pay_system li span{
	font-size:10px;
	}	
#c04 dl{
	float:left;
	width:146px;
	text-align:center;
	margin:0 0 10px 6px;
	}
#c04 dl dt,#c04 dl dd.total{
	background:#d5d2c7;
	color:#625349;
	font-size:14px;
	font-weight:bold;
	}
#c04 dl dd.time_detail{
	height:330px;
	background:#e3e1d8;
	padding:3px;
	}
	 	
#c05 table{
	width:460px;
	border-collapse:collapse;
	margin:0 0 12px;
	}
#c05 table th{
	width:58px;
	background:#e3e8e9;
	border-bottom:1px dashed #aab5b9;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
	vertical-align:text-top;
	padding:4px;
	}
#c05 table td{
	border-bottom:1px dashed #aab5b9;
	padding:4px;
	}							

#c06 dl{
	color:#54473f;
	margin:0 auto 12px 8px;
	}
#c06 dt{
	width:450px;
	height:26px;
	background:url(../common/c06_i01.png) no-repeat;
	font-weight:bold;
	line-height:2.4;
	text-indent:30px;
	margin:0 0 5px 0;
	}
#c06 dd{
	width:450px;
	margin:0 0 8px 0;
	}
#c07 #contact{
	width:280px;
	height:110px;
	background:url(../common/c07_i01.png) no-repeat;
	font-size:14px;
	padding:10px 0 0 180px;
	margin:10px auto 12px;
	}
#c07 #contact strong{
	font-size:12px;
	}		
	
#c08 #txt_link,
#c08 #banner_link{
	margin:3px 0 10px 3px;
	}
#c08 #txt_link td{
	width:140px;
	background:#f5f2ec;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	padding:6px;
	margin:0 0 6px 6px;
	}
#c08 #txt_link td span{
	font-size:9px;
	font-weight:normal;
}
#c08 #banner_link td{
	width:113px;
	background:#f5f2ec;
	font-size:9px;
	line-height:11px;
	letter-spacing:normal;
	text-align:center;
	vertical-align:top;
	padding:6px;
	margin:0 0 6px 6px;
	}
#c08 #banner_link td img{
 margin:0 0 4px 0;
	display:block;
}
		
#c08 a{text-decoration:none;}	
#c08 a:hover{text-decoration:underline;}	

#c08 h4.sepa{
	border-top:1px solid #5a666a;
	padding:6px 0 0 0;
	}
#c08 ul{
	border:2px solid #5a666a;
	font-size:11px;
	padding:6px;
	}
		
#c08 #banner_list{
	margin:10px 0 20px 0;
	}
#c08 #banner_list td{
	vertical-align:top;
	padding:5px;
	}
		
	
/*----------------------------------------
++4 entrance parts
----------------------------------------*/

#entrance{
	position:relative;
	width:676px;
	height:400px;
	color:#fff;
	background:url(../common/enter_bg.gif) repeat-x left bottom;
	text-align:left;
	margin:70px auto 0;
	}
#entrance h1{
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
	text-align:center;
	padding:345px 0 0 0;
	}
#over18 a{
	position:absolute;
	top:324px;
	left:535px;
	display:block;
	width:120px;
	height:157px;
	background:url(../common/i_over18.png) no-repeat left top;
	text-indent:-9999px;
	}
#over18 a:hover{background-position:left bottom;}

#entrance_footer{
	width:676px;
	height:135px;
	margin:3px auto 17px;
	color:#5a666a;
	background:url(../common/enter_bg02.png) no-repeat left top;
	border-bottom:1px solid #5a666a;
	}
	
#entrance_footer h2{
	position:relative;
	width:470px;
	height:74px;
	background:url(../common/i_qr.gif) no-repeat left 38px;
	font-size:11px;
	text-indent:85px;
	margin:0px auto;
	padding:40px 0 0 0;
	z-index:10;
	}
#entrance_footer p{
	position:relative;
	font-size:10px;
	line-height:1.7;
	text-align:left;
	margin:-50px 0 0 213px;
	z-index:11;
	}


#link_banner{
	margin:35px auto;
	}

/*----------------------------------------
++5 footer parts
----------------------------------------*/				

#footer{
	clear:both;
	width:803px;
	font-size:11px;
	}
#footer ul{
	margin:0 0 0 152px;
	}
#footer ul li{
	display:inline;
	}
#footer p{
	line-height:1.6;
	text-align:center;
	margin:35px 0 30px 140px;
	}
							
/*----------------------------------------
++000 other parts
----------------------------------------*/

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

.cle{
	clear:both;
	}

.center{
	text-align:center;
	}
	
.image1{
	float:left;
	margin:0 8px 8px 0;
	}
.image2{
	float:right;
	margin:0 0 8px 8px;
	}