@charset "UTF-8";
/* CSS Document */



/*----------------------------------------------------
	common
----------------------------------------------------*/




/*----------------------------------------------------
	layout common
----------------------------------------------------*/
/*article#wrapper #contents{
	 width: 100%;
	 height:100%;
	 min-width:1067px;
	 min-height:600px;
	 position: absolute;
	 }*/
	 
article#wrapper #contents{
	 width:990px;
	 height:100%;
	 margin:0 auto;
	 }
	 
	 
	 
/*----------------------------------------------------
	header
----------------------------------------------------*/ 	 
header{
	width:100%;
	height:60px;
	background:url(../images/common/bg_navi.gif) repeat-x;
	position:absolute;
	top:0;
	left:0;
	z-index:2000;
	}
	
	
header .lv_01{
	width:990px;
	height:60px;
	margin:0 auto;
	position:relative;
	}
	
header .lv_01 img#logo{
	position:absolute;
	bottom:5px;
	left:0;
	}		
	
	
header .lv_01 ul.sf-menu{
	position:absolute;
	top:20px;
	left:400px;
	/* left:290px; */
	}
	

header .lv_01 ul.sf-menu li.pri{
	float:left;
	}

header .lv_01 ul.sf-menu li.about{
	width:150px;
	margin-right:60px;
	}
	
header .lv_01 ul.sf-menu li.facility{
	width:120px;
	margin-right:30px;
	}	
	
header .lv_01 ul.sf-menu li.access{
	width:91px;
	margin-right:70px;
	}	
	
header .lv_01 ul.sf-menu li.info{
	width:47px;
	}
					
	
header .lv_01 ul.sf-menu li.pri:last-child{
	margin-right:0;
	float:left;
	}				
	
	

header .lv_01 ul.sf-menu li.event{
	width:70px;
	margin-right: 30px;
	}
header .lv_01 ul.sf-menu li.event a { color: #000; text-decoration: none; }
header .lv_01 ul.sf-menu #sub_about,
header .lv_01 ul.sf-menu #sub_facility,
header .lv_01 ul.sf-menu #sub_access,
header .lv_01 ul.sf-menu #sub_info{
	margin-top:10px;
	background:#f3f3f3;
	color:#333;
	opacity:0.9;
	}
	
header .lv_01 ul.sf-menu li.sub{
	padding:3px 20px 0 3px;
	border-bottom:#ddd 1px solid;
	}		
	

/*----------------------------------------------------
	layout contents
----------------------------------------------------*/	 
article#wrapper #contents .lv_02{
	width:710px;
	/*height:70%;*/
	height:78%;
	/*min-height:500px;*/
	min-height:350px;
	margin:0 0 0 110px;
	padding:0 30px;
	color:#fff;
	background:url(../images/common/bg_lv02.png) repeat;
	/*opacity:0.8;*/
	position:absolute;
	/*top:10%;*/
	top:80px;
	}
	
/*article#wrapper #contents .lv_02 img#logo{
	position:absolute;
	top:15px;
	right:30px;
	}	*/
	
article#wrapper #contents h1{
	/*width:840px;*/
	height:63px;
	/*margin:0 0 15px 0;*/
	margin:0 0 5px 0;
	border-bottom:#424242 1px solid;
	}
	
article#wrapper #contents h1 img{
	margin:27px 0 0 0;
	}
	
article#wrapper #contents .lv_02 h2.common{
	/*border-bottom:#424242 1px solid;*/
	/*width:750px;*/
	padding:4px 8px 2px 8px;
	margin:40px 0 15px 0;
	border-bottom:#424242 1px solid;
	}
	
article#wrapper #contents .lv_02 h3{
	/*border-bottom:#424242 1px solid;*/
	/*width:720px;*/
	width:590px;
	padding:4px 8px 2px 8px;
	margin:1em 0 1em 0;
	background:#171717;
	}
	
article#wrapper #contents .lv_03{
	/*width:720px;*/
	margin:0 15px;
	}						 

article#wrapper #contents .lv_02 #box{
	width:680px;
	/*height:77%;*/
	/*height:82%;*/
	/*height:inherit;*/
	height:77%;
	/*min-height:340px;*/
	/*height:70%;*/
	margin:10px 15px 0 15px;
	/*border:#FF0000 1px solid;*/
	/*padding:0 0 15px 0;*/
	}
	
article#wrapper #contents .lv_02 #box p{
	margin-bottom:1.5em;
	}
	
article#wrapper #contents .lv_02 #box dl{
	margin:0 0 1.5em 0;
	}	
	
article#wrapper #contents .lv_02 #box dd{
	margin:0 0 1.5em 1.5em;
	}
	

article#wrapper #contents .lv_02 #box ul.inside{
	margin:0 0 0 15px;
	}
	
article#wrapper #contents .lv_02 #box ul.inside li{
	margin:0 0 1em 0;
	}			
	
			
/*----------------------------------------------------
	about
----------------------------------------------------*/	
#greetings .photos{
	width:219px;
	float:right;
	}
	
#greetings .photos img{
	/*border:#444 1px solid;	*/
	}	
	
#greetings .txtArea{
	width:430px;
	float:left;
	}	




	
	
/*----------------------------------------------------
	facility 
----------------------------------------------------*/	

/* roten */
#facility  #men{
	width:220px;
	margin:0 0 0 60px;
	float:left;
	}
	
#facility  #women{
	width:220px;
	margin:0 0 0 80px;
	float:left;
	}
	
#facility  .leftBox{
	width:220px;
	margin:15px 0 15px 60px;
	float:left;
	}
	
#facility  .rightBox{
	width:220px;
	margin:15px 0 15px 80px;
	float:left;
	}	
	
#facility  h2.short{
	width:220px;
	margin:0;
	font-size:medium;
	}		
	
	
	
#facility  img.main{
	width:218px;
	height:128px;
	border:#444 1px solid;
	margin:0 0 0 0;
	}
	
	
	
#facility  ul.thumb{
	width:220px;
	}
	
#facility  ul.thumb:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
		overflow:hidden;
}
#facility  ul.thumb{ display:inline-block; }	
	
#facility ul.thumb li{
	width:68px;
	height:43px;
	margin:0 5px 0 0;
	border:#444 1px solid;
	float:left;
	}
	
/*#roten ul.thumb li:last-child{
	margin-right:0;
	}*/
	
#facility  ul.thumb li.end{
	margin-right:0;
	}	
	
#facility  p{
	margin:0.5em 0 0 0;
	font-size:small; 
	}
	
#facility  ul.btn_gallery{
	margin:5px 0 0 0;
	}					


#facility  ul.btn_gallery li{
	text-align:right;
	}



/*　個別に指定 */
#facility .restaurant .photos{
	/*width:520px;*/
	margin:0 0 30px 55px;
	}
	
#facility .restaurant .photos img{
	/*border:#999 2px solid;*/
	float:left;
	margin-right:60px;
	}	
	
#facility .restaurant strong.subtit{
	display:block;
	margin:0.5em 0;
	font-size:medium;
	}
	
#facility  .split_3{
	width:220px;
	margin:0 50px 5px 0;
	float:left;
	}
	
#facility  .split_3_end{
	width:220px;
	margin:0 0 5px 0;
	float:left;
	}
	
#facility  .split_3 p,
#facility  .split_3_end p{
	margin:0;
	}		
	
	
	
/*----------------------------------------------------
	info
----------------------------------------------------*/	
#access dl{
	width:325px;
	float:left;
	/*border:#FF0000 1px solid;*/
	}
	
	
#access #map{
	width:270px;
	margin:0 15px 0 0;
	float:right;
	/*border:#FF0000 1px solid;*/
	}		
	
	
/*----------------------------------------------------
	info
----------------------------------------------------*/	
#info h1{
	margin-bottom:30px;
	 }


#info p{
 margin:0 0 1em 1em;
 }		
	
		

/*----------------------------------------------------
	footer
----------------------------------------------------*/
article#wrapper footer{
	width:100%;
	height:75px;
	background:#000;
	color:#FFFFFF;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1000;
	opacity: 0.8;
	display:none;
	}
	
	
article#wrapper footer .inside{
	width:990px;
	margin:0 auto;
	}