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

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


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* ページタイトル
----------------------------------------------------------- */
#rooms #contents_head h2 {
	background: url(../rooms/images/st_rooms.gif) no-repeat center top;
}

/* サブメニュー
----------------------------------------------------------- */
#rooms ul.menu_rooms {
	width: 695px;
	height: 43px;
	margin: 0 0 30px 0;
	background: url(../rooms/images/menu_c_rooms.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#rooms ul.menu_rooms li {
	width: 139px;
	height: 43px;
	float: left;
}

#rooms ul.menu_rooms li a {
	width: 139px;
	height: 43px;
	display: block;
	overflow: hidden;
}

/* 客室トップ */
#rooms ul.menu_rooms li.m_top a:hover,
#rooms ul.menu_rooms li.m_top a.active {
	background: url(../rooms/images/menu_c_rooms.gif) no-repeat 0 -43px;
}

/* 展望露天風呂 */
#rooms ul.menu_rooms li.m_rotsuki a:hover,
#rooms ul.menu_rooms li.m_rotsuki a.active {
	background: url(../rooms/images/menu_c_rooms.gif) no-repeat -139px -43px;
}

/* 北館副室付 */
#rooms ul.menu_rooms li.m_hukushitsu a:hover,
#rooms ul.menu_rooms li.m_hukushitsu a.active {
	background: url(../rooms/images/menu_c_rooms.gif) no-repeat -278px -43px;
}

/* 特別室 */
#rooms ul.menu_rooms li.m_tokubetsu a:hover,
#rooms ul.menu_rooms li.m_tokubetsu a.active {
	background: url(../rooms/images/menu_c_rooms.gif) no-repeat -417px -43px;
}

/* 客室概要 */
#rooms ul.menu_rooms li.m_amenity a:hover,
#rooms ul.menu_rooms li.m_amenity a.active {
	background: url(../rooms/images/menu_c_rooms.gif) no-repeat -556px -43px;
}





/* -----------------------------------------------------------
	index.php 客室
----------------------------------------------------------- */

/* rooms_con キャッチ
----------------------------------------------------------- */
#rooms div.rooms_con {
	width: 695px;
	margin: 0 0 20px 0;
}

#rooms div.rooms_con div.catch {
	width: 635px;
	margin: 0 0 0 60px;
}

#rooms div.rooms_con div.catch {
	width: 635px;
	margin: 0 0 0 60px;
	overflow: hidden;
}

#rooms div.rooms_con div.catch div.catch_l {
	width: 315px;
	float: left;
}

#rooms div.rooms_con div.catch div.catch_r {
	width: 260px;
	float: right;
}

#rooms div.rooms_con div.catch div.catch_r h3 {
	width: 160px;
	height: 290px;
	margin: 0 auto 20px auto;
	background: url(../rooms/images/st_luxury.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* rooms_nav_con 客室ナビゲーション
----------------------------------------------------------- */
#rooms div.rooms_nav_con {
	width: 625px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}

/* 展望露天風呂付客室 */
#rooms div.rooms_nav_con div.r_rotsuki {
	width: 185px;
	margin: 0 30px 0 0;
	float: left;
}

#rooms div.rooms_nav_con div.r_rotsuki h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto 10px auto;
	background: url(../rooms/images/st_roten.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 北館副室付客室 */
#rooms div.rooms_nav_con div.r_hukushitsu {
	width: 185px;
	margin: 0 30px 0 0;
	float: left;
}

#rooms div.rooms_nav_con div.r_hukushitsu h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto 10px auto;
	background: url(../rooms/images/st_hukusitsu.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 特別室 */
#rooms div.rooms_nav_con div.r_tokubetsu {
	width: 185px;
	float: left;
}

#rooms div.rooms_nav_con div.r_tokubetsu h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto 10px auto;
	background: url(../rooms/images/st_tokubetsu.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* rooms_nav_con 客室説明
----------------------------------------------------------- */
#rooms div.rooms_guide {
	width: 695px;
	margin: 0 0 40px 0;
}

#rooms div.rooms_guide p.ex {
	padding: 0 0 0 10px;
	background: url(../images/icon_fallow.gif) no-repeat left center;
}

/* 西館 */
#rooms div.rooms_guide div.west {
	width: 633px;
	margin: 0 0 20px 0;
	padding: 10px 30px;
	border: 1px #b8a969 dotted;
	overflow: hidden;
}

#rooms div.rooms_guide div.west h4 {
	width: 85px;
	height: 220px;
	background: url(../rooms/images/st_west.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#rooms div.rooms_guide div.west div.guide {
	width: 505px;
	float: right;
}

/* 南館 */
#rooms div.rooms_guide div.south {
	width: 633px;
	padding: 10px 30px;
	margin: 0 0 20px 0;
	border: 1px #b8a969 dotted;
	overflow: hidden;
}

#rooms div.rooms_guide div.south h4 {
	width: 85px;
	height: 220px;
	background: url(../rooms/images/st_south.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#rooms div.rooms_guide div.south div.guide {
	width: 505px;
	float: right;
}

/* 西館 */
#rooms div.rooms_guide div.north {
	width: 633px;
	padding: 10px 30px;
	border: 1px #b8a969 dotted;
	overflow: hidden;
}

#rooms div.rooms_guide div.north h4 {
	width: 85px;
	height: 220px;
	background: url(../rooms/images/st_north.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#rooms div.rooms_guide div.north div.guide {
	width: 505px;
	float: right;
}





/* -----------------------------------------------------------
	rotsuki.php 展望露天風呂付客室
----------------------------------------------------------- */

/* rotsuki_con キャッチ
----------------------------------------------------------- */
#rooms div.rotsuki_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#rooms div.rotsuki_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../rooms/images/rotsuki/st_rotsuki.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#rooms div.rotsuki_con div.catch_con {
	width: 635px;
	margin: 0 0 0 60px;
	overflow: hidden;
}

#rooms div.rotsuki_con div.catch_con div.txt {
	width: 300px;
	overflow: hidden;
	float: left;
}

#rooms div.rotsuki_con div.catch_con div.txt p.madori {
	margin: 155px 0 0 0;
	border: 1px #b8a969 dotted;
	float: left;
}

#rooms div.rotsuki_con div.catch_con div.txt h4 {
	width: 111px;
	height: 398px;
	margin: 0 18px 0 0;
	background: url(../rooms/images/rotsuki/st_rotsuki_catch.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: right;
}

#rooms div.rotsuki_con div.catch_con div.txt p.catch,
#rooms div.rotsuki_con div.catch_con div.txt p.bt {
	clear: both;
}

#rooms div.rotsuki_con div.catch_con div.txt p.ex {
	padding: 0 0 0 10px;
	background: url(../images/icon_fallow.gif) no-repeat left center;
	clear: both;
}

#rooms div.rotsuki_con div.catch_con p.photo {
	width: 315px;
	float: right;
}


/* rotsuki_photo_con 写真
----------------------------------------------------------- */
#rooms div.rotsuki_photo_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#rooms div.rotsuki_photo_con div.bottom {
	width: 635px;
	margin: 30px 0 0 60px;
	overflow: hidden;
}

#rooms div.rotsuki_photo_con div.bottom div.txt {
	width: 384px;
	float: left;
}

#rooms div.rotsuki_photo_con div.bottom div.txt p.bottom_photo {
	padding: 50px 0 0 0;
}

#rooms div.rotsuki_photo_con div.bottom p.photo {
	width: 250px;
	float: right;
}







/* -----------------------------------------------------------
	hukushitsu.php 北館副室付客室
----------------------------------------------------------- */

/* hukushitsu_con キャッチ
----------------------------------------------------------- */
#rooms div.hukushitsu_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#rooms div.hukushitsu_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../rooms/images/hukushitsu/st_hukushitsu.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#rooms div.hukushitsu_con div.catch_con {
	width: 635px;
	margin: 0 0 0 60px;
	overflow: hidden;
}

#rooms div.hukushitsu_con div.catch_con div.txt {
	width: 300px;
	overflow: hidden;
	float: left;
}

#rooms div.hukushitsu_con div.catch_con div.txt p.madori {
	margin: 155px 0 0 0;
	border: 1px #b8a969 dotted;
	float: left;
}

#rooms div.hukushitsu_con div.catch_con div.txt h4 {
	width: 111px;
	height: 398px;
	margin: 0 40px 0 0;
	background: url(../rooms/images/hukushitsu/st_hukushitsu_catch.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: right;
}

#rooms div.hukushitsu_con div.catch_con div.txt p.catch,
#rooms div.hukushitsu_con div.catch_con div.txt p.bt {
	clear: both;
}

#rooms div.hukushitsu_con div.catch_con div.txt p.ex {
	padding: 0 0 0 10px;
	background: url(../images/icon_fallow.gif) no-repeat left center;
	clear: both;
}

#rooms div.hukushitsu_con div.catch_con p.photo {
	width: 315px;
	float: right;
}


/* hukushitsu_photo_con 写真
----------------------------------------------------------- */
#rooms div.hukushitsu_photo_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#rooms div.hukushitsu_photo_con p.ex {
	padding: 20px 10px 0 200px;
}





/* -----------------------------------------------------------
	tokubetsu.php 北館副室付客室
----------------------------------------------------------- */

/* tokubetsu_con キャッチ
----------------------------------------------------------- */
#rooms div.tokubetsu_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#rooms div.tokubetsu_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../rooms/images/tokubetsu/st_tokubetsu.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#rooms div.tokubetsu_con div.catch_con {
	width: 635px;
	margin: 0 0 0 60px;
	overflow: hidden;
}

#rooms div.tokubetsu_con div.catch_con div.txt {
	width: 300px;
	overflow: hidden;
	float: left;
}

#rooms div.tokubetsu_con div.catch_con div.txt p.madori {
	margin: 155px 0 0 0;
	border: 1px #b8a969 dotted;
	float: left;
}

#rooms div.tokubetsu_con div.catch_con div.txt h4 {
	width: 111px;
	height: 398px;
	margin: 0 10px 0 0;
	background: url(../rooms/images/tokubetsu/st_tokubetsu_catch.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: right;
}

#rooms div.tokubetsu_con div.catch_con div.txt p.catch,
#rooms div.tokubetsu_con div.catch_con div.txt p.bt {
	clear: both;
}

#rooms div.tokubetsu_con div.catch_con div.txt p.ex {
	padding: 0 0 0 10px;
	background: url(../images/icon_fallow.gif) no-repeat left center;
	clear: both;
}

#rooms div.tokubetsu_con div.catch_con p.photo {
	width: 315px;
	float: right;
}


/* tokubetsu_photo_con 写真
----------------------------------------------------------- */
#rooms div.tokubetsu_photo_con {
	width: 695px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#rooms div.tokubetsu_photo_con p.photo_top {
	margin: 0 0 30px 0;
}

#rooms div.tokubetsu_photo_con p.photo {
	padding: 0 20px 0 0;
	float: left;
}

#rooms div.tokubetsu_photo_con div.txt {
	overflow: hidden;
}






/* -----------------------------------------------------------
	amenity.php 客室概要
----------------------------------------------------------- */

/* amenity_con 概要
----------------------------------------------------------- */
#rooms div.amenity_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#rooms div.amenity_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../rooms/images/amenity/st_amenity.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#rooms div.amenity_con table {
	margin: 0 0 30px auto;
}

#rooms div.amenity_con h4 {
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	border: 1px #b8a969 dotted;
}

#rooms div.amenity_con div.rooms_info {
	width: 673px;
	padding: 10px;
	border: 1px #b8a969 dotted;
}













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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

/* 展望露天風呂付客室 - キャッチ */
* html #rooms div.rotsuki_con div.catch_con div.txt h4 {margin: 0 15px 0 0;display: inline;}

/* 北館副室付客室 - キャッチ */
* html #rooms div.hukushitsu_con div.catch_con div.txt h4 {display: inline;}