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

 file name  :room.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述

 1. 客室共通設定
 2. index.html トップページ
 3. imperial.html インペリアスイート
 4. royal.html ロイヤルスイート
 5. bay.html ベイスイート
 6. corner.html コーナースイート
 7. special.html 特別和室
 8. tearoom.html 茶室
 9. tatami.html 畳ルーム
10. wamodern.html 和モダン
11. family.html ファミリールーム
12. twin.html ツインルーム
13. double.html ダブルルーム
14. single.html シングルルーム
=================================================================== */


/*----------------------------------------------------
	客室共通設定
----------------------------------------------------*/
#room .con_about {
	width: 690px;
	margin: 0 0 40px 0;
}

#room .con_about h3 {
	margin: 0 0 20px 0;
}

#room .con_about table {
	width: 690px;
}

#room .con_about table th {
	width: 20%;
	text-align: center;
}


/* con_catch 画像切替
----------------------------------------------------*/
#room .con_room_list {
	width: 690px;
	overflow: hidden;
	margin: 0 0 40px 0;
}


#room .con_room_list h2 {
	margin: 0 0 5px 0;
	overflow: hidden;
}

/* 画像切り替えボタン部分 */
#room .con_room_list .con_bt {
	width: 290px;
	margin: 10px 0 0 0;
	float: left;
	overflow: hidden;
}

#room .con_room_list .con_bt p {
	margin: 0 5px 0 0;
	float: left;
}

#room .con_room_list .con_bt p a {
	width: 55px;
	height: 70px;
	padding: 5px;
	background: url(../images/bg_change_off.gif) no-repeat 0 0;
	display: block;
}

#room .con_room_list .con_bt p a:hover,
#room .con_room_list .con_bt p a.active {
	background: url(../images/bg_change_on.gif) no-repeat 0 0;
}

/* テキスト */
#room .con_room_list .txt {
	width: 390px;
	margin: 10px 0 0 0;
	float: right;
}

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

/* 間取り */
#room .con_room_list .box_madori {
	width: 690px;
	overflow: hidden;
	clear: both;
}

#room .con_room_list .box_madori .madori {
	float: left;
}

#room .con_room_list .box_madori .bt {
	margin: 10px 0 0 0;
	float: right;
}


/* menu_room サブメニュー
----------------------------------------------------*/
#room .menu_room {
	width: 690px;
	margin: 0 0 60px 0;
}

#room .menu_room h4 {
	margin: 0 0 10px 0;
}

#room .menu_room ul {
	width: 690px;
	overflow: hidden;
}

#room .menu_room li {
	float: left;
}

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





/*----------------------------------------------------
	index.html トップページ
----------------------------------------------------*/

/* con_catch キャッチ
----------------------------------------------------*/
#room .con_catch {
	width: 690px;
	margin: 0 0 40px 0;
}

#room .con_catch .catch {
	width: 690px;
	overflow: hidden;
}

#room .con_catch .catch .txt {
	width: 389px;
	padding: 25px 0 0 0;
	float: left;
}

#room .con_catch .catch .txt h2 {
	margin: 0 0 10px 0;
}

#room .con_catch .catch .txt p {
	padding: 0 0 0 10px;
}

#room .con_catch .catch .photo {
	width: 300px;
	float: right;
}


/* con_room 客室タイプ
----------------------------------------------------*/
#room .con_room {
	width: 690px;
	margin: 0 0 40px 0;
}

#room .con_room .box_room {
	width: 690px;
	margin: 0 0 30px 0;
	/*overflow: hidden;*/
}

#room .con_room h3,
#room .con_room h4 {
	margin: 0 0 10px 0;
}

/* list_room 共通
-----------------------------------------------*/
#room .con_room .box_room .list_room {
	width: 330px;
	height: 215px;
	margin: 0 5px 5px 5px;
	padding: 1px;
	background-color: #faf7d5;
	float: left;
}

#room .con_room .box_room .list_room h5 {
	margin: 0 0 10px 0;
}

#room .con_room .box_room .list_room .photo {
	width: 290px;
	margin: 0 auto 10px auto;
	border: 5px #e5e0a8 solid;
}

#room .con_room .box_room .list_room .bt {
	width: 300px;
	margin: 0 auto 5px auto;
}

#room .con_room .box_room .list_room .bt a {
	width: 145px;
}


/*----------------------------------------------------
	ロイヤルスイートルーム
----------------------------------------------------*/

#room .con_room_list #box_loyal_madori {
	margin-bottom: 25px;
	overflow: hidden;
}
#room .con_room_list .box_loyal_madori .loyal_madori {
	float: left;
	width: 290px;
	padding-top: 50px;
	padding-bottom: 20px;
}
#room .con_room_list .box_loyal_madori .btn_loyalroom {
	float: right;
	padding-top: 35px;
	padding-right: 20px;
}


#room #box_bath {
	width: 690px;
	overflow: hidden;
	clear: both;
	border: 1px solid #dfe0e0;
	background: url(../room/images/loyal/bg_bath.gif) no-repeat right bottom #fff;
	margin: -40px 0 40px 0;
}

#room #con_contents #box_contents #box_bath .bath_Ph {
	float: left;
	width: 310px;
	padding: 14px;
}

#room #box_bath .st_bath {
	padding-top: 70px;
	padding-left: 10px;
}

#room #box_bath .bath_comments {
	padding-top: 20px;
}



/*----------------------------------------------------
	コーナースイートルーム
----------------------------------------------------*/

#room .con_room_list .box_corner_madori .corner_madori {
	float: left;
	width: 347px;
}

#room .con_room_list .box_corner_madori .corner_bt {
	float: right;
	width: 145px;
	padding: 12px 20px 35px 0;
}

#room .con_room_list .box_eveningsun {
	float: right;
	padding: 0 0 20px 0;
}

#room .con_room_list .box_eveningsun .evensun_ph {
	float: right;
	width: 285px;
	padding: 0 0 10px 0;
}

#room .con_room_list .box_eveningsun .evensun_comments {
	float: right;
	width: 200px;
	clear: both;
	text-align: right;
}

#room .con_coner_about {
	clear: both;
	width: 690px;
	margin: 0 0 40px 0;
}

#room .con_coner_about h3 {
	margin: 0 0 20px 0;
}

#room .con_coner_about table {
	width: 690px;
}

#room .con_coner_about table th {
	width: 20%;
	text-align: center;
}



/*----------------------------------------------------
	特別和室
----------------------------------------------------*/
#room #main .con_room_list .txt_special {
	float: right;
	width: 340px;
	padding-top: 15px;
}


/* 間取り */
#room .con_room_list .box_special_madori {
	width: 690px;
	padding: 5px 0 0 0;
	overflow: hidden;
	clear: both;
}

#room .con_room_list .box_special_madori .madori {
	float: left;
	padding:25px 0 0 0;
}

#room .con_room_list .box_special_madori .bt {
	float: right;
	padding-right: 20px;
}


/*----------------------------------------------------
	茶室
----------------------------------------------------*/

/* 間取り */
#room .con_room_list .box_tearoom_madori {
	width: 690px;
	overflow: hidden;
	clear: both;
	padding: 30px 0 0 0 ;
}

#room .con_room_list .box_tearoom_madori .madori {
	float: left;
}

#room .con_room_list .box_tearoom_madori .bt {
	float: right;
	padding-right: 20px;
}


/*----------------------------------------------------
	和モダン ・　TATAMIROOM　・　ダブルルーム 共通
----------------------------------------------------*/

/* 間取り */
#room .con_room_list .box_wamodern_madori {
	width: 690px;
	overflow: hidden;
	clear: both;
}

#room .con_room_list .box_wamodern_madori .madori {
	float: left;
	padding: 20px 0 0 0;
}

#room .con_room_list .box_wamodern_madori .bt {
	float: right;
	padding-right: 20px;
}


/*----------------------------------------------------
　　ファミリールーム・ツインルーム　共通
----------------------------------------------------*/

/* 間取り */
#room .con_room_list .box_familyroom_madori {
	width: 690px;
	overflow: hidden;
	padding: 0 0 0 10px;
	clear: both;
}

#room .con_room_list .box_familyroom_madori .madori {
	float: left;
	padding: 35px 0 0 0;
}

#room .con_room_list .box_familyroom_madori .bt {
	float: right;
	padding-right: 20px;
}


/*----------------------------------------------------
	シングルルーム
----------------------------------------------------*/
/* テキスト */
#room .con_room_list .txt_singleroom {
	width: 390px;
	margin: 10px 0 0 0;
	float: right;
	
}

#room .con_room_list .txt_singleroom p {
	margin: 0 0 10px 0;
	text-align: right;
	padding-right: 10px
}



/* 間取り */

#room .con_room_list #box_singleroom {
	clear: both;
	margin-bottom: 20px;
}

#room .con_room_list #box_singleroom .box_single_madori .madori {
	float: left;
	width: 385px;
	padding-top: 25px;
}

#room .con_room_list #box_singleroom .box_single_madori .bt {
	float: right;
	width: 147px;
	padding-right: 20px;
}

#room .con_room_list #box_singleroom .singleroombath {
	float: right;
	width: 265px;
	padding-top: 15px;
}

#room .con_room_list #box_singleroom .singleroombath .singlebath_comments {
	text-align: right;
	padding-right: 5px;
}


/* 客室 */

#room .con_single_about {
	width: 690px;
	margin: 0 0 40px 0;
	clear:both
}

#room .con_single_about h3 {
	margin: 0 0 20px 0;
}

#room .con_single_about table {
	width: 690px;
}

#room .con_single_about table th {
	width: 20%;
	text-align: center;

}






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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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