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

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

/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */

/* ヘッダスラッシュ */
#rooms #header h2 {
	margin:0;
	padding:0;
	width:100%;
	height:248px;
	top:0;
	left:0;
	position:absolute;
	z-index:1;
	text-indent:0;
}

/* h2  画像タイトル */
/*#rooms #header h2 {
	background:url(../rooms/images/title.jpg) center top no-repeat;
}*/


/*----------------------------------------------------
	
	#main	メイン	
	
----------------------------------------------------*/

/* -----------------------------------------------
	.sub_menu	 客室サブメニュー	
-------------------------------------------------*/

/* ---- メニュー共通 -----*/
#rooms #main ul#sub_menu {
	margin:0 0 50px;
	width:705px;
	height:32px;
	overflow:hidden;
	background: url(../rooms/images/bg_sub_menu.gif) no-repeat left top;
}

#rooms #main ul#sub_menu li {
	float:left;
}

#rooms #main ul#sub_menu li a {
	display:block;
	height: 32px;
	text-indent: -9999px;
	outline: 0;
}

/* ---- サブメニュー個別 -----*/
#rooms #main ul#sub_menu li#sub_roten a {
	width: 157px;
}
#rooms #main ul#sub_menu li#sub_roten a:hover,
#rooms #main ul#sub_menu li#sub_roten a.active
 {
	background: url(../rooms/images/bg_sub_menu.gif) no-repeat left -32px;
}

#rooms #main ul#sub_menu li#sub_yubitei a {
	width: 157px;
}
#rooms #main ul#sub_menu li#sub_yubitei a:hover,
#rooms #main ul#sub_menu li#sub_yubitei a.active
 {
	background: url(../rooms/images/bg_sub_menu.gif) no-repeat -157px -32px;
}

#rooms #main ul#sub_menu li#sub_shikitei a {
	width: 157px;
}
#rooms #main ul#sub_menu li#sub_shikitei a:hover,
#rooms #main ul#sub_menu li#sub_shikitei a.active
 {
	background: url(../rooms/images/bg_sub_menu.gif) no-repeat -314px -32px;
}

#rooms #main ul#sub_menu li#sub_rooms a {
	width: 234px;
}
#rooms #main ul#sub_menu li#sub_rooms a:hover,
#rooms #main ul#sub_menu li#sub_rooms a.active
 {
	background: url(../rooms/images/bg_sub_menu.gif) no-repeat -471px -32px;
}



/* -----------------------------------------------
	.cnt_main	
-------------------------------------------------*/

/* 	.cnt_intro　見出し		
-------------------------------------------------*/
#rooms #main .cnt_main .cnt_intro {
	margin: -20px 0 20px;
}

#rooms #main .cnt_main .cnt_intro h2 {
	float: right;
}

#rooms #main .cnt_main .cnt_intro p {
	float: right;
	margin: 0 0 30px;
}


/* 	.cnt_box　各詳細枠		
-------------------------------------------------*/
#rooms #main .cnt_main .cnt_box {
	clear: both;
	padding: 18px 0 18px;
	margin: 0 0 35px;
	background: url(../rooms/images/bg_cnt_box.jpg) no-repeat;
	background-color: #EEF1F2;
	border: solid 1px #D9D9D9;
	overflow: hidden;
}

#rooms #main .cnt_main .cnt_box h3 {
	text-indent: -9999px;
}

#rooms #main .cnt_main .cnt_box .cnt_bleft {
	float: left;
	width: 315px;
}

#rooms #main .cnt_main .cnt_box .cnt_bleft p {
	padding: 0 5px 15px 20px;
}

#rooms #main .cnt_main .cnt_box .cnt_bleft h4 {
	margin: 0 0 3px 205px;
}

#rooms #main .cnt_main .cnt_box .cnt_bright {
	float: right;
}

#rooms #main .cnt_main .cnt_box .cnt_bright img {
	margin: 0 27px 0 0;
}


/* 	.cnt_box h3　各客室　見出し		
-------------------------------------------------*/
#rooms #main .cnt_main .cnt_box h3.tit_roo_roten,
#rooms #main .cnt_main .cnt_box h3.tit_roo_yubitei,
#rooms #main .cnt_main .cnt_box h3.tit_roo_shikitei {
	width: 326px;
	height: 35px;
	margin: -3px 0 20px;
	background: url(../rooms/images/tit_roo_roten.jpg) no-repeat;
}

#rooms #main .cnt_main .cnt_box h3.tit_roo_yubitei {
	background: url(../rooms/images/tit_roo_yubitei.jpg) no-repeat;
}

#rooms #main .cnt_main .cnt_box h3.tit_roo_shikitei {
	background: url(../rooms/images/tit_roo_shikitei.jpg) no-repeat;
}



/* 	.cnt_roomtype　客室タイプ雛形		
-------------------------------------------------*/
#rooms #main .cnt_main .cnt_roomtype {
	padding:0 0 30px 0;
	margin:0 0 20px 0;
	width:710px;
	overflow:hidden;
	background:url(../images/wideline.gif) 0 bottom no-repeat;
}

#rooms #main .cnt_main .cnt_roomtype h3 {
	margin:0 0 40px 0;
}

#rooms #main .cnt_main .cnt_roomtype h4 {
	margin:0 0 8px 0;
}

#rooms #main .cnt_main .cnt_roomtype .cnt_img {
	width:710px;
	overflow:hidden;
}

#rooms #main .cnt_main .cnt_roomtype .cnt_img_sm {
	width:95px;
	float:right;
}

#rooms #main .cnt_main .cnt_roomtype .cnt_img_sm .txt_roo {
	margin:0 10px 7px 0;
	text-align:right;
}

/*  .menuimgs		画像切り替わるメニュー
----------------------------------------------------------- */

#rooms .cnt_img_sm ul.menuimgs {
	margin:0;
	padding:0;
	width:84px;
	height:73px;
}

#rooms .cnt_img_sm ul.menuimgs li {
	padding:0;
	width:84px;
	height:55px;
	text-indent:-9999px;
}

#rooms .cnt_img_sm ul.menuimgs li a {
	width:84px;
	height:55px;
	display:block;
	overflow:hidden;
}

/*  湯美亭画像  */
#rooms .cnt_img_sm ul#imgyubitei a{
	background-image:url(../rooms/images/yubitei/imgsyubitei.jpg);
	background-repeat:no-repeat;
}

/*  湯美亭画像02  */
#rooms .cnt_img_sm ul#imgyubitei_wa a{
	background-image:url(../rooms/images/yubitei/imgsyubitei_wa.jpg);
	background-repeat:no-repeat;
}

/*  本館四季亭画像  */
#rooms .cnt_img_sm ul#imgshikitei a{
	background-image:url(../rooms/images/shikitei/imgshikitei.jpg);
	background-repeat:no-repeat;
}

/*  露天風呂付客室画像  */
#rooms .cnt_img_sm ul#imgbathroo a{
	background-image:url(../rooms/images/bathroom/imgbathroobig.jpg);
	background-repeat:no-repeat;
}


#rooms .cnt_img_sm ul.menuimgs li.img01 a {
	background-position:0 0;
}
#rooms .cnt_img_sm ul.menuimgs li.img01 a:hover,
#rooms .cnt_img_sm ul.menuimgs li.img01 a.selected {
	background-position:-84px 0;
}

#rooms .cnt_img_sm ul.menuimgs li.img02 {
	margin:6px 0 0 0;
}
#rooms .cnt_img_sm ul.menuimgs li.img02 a {
	background-position:0 -60px;
}
#rooms .cnt_img_sm ul.menuimgs li.img02 a:hover,
#rooms .cnt_img_sm ul.menuimgs li.img02 a.selected {
	background-position:-84px -60px;
}

#rooms .cnt_img_sm ul.menuimgs li.img03 {
	margin:6px 0 0 0;
}
#rooms .cnt_img_sm ul.menuimgs li.img03 a {
	background-position:0 -119px;
}
#rooms .cnt_img_sm ul.menuimgs li.img03 a:hover,
#rooms .cnt_img_sm ul.menuimgs li.img03 a.selected {
	background-position:-84px -119px;
}



/* 	.cnt_roomplan　客室の間取り		
-------------------------------------------------*/
#rooms #main .cnt_main .cnt_roomplan {
	margin:20px 0 0 0;
	width:710px;
	overflow:hidden;
}

#rooms #main .cnt_main .cnt_roomplan .txt_roomplan {
	width:552px;
	float:right;
}

#rooms #main .cnt_main .cnt_roomplan .txt_roomplan h4 {
	margin:0 0 15px 0;
}

#rooms #main .cnt_main .cnt_roomplan .txt_roomplan p {
	margin:0 10px 10px;
}

#rooms #main .cnt_main .cnt_roomplan .txt_roomplan p.btn_reserv {
	margin:15px 0 0 0;
	text-align:right;
}


/* 	.tbl_rooms　客室テーブル		
-------------------------------------------------*/

#rooms #main .cnt_main .tbl_rooms {
	margin:25px 0 0 0;
	width:710px;
}

#rooms #main .cnt_main .tbl_rooms th {
	width:125px;
}



/* 	.cnt_roomtype　客室タイプ　2カラム用	
-------------------------------------------------*/
#rooms #main .cnt_main .cnt_roomtype .cnt_roo_l {
	float:left;
	width:351px;
}

#rooms #main .cnt_main .cnt_roomtype .cnt_roo_r {
	float:right;
	width:351px;
}


#rooms #main .cnt_main .cnt_roo_l .cnt_roomplan,
#rooms #main .cnt_main .cnt_roo_r .cnt_roomplan {
	margin:20px 0 0 0;
	width:351px;
	overflow:hidden;
}

#rooms #main .cnt_main .cnt_roomtype .cnt_roo_l .txt_roomplan,
#rooms #main .cnt_main .cnt_roomtype .cnt_roo_r .txt_roomplan {
	width:210px;
	float:right;
}

#rooms #main .cnt_main .cnt_roomtype .cnt_roo_l .txt_roomplan h4,
#rooms #main .cnt_main .cnt_roomtype .cnt_roo_r .txt_roomplan h4 {
	margin:0 0 10px 0;
}

#rooms #main .cnt_main .cnt_roomtype .cnt_roo_l .txt_roomplan p,
#rooms #main .cnt_main .cnt_roomtype .cnt_roo_r .txt_roomplan p {
	margin:0 15px 0 10px;
}

#rooms #main .cnt_main .cnt_roomtype p.btn_reserv {
	clear:both;
	padding:30px 0 0 0;
	text-align:right;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
/* IE6で背景画像を表示する */
#rooms #main .cnt_main .cnt_box { zoom: 1; }