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

 file name  :room.css
 author     :Ability Consultant
style info  :客室ページ設定　ハックは最下部に記述
 1. 客室共通設定
 2. index.html トップページ
 3. normal.html インペリアスイート
 4. royal.html ロイヤルスイート
 4. royal.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;
}



/*----------------------------------------------------
	index.html
----------------------------------------------------*/


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

#room .con_catch .catch {
	float: left;
	width: 680px;
	margin: 10px 0 0 10px;
	overflow: hidden;
	background: url(../room/images/bg_bird.jpg) bottom right no-repeat;
}

#room .con_catch .catch {
	float: left;
	width: 680px;
	margin: 10px 0 0 10px;
	overflow: hidden;
}

#room .con_catch .catch h2 {
	float: left;
	margin: 0 30px 0 0;
}

#room .con_catch .catch .txt {
	float: left;
	width: 330px;
}

#room .con_catch .catch .txt p {
	clear: both;
	width: 330px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

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

#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 .list_room {
	width: 328px;
	height: 213px;
	margin: 0 5px 5px 5px;
	padding: 1px;
	background: url(../room/images/bg_list_room.gif) 0 0 no-repeat;
	border:#d3c3b1 solid 1px;
	float: left;
}

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

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

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

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


/* 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 .box_bt {
	width: 290px;
	margin: 10px 0 0 0;
	float: left;
	overflow: hidden;
}

#room .con_room_list .box_bt .bt_resreve {
	clear: both;
	padding: 10px 0 0 0;
}

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

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

#room .con_room_list .box_bt .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 .box_bt .con_bt p a:hover,
#room .con_room_list .box_bt .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 .txt table {
	width: 389px;
}

#room .con_room_list .txt table th {
	width: 30%;
}


/* 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;
}

/* 和洋室 */

#room #wes_jp {
	padding: 0 0 30px 0;
	background: url(../room/images/normal/bg_wes_jp.jpg) left bottom no-repeat;
}
#room #wes_jp .txt {
	width: 390px;
	background: url(../room/images/normal/img_barrier.jpg) top right no-repeat;
}

#room #wes_jp table {
	margin: 230px 0 0 0;
}

/* 貴賓室 */

#room .image_viproom {
	clear: both;
	padding: 30px 0 10px 0;
	overflow: hidden;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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