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

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


/* -----------------------------------------------------------
	客室ページ専用指定 ※サイドメニュー部分は下部に記述
----------------------------------------------------------- */

/* h2
----------------------------------------------------------- */
#room h2.charge {
	background:url(../room/images/title_charge.jpg) center no-repeat;
	height:132px;
	margin:0 auto;
	text-indent:-9999px;
}


#room h2 {
	background:url(../room/images/title.jpg) center no-repeat;
	height:132px;
	margin:0 auto;
	text-indent:-9999px;
}




/* -----------------------------------------------------------
	客室トップページ個別設定
----------------------------------------------------------- */

/* #title_box 客室トップタイトル部分
----------------------------------------------------------- */
#room #main div#top_title_box_room {
	border-bottom:solid 1px #D9D7D7;
	overflow:hidden;
	width:690px;
	padding:0 0 20px 0;
	margin:0 0 40px 0;
}

#room #main div#top_title {
	width:480px;
	border-right:dotted 1px #666666;
	padding:0 40px 10px 0;
	float:left;
}

#room #main h3#room_top_title {
	background:url(../room/images/st_roomtop.gif);
	width:480px;
	height:50px;
	text-indent:-9999px;
	margin:0 0 25px 0;
}

#room #main div#roomlist_box {
	margin:115px 0 0 0;
	float:right;
}


/* #title_box 料金トップタイトル部分
----------------------------------------------------------- */
#room #main div#top_title_box_charge {
	border-bottom:solid 1px #D9D7D7;
	overflow:hidden;
	width:690px;
	padding:0 0 20px 0;
	margin:0 0 40px 0;
}

#room #main div#top_title {
	width:480px;
	border-right:dotted 1px #666666;
	padding:0 40px 10px 0;
	float:left;
}

#room #main h3#room_top {
	background:url(../room/images/st_chargetop.gif);
	width:446px;
	height:65px;
	text-indent:-9999px;
	margin:0 0 25px 0;
}

#room #main div#roomlist_box {
	margin:115px 0 0 0;
	float:right;
}





/* #top_con_box 客室トップ内容部分
----------------------------------------------------------- */
#room #main div#top_con_box {
	clear:both;
	overflow:hidden;
	margin:0 0 30px 0;
}

#room #main div#top_con_box div.room_box{
	width:310px;
	margin:0 40px 68px 0;
	float:left;
	display:inline;
}

#room div#top_con_box h4{
	height:36px;
	text-indent:-9999px;
	margin:10px 0;
}

#room #main div#top_con_box h4#stylishtwin{
	background:url(../room/images/sst_stylishtwin.gif);
	width:186px;
	height: 35px;
}

#room #main div#top_con_box h4#stylishdouble{
	background:url(../room/images/sst_stylishdouble.gif);
	width:203px;
	height: 35px;
}

#room #main div#top_con_box h4#japanesemodern{
	background:url(../room/images/sst_japanesemodern.gif);
	width:227px;
}

#room #main div#top_con_box h4#westerndouble{
	background:url(../room/images/sst_westerndouble.gif);
	width:216px;
	height: 31px;
}

#room #main div#top_con_box h4#westerntwin{
	background:url(../room/images/sst_westerntwin.gif);
	width:199px;
	height: 31px;
}

#room #main div#top_con_box h4#doubleroom{
	background:url(../room/images/sst_doubleroom.gif);
	width:294px;
	height: 31px;
}

#room #main div#top_con_box p{
	margin:0 0 0 23px;
}

#room #main div#top_con_box p.text{
	width:255px;
	margin:0 0 20px 23px;
}


/* -----------------------------------------------------------
	各客室詳細ページ個別設定
----------------------------------------------------------- */
/* スタイリッシュツイン */
#room #main h3#stylish_twin {
	background:url(../room/images/st_stylishtwin.gif);
	width:300px;
	height:45px;
}

/* スタイリッシュツイン */
#room #main h3#stylish_double {
	background:url(../room/images/st_stylishdouble.gif);
	width:198px;
	height:45px;
}

/* モダン和室 */
#room #main h3#japanese_modern {
	background:url(../room/images/st_japanesemodern.gif);
	width:190px;
	height:45px;
}

/* 半露天風呂付き洋室ダブル */
#room #main h3#western_double {
	background:url(../room/images/st_westerndouble.gif);
	width:180px;
	height:60px;
	margin:0;
}

/* 半露天風呂付き洋室ツイン */
#room #main h3#western_twin {
	background:url(../room/images/st_westerntwin.gif);
	width:170px;
	height:60px;
	margin:0;
}

/* 半露天風呂付き洋室フローリングダブル */
#room #main h3#double_room {
	background:url(../room/images/st_doubleroom.gif);
	width:200px;
	height:60px;
	margin:0;
}


/* -----------------------------------------------------------
	客室ページ共通設定
----------------------------------------------------------- */

#room #main #room_box01{
	overflow:hidden;
	margin:0 0 35px 0;
}

#room #main #room_left01{
	width:332px;
	float:left;
	border-right:1px dotted #666666;
	_margin:0 0 40px 0;
}

#room #main #room_right01{
	float:right;
	margin:0 27px 0 0;
	display:inline;
}

#room #main #room_left02{
	width:332px;
	float:left;
	_margin:0 0 40px 0;
}

#room #main #room_right02{
	float:right;
	display:inline;
	padding:0 30px 0 0;
	_padding:0 0 0 50px;
}

#room #main #room_center{
	clear:both;
	padding:20px 0 0 0;
	_display:inline;
}

#room #main #room_right01 p{
	margin:10px 0 0 32px;
}

#room #main #room_right01 p#room_text01{
	margin:5px 0 0 0;
}

#room #main h3 {
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#room #main p.small_text01 {
	font-size:0.8em;
	margin:20px 0 10px 0;
}

#room #main p#small_text02 {
	font-size:0.8em;
	margin:10px 0 20px 0;
}

#room #main ul#imageslist{
	height:69px;
	margin:0 0 20px 0;
}

#room #main ul#imageslist li{
	float:left;
	margin:0 8px 0 0;
	width:69px;
	height:69px;
	text-indent:-9999px;
}

#room #main ul#imageslist li a{
	width:69px;
	height:69px;
	display:block;
	overflow:hidden;
}




#room #main ul#imageslist_02{
	height:69px;
	margin:0 0 10px 0;
}

#room #main ul#imageslist_02 li{
	float:left;
	margin:0 8px 0 0;
	width:69px;
	height:69px;
	text-indent:-9999px;
}

#room #main ul#imageslist_02 li a{
	width:69px;
	height:69px;
	display:block;
	overflow:hidden;
}

#room #main #room_right02 p#link_images{
	margin:0;
}


/* スタイリッシュツイン 画像表示指定
----------------------------------------------------------- */
#room #main ul#imageslist li#st_pic01 a{background:url(../room/images/img_st01_s.jpg);}
#room #main ul#imageslist li#st_pic02 a{background:url(../room/images/img_st02_s.jpg);}
#room #main ul#imageslist li#st_pic03 a{background:url(../room/images/img_st03_s.jpg);}
#room #main ul#imageslist li#st_pic04 a{background:url(../room/images/img_st04_s.jpg);}

#room #main ul#imageslist li#st_pic01 a:hover{background:url(../room/images/img_st01_s_on.jpg);}
#room #main ul#imageslist li#st_pic02 a:hover{background:url(../room/images/img_st02_s_on.jpg);}
#room #main ul#imageslist li#st_pic03 a:hover{background:url(../room/images/img_st03_s_on.jpg);}
#room #main ul#imageslist li#st_pic04 a:hover{background:url(../room/images/img_st04_s_on.jpg);}

/*スタイリッシュダブル 画像表示指定
----------------------------------------------------------- */
#room #main ul#imageslist li#sd_pic01 a{background:url(../room/images/img_sd01_s.jpg);}
#room #main ul#imageslist li#sd_pic02 a{background:url(../room/images/img_sd02_s.jpg);}

#room #main ul#imageslist li#sd_pic01 a:hover{background:url(../room/images/img_sd01_s_on.jpg);}
#room #main ul#imageslist li#sd_pic02 a:hover{background:url(../room/images/img_sd02_s_on.jpg);}

/* モダン和室 画像表示指定
----------------------------------------------------------- */
#room #main ul#imageslist li#jm_pic01 a{background:url(../room/images/img_jm01_s.jpg);}
#room #main ul#imageslist li#jm_pic02 a{background:url(../room/images/img_jm02_s.jpg);}
#room #main ul#imageslist li#jm_pic03 a{background:url(../room/images/img_jm03_s.jpg);}

#room #main ul#imageslist li#jm_pic01 a:hover{background:url(../room/images/img_jm01_s_on.jpg);}
#room #main ul#imageslist li#jm_pic02 a:hover{background:url(../room/images/img_jm02_s_on.jpg);}
#room #main ul#imageslist li#jm_pic03 a:hover{background:url(../room/images/img_jm03_s_on.jpg);}

/* 半露天風呂付き洋室ダブル 画像表示指定
----------------------------------------------------------- */
#room #main ul#imageslist_02 li#wd_pic01 a{background:url(../room/images/img_wd01_s.jpg);}
#room #main ul#imageslist_02 li#wd_pic02 a{background:url(../room/images/img_wd02_s.jpg);}
#room #main ul#imageslist_02 li#wd_pic03 a{background:url(../room/images/img_wd03_s.jpg);}
#room #main ul#imageslist_02 li#wd_pic04 a{background:url(../room/images/img_wd04_s.jpg);}

#room #main ul#imageslist_02 li#wd_pic01 a:hover{background:url(../room/images/img_wd01_s_on.jpg);}
#room #main ul#imageslist_02 li#wd_pic02 a:hover{background:url(../room/images/img_wd02_s_on.jpg);}
#room #main ul#imageslist_02 li#wd_pic03 a:hover{background:url(../room/images/img_wd03_s_on.jpg);}
#room #main ul#imageslist_02 li#wd_pic04 a:hover{background:url(../room/images/img_wd04_s_on.jpg);}

/* 半露天風呂付き洋室ツイン 画像表示指定
----------------------------------------------------------- */
#room #main ul#imageslist_02 li#wt_pic01 a{background:url(../room/images/img_wt01_s.jpg);}
#room #main ul#imageslist_02 li#wt_pic02 a{background:url(../room/images/img_wt02_s.jpg);}
#room #main ul#imageslist_02 li#wt_pic03 a{background:url(../room/images/img_wt03_s.jpg);}
#room #main ul#imageslist_02 li#wt_pic04 a{background:url(../room/images/img_wt04_s.jpg);}

#room #main ul#imageslist_02 li#wt_pic01 a:hover{background:url(../room/images/img_wt01_s_on.jpg);}
#room #main ul#imageslist_02 li#wt_pic02 a:hover{background:url(../room/images/img_wt02_s_on.jpg);}
#room #main ul#imageslist_02 li#wt_pic03 a:hover{background:url(../room/images/img_wt03_s_on.jpg);}
#room #main ul#imageslist_02 li#wt_pic04 a:hover{background:url(../room/images/img_wt04_s_on.jpg);}

/* 半露天風呂付き洋室フローリングダブル 画像表示指定
----------------------------------------------------------- */
#room #main ul#imageslist_02 li#dr_pic01 a{background:url(../room/images/img_dr01_s.jpg);}
#room #main ul#imageslist_02 li#dr_pic02 a{background:url(../room/images/img_dr02_s.jpg);}
#room #main ul#imageslist_02 li#dr_pic03 a{background:url(../room/images/img_dr03_s.jpg);}
#room #main ul#imageslist_02 li#dr_pic04 a{background:url(../room/images/img_dr04_s.jpg);}

#room #main ul#imageslist_02 li#dr_pic01 a:hover{background:url(../room/images/img_dr01_s_on.jpg);}
#room #main ul#imageslist_02 li#dr_pic02 a:hover{background:url(../room/images/img_dr02_s_on.jpg);}
#room #main ul#imageslist_02 li#dr_pic03 a:hover{background:url(../room/images/img_dr03_s_on.jpg);}
#room #main ul#imageslist_02 li#dr_pic04 a:hover{background:url(../room/images/img_dr04_s_on.jpg);}




/* table テーブル部分
----------------------------------------------------------- */
#room #main table{
	clear:both;
	width:300px;
	border:1px solid #E3DFDF;
}

#room #main #room_left02 table{
	width:330px;
}

#room #main th{
	width:86px;
	font-weight:normal;
	text-align:center;
	background:#F2F1E8;
}

#room #main td{
	background:#F7F6EF;
	padding:7px 5px 7px 20px;
}



/* #title_box 料金テーブル部分
----------------------------------------------------------- */

#room #charge_table #charge{
	width:690px;
	padding:0;
	margin:0 0 90px 0;
	border-color:#E2DEDE;
	border-collapse:collapse;
}

#room #charge_table #charge th{
	width:280px;
	font-weight:normal;
	text-align:left;
	background:#F2F1E8;
	padding:10px;
	border:1px solid #E2DEDE;
}


#room #charge_table #charge td{
	background:#FFFFFF;
	text-align:left;
	padding:10px;
}

#room #charge_table #charge tr{
	text-align:left;
	padding:10px;
	border:1px solid #E2DEDE;
	
}

#room #charge_table #charge th.color{
	background-color:#E2DEDE;
	height:35px;	
}
#room #charge_table #charge td.color{
	background-color:#E2DEDE;
	height:35px;
}










/* #room_box02 客室下ボックス部分
----------------------------------------------------------- */
#room #main #room_box02{
	overflow:hidden;
	margin:0 0 35px 0;
	clear:both;
}

#room #main #room_box02 h4{
	text-indent:-9999px;
	height:17px;
	line-height:17px;
	margin:0 0 20px 0;
}

#room #main #room_box02 h4#facilities{
	background:url(../room/images/st_roomfacilities.gif) no-repeat;
	width:162px;
}

#room #main #room_box02 h4#bathroomfacilities{
	background:url(../room/images/st_bathroomfacilities.gif) no-repeat;
	width:190px;
}

#room #main #room_box02 h4#rentalservices{
	background:url(../room/images/st_rentalservices.gif) no-repeat;
	width:190px;
}


#room #main #room_box02 p#text_list_box{
	border:1px solid #D6D3D3;
	width:650px;
	overflow:hidden;
	padding:15px 20px;
	margin:0 0 30px 0;
}

#room #main #room_box02 div#room_list_box{
	background:url(../room/images/bg_room_list_box.gif) no-repeat;
	height:377px;
	margin:0;
}

#room #main #room_box02 div#room_list_box img{
	margin:23px 0 0 18px;
}

#room #main #room_box02 div#room_list_box a{
	outline: none;	
}






/* -----------------------------------------------------------
	#sub
----------------------------------------------------------- */
#room #sub h3#subsidemenu_title{
	background:url(../room/images/st_subsidemenu.gif);
}

#room #sub ul#subsidemenu_list{
	background:url(../room/images/bg_subsidemenu.gif);
}

#room #sub ul#subsidemenu_list a{
	outline:none;
}

/* サイドメニュー部分 */
#room #sub ul#subsidemenu_list li#list01{
	height:45px;
	line-height:45px;
}

#room #sub ul#subsidemenu_list li#list02{
	height:33px;
	line-height:33px;
}

#room #sub ul#subsidemenu_list li#list03{
	height:33px;
	line-height:33px;
}

#room #sub ul#subsidemenu_list li#list04{
	height:33px;
	line-height:33px;
}

#room #sub ul#subsidemenu_list li#list05{
	height:33px;
	line-height:33px;
}

#room #sub ul#subsidemenu_list li#list06{
	height:33px;
	line-height:33px;
}

#room #sub ul#subsidemenu_list li#list07{
	height:50px;
	line-height:50px;
}

#room #sub ul#subsidemenu_list li#list01 a{height:43px;}
#room #sub ul#subsidemenu_list li#list02 a{height:33px;}
#room #sub ul#subsidemenu_list li#list03 a{height:33px;}
#room #sub ul#subsidemenu_list li#list04 a{height:33px;}
#room #sub ul#subsidemenu_list li#list05 a{height:33px;}
#room #sub ul#subsidemenu_list li#list06 a{height:33px;}
#room #sub ul#subsidemenu_list li#list07 a{height:50px;}

#room #sub ul#subsidemenu_list li#list01 a:hover,
#room #sub ul#subsidemenu_list li#list01 a#active{background:url(../room/images/bg_subsidemenu_over.gif) 0px 0px;}
#room #sub ul#subsidemenu_list li#list02 a:hover,
#room #sub ul#subsidemenu_list li#list02 a#active{background:url(../room/images/bg_subsidemenu_over.gif) 0px -45px;}
#room #sub ul#subsidemenu_list li#list03 a:hover,
#room #sub ul#subsidemenu_list li#list03 a#active{background:url(../room/images/bg_subsidemenu_over.gif) 0px -78px;}
#room #sub ul#subsidemenu_list li#list04 a:hover,
#room #sub ul#subsidemenu_list li#list04 a#active{background:url(../room/images/bg_subsidemenu_over.gif) 0px -111px;}
#room #sub ul#subsidemenu_list li#list05 a:hover,
#room #sub ul#subsidemenu_list li#list05 a#active{background:url(../room/images/bg_subsidemenu_over.gif) 0px -144px;}
#room #sub ul#subsidemenu_list li#list06 a:hover,
#room #sub ul#subsidemenu_list li#list06 a#active{background:url(../room/images/bg_subsidemenu_over.gif) 0px -177px;}
#room #sub ul#subsidemenu_list li#list07 a:hover,
#room #sub ul#subsidemenu_list li#list07 a#active{background:url(../room/images/bg_subsidemenu_over.gif) 0px -210px;}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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