@charset "utf-8";
/* ===================================================================
CSS information

 file name  :room.css
 author     :Ability Consultant
style info  :客室ページ設定　ハックは最下部に記述
=================================================================== */

/* 下記調整
----------------------------------------------------*/
#header {
	background: url(../images/bg_box_gnav.gif) no-repeat center 212px;
}

/*下層ページ再指定（commonにwidth違いでトップページ用のものが記述）*/
#main {
float:left;
padding:20px 0 0;
width:950px;
}

/*サイドバナー類*/


#con_serch,
#side p{
	margin-bottom:10px;
}

#bn_arashi{
	padding-top:20px;
}

#side{
	float:right;
	width:200px;
	margin-bottom:20px;
	padding:0 0 0 20px;
}

#homepage #main {
	width: 950px;
	margin: 0 auto 20px auto;
	padding: 40px 0 0 0;
	float: none;
	overflow: hidden;
	background: url(../images/bg_menu.jpg) center top no-repeat #FAF4ED; 
}

#con_main{
	width:720px;
	padding-left:8px;
	height:auto;
	float:left;
}

/*----------------------------------------------------
	共通 
----------------------------------------------------*/
#room #main h2 {
	clear:both;
	margin: 0 0 25px 0;
}

#room #main h3 {
	margin: 0 0 20px 0;	
}

#room #main h4 {
	margin: 0 0 10px 0;
}

#room #main .roominfo {
	padding: 0 0 0 15px;
	background: url(../images/ic_article.gif) no-repeat 0 4px;
}

/*#room #main p {
	margin: 0 0 10px 0;
}*/

/* 画像切替サムネイル */
#room .con_bt li {
	margin: 0 0 10px 0;
}

#room .con_bt li img {
	vertical-align: bottom;
}

#room .con_bt li a img {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	-ms-filter:"alpha(opacity=40)";
	opacity: 0.40;
}

#room .con_bt li a.active img,
#room .con_bt li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-ms-filter:"alpha(opacity=100)";
	opacity: 1.00;
}


/*----------------------------------------------------
	index.php  
----------------------------------------------------*/

/* #roten 露天風呂付き客室
----------------------------------------------------*/
#room #roten {
	width: 690px;
	margin: 0 0 60px 0;
	overflow: hidden;
}

#room #roten .con_bt {
	width: 61px;
	padding: 40px 0 0 83px;
	float: left;
}

#room #roten .photo {
	width: 519px;
	margin: 0 0 30px 0;
	float: right;
}

#room #roten .txt {
	width: 475px;
	padding: 0 0 0 20px;
	float: left;
}

#room #roten .madori {
	width: 165px;
	float: right;
/* コンテンツを表示するときは以下の記述を解除してください */	
	display: none;
}


/* #courtyard 露天風呂付き客室
----------------------------------------------------*/
#room #courtyard {
	width: 690px;
	margin: 0 0 60px 0;
	overflow: hidden;
}

#room #courtyard .photo {
	width: 519px;
	margin: 0 0 30px 0;
	float: left;
}

#room #courtyard .con_bt {
	width: 111px;
	padding: 183px 0 0 0;
	float: right;
}

#room #courtyard .txt {
	width: 475px;
	padding: 0 0 0 20px;
	float: left;
}

#room #courtyard .madori {
	width: 165px;
	float: right;
/* コンテンツを表示するときは以下の記述を解除してください */	
	display: none;	
}


/* #washitsu 露天風呂付き客室
----------------------------------------------------*/
#room #washitsu {
	width: 690px;
	margin: 0 0 60px 0;
	overflow: hidden;
}

#room #washitsu .photo {
	width: 668px;
	margin: 0 0 30px 0;
	padding: 0 0 0 22px;
	background: url(../rooms/images/bg_washitsu.gif) no-repeat top right;
}

#room #washitsu .txt {
	width: 475px;
	padding: 0 0 0 20px;
	float: left;
}

#room .txt p {
margin: 0 0 10px 0;
}

#room #washitsu .madori {
	width: 165px;
	float: right;
/* コンテンツを表示するときは以下の記述を解除してください */	
	display: none;	
}


/* con_about その他共通 
----------------------------------------------------*/
#room .con_about {
	width: 690px;
	margin: 0 0 60px 0;
}

/* 色浴衣専用指定
-----------------------------------------------*/
#room .con_about .yukata {
	padding: 25px 0 0 0;
	overflow: hidden;
	margin: 0 0 10px 0;
}

/* アメニティ専用指定
-----------------------------------------------*/
#room .con_about .amenity {
	width: 660px;
	margin: 20px 0 0 0;
	padding: 15px;
	background-color: #f4e9d3;
}

/* 館内施設専用指定
-----------------------------------------------*/
#room .facilities .con_catch {
	width: 690px;
	overflow: hidden;
	margin: 0 0 60px 0;
}

/* .con_wadining 和ダイニング
----------------------------------------------------*/
#room .facilities .con_wadining {
	width: 690px;
	overflow: hidden;
	margin: 0 0 60px 0;
}


#room .facilities .con_wadining p{
	width: 400px;
	float: right;
	margin: 0 0 10px 0;
}


#room .facilities .con_wadining .photo{
	width: 260px;
	float: left;
}



/* #con_aroma アロマエステ
----------------------------------------------------*/
#con_aroma {
	width: 690px;
	overflow: hidden;
	margin:0 0 50px;
}

#con_aroma .box_aroma_left {
	width: 400px;
}

#con_aroma .box_aroma_left dl {
	margin: 20px 0 0 0;
	padding: 15px;
	background: #f4e9d3;

}

#con_aroma .box_aroma_left dl dt{
	float: left;
	font-weight: bold;	
}


#con_aroma .photo{
/*	width: 206px;*/
	float: right;
}

#con_aroma p.box_est {
    margin: 25px 0 -20px;
}

/* 私たちにできること専用指定
-----------------------------------------------*/

#room #con_dekirukoto {
margin:15px 0 60px;
overflow:hidden;
width:690px;
}
#room #con_dekirukoto p.photo {
float:left;
margin:0 0 20px;
}
#room #con_dekirukoto p.txt {
float:right;
width:420px;
}
#room #con_dekirukoto .box_dekirukoto {
background:none repeat scroll 0 0 #F4E9D3;
clear:both;
overflow:hidden;
padding:0 0 0 10px;
width:680px;
}
#room #con_dekirukoto .box_dekirukoto p {
float:left;
}
#room #con_dekirukoto ul {
margin:15px 0 0;
}
#room #con_dekirukoto ul span {
font-weight:bold;
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}