@charset "utf-8";
@import url("reset.css");
@import url("main.css");
body{
	background-image:url(/common/img/common/body_bg.gif);
	background-color:#F0EFEB;
	background-repeat:repeat-x;
	background-position:50% 0;
	text-align:center;
	}
/*---------------*/
/*	basic_layout */
/*---------------*/
	
#over_wrap{
	background-image:url(/common/img/common/head_bg.jpg);
	background-repeat:repeat-x;
	}
#wrap{
	width:1100px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
#head_staff{
	position:absolute;
	left:1010px;
	top:322px;
	z-index:1;
	}
#head_top{
	background-image:url(/common/img/common/head_top_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:1100px;
	margin:0 auto;
	}
#head{
	padding:10px 0 0 0;
	}
#container{
	background-image:url(/common/img/common/main_bg.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:920px;
	margin:0 auto;
	}		
#main{
	margin:0 10px 0 10px;
	padding:0 0 20px 0;
	text-align:left;
	background-image:url(/common/img/common/main_mid_bg.jpg);
	}
#maincol{
	width:640px;
	float:left;
	text-align:left;
	margin-right:10px;
	}
.maincol_inner{
	margin:20px 0 0 0;
	background:#FFFFFF;
	}
#rightcol{
	width:250px;
	float:right;
/*	background-image:url(/common/img/common/sidebar_bg.jpg);*/
	}
#foot{
	clear:both;
	background-image:url(/common/img/common/foot_bg.jpg);
	height:300px;
	background-repeat:repeat-x;
	}
#footCont{
	width:900px;
	margin:0 auto;
	}
/*---------------*/
/*	head         */
/*---------------*/	
#sign{
	width:850px;
	float:right;
	text-align:right;
	}
p#description{
	display:inline;
	color:#ccc;
	font-size:10px;
	padding:0 100px 0 10px;
	}
h1{
	color:#ccc;
	display:inline;
	border-right:1px solid #ccc;
	padding:0 10px;
	font-size:10px;
	}
#reserve{
	width:150px;
	float:right;
	text-align:left;
	text-indent:-9999px;
	}
#reserve a{	
	display:block;
	width:150px;
	height:70px;
	}
.hNavi{
	padding:0 60px 0 0;
	text-align:right;
	}	
.hNavi ul{
	width:600px;
	float:left;
	padding:50px 0 0 0;
	}	
.hNavi ul li{
	display:inline;
	border-left:1px dotted #666666;
	padding:0 10px;
	}
.hNavi ul li.firstChild{
	border:none;
	}
.hNavi ul li a,
.hNavi ul li a:link,
.hNavi ul li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(/common/img/basicdeco/pink_pointer_p.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	}
.hNavi ul li a:hover{
	color: #FF3366;
	text-decoration:underline;
	}	

/*---------------*/
/*	global_navi  */
/*---------------*/
.gNavi{
	width:900px;
	margin:0 10px;
	height:39px;
	position:relative;
	}
.gNavi li a{
	display:block;
	}
.gNavi li.navi01{ width:102px;}
.gNavi li.navi02{ width:139px;}
.gNavi li.navi03{ width:150px;}
.gNavi li.navi04{ width:149px;}
.gNavi li.navi05{ width:204px;}
.gNavi li.navi06{ width:156px;}

.gNavi li.navi01{
	position:absolute;
	top:0;
	left:0;
	}


.gNavi li.navi02 dl{
	position:absolute;
	top:0px;
	left:102px;
	z-index:1;
	text-align:left;
	background:#000000;
	}
.gNavi li.navi02 dl dt{
	width:139px;
	height:39px;
	}
.gNavi li.navi02 dl dd{
	display:none;
	width:400px;
	}
.gNavi li.navi02 dl dd a{
	background-image:url(/common/img/basicdeco/pink_pointer_p.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:3px 10px;
	margin:0 0 0 10px;
	color:#FFFFFF;
	}
.gNavi li.navi02 dl dd a:hover{
	color:#FF3333;
	background-image:url(/common/img/basicdeco/pink_pointer_w.gif);
	}	
	
.gNavi li.navi03{
	position:absolute;
	top:0;
	left:750px;
	text-align:left;
	background:#000000;
	z-index:7;
	}
.gNavi li.navi03 {
	width:150px;
	height:39px;
	}
/*.gNavi li.navi03 dl dd{
	display:none;
	width:450px;
	}
.gNavi li.navi03 dl dd a{
	background-image:url(/common/img/basicdeco/pink_pointer_p.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:3px 10px;
	margin:0 0 0 10px;
	color:#FFFFFF;
	}
.gNavi li.navi03 dl dd a:hover{
	color:#FF3333;
	background-image:url(/common/img/basicdeco/pink_pointer_w.gif);
	}			*/
	
.gNavi li.navi04{
	position:absolute;
	top:0;
	left:241px;
	z-index:4;
	}
.gNavi li.navi05 dl{
	position:absolute;
	top:0;
	left:390px;
	text-align:left;
	background:#000000;
	z-index:5;
	}
.gNavi li.navi05 dl dt{
	width:204px;
	height:39px;
	}
.gNavi li.navi05 dl dd{
	display:none;
	width:204px;
	}
.gNavi li.navi05 dl dd a{
	background-image:url(/common/img/basicdeco/pink_pointer_p.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:3px 10px;
	margin:0 0 0 10px;
	color:#FFFFFF;
	}
.gNavi li.navi05 dl dd a:hover{
	color:#FF3333;
	background-image:url(/common/img/basicdeco/pink_pointer_w.gif);
	}			
.gNavi li.navi06{
	position:absolute;
	top:0;
	left:594px;
	z-index:6;
	}		
/*---------------*/
/*	basic_parts  */
/*---------------*/
.pan{
	text-align:right;
	}
.pan li{
	display:inline;
	background-image:url(/common/img/common/pan.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding:0 5px 0 10px;
	font-size:10px;
	}
.pan li.firstChild{
	background:none;
	}
.pan li.firstChild img{
	vertical-align:bottom;
}
/*---------------*/
/*	 side_bar    */
/*---------------*/
.menu *{height:1%;}	
.menu_hpbg{
	background-image:url(/common/img/common/menu_hpbg.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #666666;
	}
.menu{
	padding:0px 0 20px 10px;	
	}
.menu li{
	font-size:small;
	_font-size:x-small;
	padding:5px 0 3px 0;
	}
.menu li dl{
	}
.menu li dl dt{
	font-size:small;
	_font-size:x-small;
	font-weight:bold;
	}
.menu li dl dt a,
.menu li.toplevel a{
	background-image:url(/common/img/basicdeco/pink_pointer_p.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	text-decoration:none;
	display:block;
	color:#ccc;
	margin:3px 10px 3px 10px;
	padding:3px 0 0px 10px;
	font-weight:bold;
/*\*/padding:4px 0 2px 10px;/**/
	}
.menu li dl dd,
.menu li.note{
	padding:3px 0;
	margin:0 15px 0 15px;
	border-bottom:1px dotted #333;
	}
.menu li dl dd a,
.menu li.note a{
	background-image:url(/common/img/basicdeco/pink_pointer_b.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:5px 0 5px 15px;
	color:#ccc;
	text-decoration:none;
	display:block;
 	}
.menu li dl dt a:hover,
.menu li.toplevel a:hover,
.menu li dl dd a:hover,
.menu li.note a:hover{
	text-decoration:underline;
	color:#009999;
	background-image:url(/common/img/basicdeco/pink_pointer_w.gif);
	}
.mem_alb_wrap{
	padding:10px 20px 20px 20px;
	color:#cccccc;
	}
.banner{
	margin:0 0 20px 0;
	border-bottom:1px solid #666666;
	}
.banner p,
.mem_alb_wrap p{
	color:#CCCCCC;
	}	
.qr{
	width:70px;
	float:left;
	}
p.qr_text{
	font-size:10px;
	float:left;
	color:#FF0066;
	}	
.side_link{
	padding:0 10px;
	}
.side_link li{
	border-bottom:1px dotted #666666;
	}
.side_link li a{
	font-size:12px;
	color:#FFFFFF;
	}
#rightcol p.link_more{
	background-image:url(/common/img/basicdeco/pink_pointer_p.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:0 10px 0 10px;
	}	
/*---------------*/
/*	foot         */
/*---------------*/
#footCont{
	background-image:url(/common/img/common/foot_logo.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
	height:115px;
	}
#footCont ul{
	padding:20px 0 0 0;
	width:300px;
	float:left;
	text-align: left;
	}
#footCont ul li{
	display:inline;
	font-size:12px;
	padding:10px;
	}
#footCont ul li a{
	color:#ccc;
	background-image:url(/common/img/basicdeco/pink_pointer_p.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding:0 0 0 5px;
	}		
		
#footCont p.backto_top{
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	float:right;
	width:100px;
	_width:110px;
	}	
#footCont p.backto_top a{
	color:#ccc;
	background-image:url(/common/img/basicdeco/pink_pointer_p.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding:0 0 0 5px;
}

#footCont address{
	clear:both;
	color:#999;
	padding:120px 0 0 0;
	text-align:center;
	font-size:x-small;
	_font-size:xx-small;
	}
/*---------------*/
/*		deco	 */
/*---------------*/

.img_center{
	text-align:center;
	}
.link_more{
	text-align:right;
	}
.none{
	display:none;
	}	

.otoi {
	text-align:left;
	margin-left:10px;
}

.left {
	text-align:left;
}