@charset "utf-8";


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


CSS information





 file name  :rooms.css


 author     :Ability Consultant


style info  :客室設定　ハックは最下部に記述


index(上から)


 1. index.html 客室


 2. rikyu.html 離宮


 3. iso.html 磯客殿


 4. hana.html 花の棟


 5. satsuma.html 薩摩客殿


 6. price.html 宿泊料金一覧


 7. amenity.html 設備・アメニティ


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








/* -----------------------------------------------------------


	客室共通


----------------------------------------------------------- */


.bt {


	padding: 0 0 0 13px;


	background: url(../images/icon_allow01.gif) no-repeat 0 6px;


}








/* タブナビゲーション(基本設定はcommon.css内)


----------------------------------------------------------- */


#rooms div.contents_top ul.tb_rooms {


	width: 672px;


	height: 38px;


	background: url(../rooms/images/menu_rooms.gif) no-repeat 0 0;


}





/* 客室TOP */


#rooms div.contents_top ul.tb_rooms li.tb_roomstop,


#rooms div.contents_top ul.tb_rooms li.tb_roomstop a {


	width: 72px;


}





#rooms div.contents_top ul.tb_rooms li.tb_roomstop a:hover,


#rooms div.contents_top ul.tb_rooms li.tb_roomstop a.active {


	background: url(../rooms/images/menu_rooms.gif) no-repeat 0 -38px;


}





/* 離宮 */


#rooms div.contents_top ul.tb_rooms li.tb_rikyu,


#rooms div.contents_top ul.tb_rooms li.tb_rikyu a {


	width: 72px;


}





#rooms div.contents_top ul.tb_rooms li.tb_rikyu a:hover,


#rooms div.contents_top ul.tb_rooms li.tb_rikyu a.active {


	background: url(../rooms/images/menu_rooms.gif) no-repeat -72px -38px;


}





/* 磯客殿 */


#rooms div.contents_top ul.tb_rooms li.tb_iso,


#rooms div.contents_top ul.tb_rooms li.tb_iso a {


	width: 83px;


}





#rooms div.contents_top ul.tb_rooms li.tb_iso a:hover,


#rooms div.contents_top ul.tb_rooms li.tb_iso a.active {


	background: url(../rooms/images/menu_rooms.gif) no-repeat -144px -38px;


}





/* 花の棟 */


#rooms div.contents_top ul.tb_rooms li.tb_hana,


#rooms div.contents_top ul.tb_rooms li.tb_hana a {


	width: 83px;


}





#rooms div.contents_top ul.tb_rooms li.tb_hana a:hover,


#rooms div.contents_top ul.tb_rooms li.tb_hana a.active {


	background: url(../rooms/images/menu_rooms.gif) no-repeat -227px -38px;


}





/* 薩摩客殿 */


#rooms div.contents_top ul.tb_rooms li.tb_satsuma,


#rooms div.contents_top ul.tb_rooms li.tb_satsuma a {


	width: 102px;


}





#rooms div.contents_top ul.tb_rooms li.tb_satsuma a:hover,


#rooms div.contents_top ul.tb_rooms li.tb_satsuma a.active {


	background: url(../rooms/images/menu_rooms.gif) no-repeat -310px -38px;


}





/* 宿泊料金一覧 */


#rooms div.contents_top ul.tb_rooms li.tb_price,


#rooms div.contents_top ul.tb_rooms li.tb_price a {


	width: 123px;


}





#rooms div.contents_top ul.tb_rooms li.tb_price a:hover,


#rooms div.contents_top ul.tb_rooms li.tb_price a.active {


	background: url(../rooms/images/menu_rooms.gif) no-repeat -412px -38px;


}





/* 設備・アメニティ */


#rooms div.contents_top ul.tb_rooms li.tb_amenity,


#rooms div.contents_top ul.tb_rooms li.tb_amenity a {


	width: 137px;


}





#rooms div.contents_top ul.tb_rooms li.tb_amenity a:hover,


#rooms div.contents_top ul.tb_rooms li.tb_amenity a.active {


	background: url(../rooms/images/menu_rooms.gif) no-repeat -535px -38px;


}














/* -----------------------------------------------------------


	index.html 客室TOP


----------------------------------------------------------- */





/* キャッチ


----------------------------------------------------------- */


#rooms div.catch_con {


	width: 695px;


	height: 385px;


	margin: 0 0 40px 0;


	position: relative;


}





#rooms div.catch_con h3 {


	width: 290px;


	height: 300px;


	position: absolute;


	top: 0;


	left: 0;


}





#rooms div.catch_con div.flash {


	width: 480px;


	height: 385px;


	position: absolute;


	top: 0;


	right: 0;


}








/* 各部屋へのリンク


----------------------------------------------------------- */


#rooms div.roomsinfo_con {


	width: 695px;


	height: 535px;


	margin: 0 0 40px 0;


	background: url(../rooms/images/bg_roomsinfo.gif) no-repeat 0 0;


	position: relative;


}





#rooms div.roomsinfo_con h3 {


	text-indent: -9999px;


}





#rooms div.roomsinfo_con p {


	text-align: center;


}





/* 離宮 */


#rooms div.roomsinfo_con div.rikyu {


	width: 264px;


	position: absolute;


	top: 53px;


	left: 46px;


}





/* 磯客殿 */


#rooms div.roomsinfo_con div.iso {


	width: 264px;


	position: absolute;


	top: 53px;


	right: 49px;


}





/* 花の棟 */


#rooms div.roomsinfo_con div.hana {


	width: 264px;


	position: absolute;


	top: 300px;


	left: 46px;


}





/* 薩摩客殿 */


#rooms div.roomsinfo_con div.satsuma {


	width: 264px;


	position: absolute;


	top: 300px;


	right: 49px;


}














/* -----------------------------------------------------------


	各客室紹介共通設定


----------------------------------------------------------- */





/* キャッチ


----------------------------------------------------------- */


#rooms div.rooms_catch_con {


	width: 692px;


	margin: 0 0 40px 0;


	padding: 4px 0 0 3px;


	background: url(../rooms/images/bg_rooms_catch.gif) no-repeat 0 0;


	overflow: hidden;


}





#rooms div.rooms_catch_con p.photo {


	float: left;


}





#rooms div.rooms_catch_con div.txt {


	width: 254px;


	margin: 40px 0 0 0;


	float: right;


}





#rooms div.rooms_catch_con div.txt p {


	padding: 0 20px 0 0;


}








/* 和室[＝写真左・テキスト右]


----------------------------------------------------------- */


#rooms div.roomlist_con {


	width: 692px;


	margin: 0 0 40px 0;


	padding: 0 0 0 3px;


	overflow: hidden;


}





#rooms div.roomlist_con p#rooms_photo {


	margin: 10px 0 10px 0;


}





#rooms div.roomlist_con div.txt {


	width: 573px;


	overflow: hidden;


	float: right;


}





#rooms div.roomlist_con div.txt div.rooms_txt {


	width: 380px;


	float: left;


}





#rooms div.roomlist_con div.txt div.bt_rooms_con {


	width: 120px;


	overflow: hidden;


	float: right;


}





#rooms div.roomlist_con div.txt div.bt_rooms_con a {


	margin: 0 0 0 5px;


	float: right;


}





#rooms div.roomlist_con div.txt div.madori_con {


	width: 573px;


	padding: 20px 0 0 0;


	overflow: hidden;


	clear: both;


}





/* 間取り */


#rooms div.roomlist_con div.txt div.madori_con div.madori {


	width: 240px;


	float: left;


}





#rooms div.roomlist_con div.txt div.madori_con div.madori p.ex {


	margin: 0 0 20px 0;


}








#rooms div.roomlist_con div.txt div.madori_con div.madori p {


	margin: 0 0 5px 0;


}





#rooms div.roomlist_con div.txt div.madori_con div.madori span {


	margin: 0 14px 0 0;


	font-weight: bold;


}





#rooms div.roomlist_con div.txt div.madori_con p.madori_image {


	width: 301px;


	float: right;


}











/* 洋室(画像切り替え部固定IDのみの指定)[写真左・テキスト右]


----------------------------------------------------------- */


#rooms div.roomlist_con p#rooms_we_photo {


	margin: 10px 0 10px 0;


}





#rooms div.roomlist_con div.txt div.bt_we_con {


	width: 120px;


	overflow: hidden;


	float: right;


}





#rooms div.roomlist_con div.txt div.bt_we_con a {


	margin: 0 0 0 5px;


	float: right;


}








/* 和洋室[＝写真右・テキスト左]


----------------------------------------------------------- */


#rooms div.wayo_con {


	width: 692px;


	margin: 0 0 40px 0;


	padding: 0 3px 0 0;


	overflow: hidden;


}





#rooms div.wayo_con p#wayo_photo {


	margin: 10px 0 10px 0;


}





#rooms div.wayo_con div.txt {


	width: 573px;


	overflow: hidden;


	float: left;


}





#rooms div.wayo_con div.txt div.wayo_txt {


	width: 380px;


	float: left;


}





#rooms div.wayo_con div.txt div.bt_wayo_con {


	width: 120px;


	overflow: hidden;


	float: right;


}





#rooms div.wayo_con div.txt div.bt_wayo_con a {


	margin: 0 0 0 5px;


	float: right;


}





/* 間取り */


#rooms div.wayo_con div.txt div.madori_con {


	width: 573px;


	padding: 20px 0 0 0;


	overflow: hidden;


	clear: both;


}





#rooms div.wayo_con div.txt div.madori_con div.madori {


	width: 240px;


	float: left;


}





#rooms div.wayo_con div.txt div.madori_con div.madori p.ex {


	margin: 0 0 20px 0;


}








#rooms div.wayo_con div.txt div.madori_con div.madori p {


	margin: 0 0 5px 0;


}





#rooms div.wayo_con div.txt div.madori_con div.madori span {


	margin: 0 14px 0 0;


	font-weight: bold;


}





#rooms div.wayo_con div.txt div.madori_con p.madori_image {


	width: 301px;


	float: right;


}











/* -----------------------------------------------------------


	rikyu.html 離宮


----------------------------------------------------------- */





/* 見出し


----------------------------------------------------------- */


#rooms div.rooms_catch_con div.txt h3.st_rikyu {


	margin: 0 0 20px 0;


}





#rooms div.roomlist_con h3.st_rikyu_jp {


	width: 100px;


	height: 160px;


	float: left;


}





#rooms div.wayo_con h3.st_rikyu_wayo {


	width: 100px;


	height: 160px;


	float: right;


}





/* 背景画像指定


----------------------------------------------------------- */


#rooms div.rikyu_jp {


	background: url(../rooms/images/rikyu/bg_japanese.gif) no-repeat 0 0;


}





#rooms div.rikyu_wayo {


	background: url(../rooms/images/rikyu/bg_wayo.gif) no-repeat 0 0;


}











/* -----------------------------------------------------------


	iso.html 磯客殿


----------------------------------------------------------- */





/* 見出し


----------------------------------------------------------- */


#rooms div.rooms_catch_con div.txt h3.st_iso {


	margin: 0 0 20px 0;


}





#rooms div.roomlist_con h3.st_iso_jp {


	width: 100px;


	height: 172px;


	float: left;


}





#rooms div.wayo_con h3.st_iso_wayo {


	width: 100px;


	height: 190px;


	float: right;


}





/* 背景画像指定


----------------------------------------------------------- */


#rooms div.iso_jp {


	background: url(../rooms/images/iso/bg_iso_jp.gif) no-repeat 0 0;


}





#rooms div.iso_wayo {


	background: url(../rooms/images/iso/bg_iso_wayo.gif) no-repeat 0 0;


}





/* テキストスペース[特別指定]


----------------------------------------------------------- */


#rooms div.iso_txt {


	padding: 20px 0 0 0;


}











/* -----------------------------------------------------------


	hana.html 花の棟


----------------------------------------------------------- */





/* 見出し


----------------------------------------------------------- */


#rooms div.rooms_catch_con div.txt h3.st_hana {


	margin: 0 0 20px 0;


}





#rooms div.roomlist_con h3.st_hana_jp {


	float: left;


}





#rooms div.roomlist_con h3.st_hana_we {


	float: left;


}





#rooms div.wayo_con h3.st_hana_wayo {


	float: right;


}





/* 背景画像指定


----------------------------------------------------------- */


#rooms div.hana_jp {


	background: url(../rooms/images/hana/bg_hana_jp.gif) no-repeat 0 0;


}





#rooms div.hana_we {


	background: url(../rooms/images/bg_left.gif) no-repeat 0 0;


}





#rooms div.hana_wayo {


	background: url(../rooms/images/hana/bg_hana_wayo.gif) no-repeat 0 0;


}





/* テキストスペース[特別指定]


----------------------------------------------------------- */


#rooms div.hana_txt {


	padding: 20px 0 0 0;


}











/* -----------------------------------------------------------


	satsuma.html 薩摩客殿


----------------------------------------------------------- */





/* 見出し


----------------------------------------------------------- */


#rooms div.rooms_catch_con div.txt h3.st_satsuma {


	margin: 0 0 20px 0;


}





#rooms div.roomlist_con h3.st_satsuma_wayo {


	float: left;


}





/* 背景画像指定


----------------------------------------------------------- */


#rooms div.satsuma_wayo {


	background: url(../rooms/images/satsuma/bg_satsuma_wayo.gif) no-repeat 0 0;


}





/* テキストスペース[特別指定]


----------------------------------------------------------- */


#rooms div.satsuma_txt {


	padding: 20px 0 0 0;


}











/* -----------------------------------------------------------


	price.html 宿泊料金一覧


----------------------------------------------------------- */





/* 見出し


----------------------------------------------------------- */


#rooms div.price_con {


	width: 695px;


	margin: 0 0 40px 0;


	padding: 50px 0 0 0;


	background: url(../hotspa/images/bg_tabletop.gif) no-repeat right top;


}





#rooms div.price_con table {


	width: 693px;


	margin: 0 0 10px 0;


}





#rooms div.price_con table #name {


	width: 103px;


}





#rooms div.price_con table #type {


	width: 60px;


}





#rooms div.price_con table #num {


	width: 40px;


}





#rooms div.price_con table #price {


	width: 98px;


}





#rooms div.price_con table th,


#rooms div.price_con table td {


	padding: 5px;


	text-align: center;


}











/* -----------------------------------------------------------


	price.html 宿泊料金一覧


----------------------------------------------------------- */





/* 見出し


----------------------------------------------------------- */


#rooms div.amenity_con {


	width: 695px;


	margin: 0 0 40px 0;


	padding: 50px 0 0 0;


	background: url(../hotspa/images/bg_tabletop.gif) no-repeat right top;


}





#rooms div.amenity_con table {


	width: 693px;


	margin: 0 0 30px 0;


}





#rooms div.amenity_con table th {


	width: 30%;


}





#rooms div.amenity_con table th,


#rooms div.amenity_con table td {


	padding: 5px;


}


























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





	hack - 各種cssハック - for IE7





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


*:first-child+html {}








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





	hack - 各種cssハック - for IE6





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





/* index.html - 磯客殿・薩摩客殿位置調整 */


* html #rooms div.roomsinfo_con div.iso,


* html #rooms div.roomsinfo_con div.satsuma{right: 47px;}