@charset "utf-8";

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

CSS information

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

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



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

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

#rooms #main .con_main {
	background:url(../rooms/images/bg_intro.jpg) 0 0 no-repeat #fff;
}


#rooms #main .main_mrg {
	margin-top:30px;
}

#rooms #main h3{
	margin:0 auto 30px auto;
	width:650px;
}



/* .menu_rooms		客室メニュー	
----------------------------------------------------*/
#rooms .menu_rooms {
	margin:0 auto;
	width:650px;
	height:30px;
	overflow:hidden;
	background:url(../rooms/images/menu_rooms.gif) 0 0 no-repeat;
}


#rooms .menu_rooms li {
	height:30px;
	float:left;
	text-indent:-9999px;
}

#rooms .menu_rooms li a {
	height:30px;
	display:block;
	overflow:hidden;
}

#rooms .menu_rooms li.m_spe,
#rooms .menu_rooms li.m_spe a {
	width:326px;
}
#rooms .menu_rooms li.m_spe a:hover,
#rooms .menu_rooms li.m_spe a.selected {
	background:url(../rooms/images/menu_rooms.gif) 0 -30px;
}


#rooms .menu_rooms li.m_std,
#rooms .menu_rooms li.m_std a {
	width:324px;
}

#rooms .menu_rooms li.m_std a:hover,
#rooms .menu_rooms li.m_std a.selected {
	background:url(../rooms/images/menu_rooms.gif) -326px -30px;

}



/* .con_open		リニューアルOPEN	
----------------------------------------------------*/
#rooms .con_open {
	margin-top:115px;
	padding:0 0 45px 50px;
	width:630px;
	background:url(../rooms/images/img_open.jpg) 0 0 no-repeat;
}


#rooms .con_open p {
	padding-top:350px;
	width:330px;
}



/* .con_about		お部屋について	
----------------------------------------------------*/
#rooms .con_about {
	margin:0 auto;
	width:650px;
	overflow:hidden;
}


#rooms .con_about h3 {
	margin-bottom:20px;
}


#rooms .con_about table {
	width:650px;
}




/* con_imgchange	和洋室・和室共通	
----------------------------------------------------*/

#rooms .con_imgchange {
	margin:0 auto 40px auto;
	width:625px;
	overflow:hidden;
}


#rooms .con_imgchange .img_l {
	padding:15px;
	width:480px;
	height:320px;
	background:url(../images/bg_img_big.gif) 0 0 no-repeat;
}


#rooms .con_imgchange .con_r {
	float:right;
	width:70px;
}


#rooms .con_imgchange .con_r h4 {
	text-align:right;
}


#rooms .con_imgchange .con_r ul {
	width:66px;
}


#rooms .con_imgchange .con_r ul li {
	margin-bottom:2px;
	font-size:0;
	line-height:0;
	list-style:none outside;
}


#rooms .con_imgchange .plan_l {
	padding-top:30px;
	float:left;
}


#rooms .con_imgchange .box_roo {
	width:640px;
	padding:30px 0 0;
	clear:both;
	overflow:hidden;
}

#rooms .con_imgchange .box_roo .img_plan {
	float:left;
}

#rooms .con_imgchange .box_roo .txt_roo_r {
	/*padding-top:30px;
	float:right;
	width:210px;*/
	float:left;
	width:190px;
	padding:0 0 0 20px;
}



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

		露天風呂付客室

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



/* 背景	
----------------------------------------------------*/
#rooms .bg_special {
	padding-top:30px;
	width:710px;
	background:url(../rooms/images/special/bg_intro.jpg) 0 0 no-repeat;
}





/* .con_open_sp		リニューアルOPEN	
----------------------------------------------------*/

#rooms .con_open_sp {
	margin:107px 0 30px 0;
	width:680px;
	background:url(../rooms/images/special/bg_open.gif) right 410px no-repeat;
}



#rooms .con_open_sp p.txt_open_sp {
	margin-bottom:20px;
	padding:30px 0 0 30px;
	width:440px;
}


#rooms .con_open_sp ul {
	padding-left:30px;
}



#rooms .con_open_sp ul li {
	list-style:none outside;
	display:inline;
}



/* .con_amenity	アメニティ	
----------------------------------------------------*/

#rooms .con_amenity {
	margin:0 0 30px auto;
	width:680px;
	background:url(../rooms/images/special/bg_amenity.jpg) right 0 no-repeat;
}



#rooms .con_amenity p {
	width:180px;
}




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

		一般客室

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



/* 背景	
----------------------------------------------------*/

#rooms .bg_standard {
	background:url(../rooms/images/standard/bg_intro.jpg) 0 0 no-repeat;
}



/*ご宿泊プランボタン*/
#rooms .btn_plans{
	margin: 0 0 10px;
}



/* con_intro	INTRO	
----------------------------------------------------*/

#rooms .con_intro {
	margin-bottom:50px;
	padding-top:120px;
	width:710px;
}


#rooms .con_intro p {
	margin:0 auto;
	width:610px;
}



/* con_jwroom_det	 和洋室詳細	
----------------------------------------------------*/
#rooms .con_jwroom_det {
	margin:0 auto 50px auto;
	width:650px;
	overflow:hidden;
}



#rooms .con_jwroom_det p.con_jwroom_detl{
	width: 325px;
	margin: 0 40px 0 0;
	padding: 0 0 0 20px;
	float: left;
}


#rooms .con_jwroom_det .con_jwroom_detr{
	width: 240px;
	float: left;
}




/* con_jroom_det	 和室詳細	
----------------------------------------------------*/

#rooms .con_jroom_det {
	margin:0 auto 50px auto;
	width:650px;
	overflow:hidden;
	background: url(../rooms/images/standard/bg_leaf01.jpg) 420px bottom no-repeat;
}


#rooms .con_jroom_det p.con_jroom_detl{
	width: 325px;
	margin: 0 40px 0 0;
	padding: 0 0 0 20px;
	float: left;
}


#rooms .con_jroom_det .con_jroom_detr{
	width: 265px;
	float: left;
}



/*  con_wroom	洋室	
----------------------------------------------------*/
#rooms .con_wroom {
	margin:0 auto 40px auto;
	width:625px;
	overflow:hidden;
	background: url(../rooms/images/standard/bg_leaf02.jpg) right 200px no-repeat;
}



#rooms .con_wroom .img_l {
	padding:15px;
	width:480px;
	height:320px;
	background:url(../images/bg_img_big.gif) 0 0 no-repeat;
}


#rooms .con_wroom .con_r {
	float:right;
	width:70px;
}



#rooms .con_wroom .con_r h4 {
	margin-bottom:45px;
	text-align:right;
}



/* con_wroom_det	洋室詳細	
----------------------------------------------------*/

#rooms .con_wroom_det {
	margin:0 auto 50px auto;
	width:650px;
	overflow:hidden;
}



#rooms .con_wroom_det p.con_wroom_detl{
	width: 325px;
	margin: 0 40px 0 0;
	padding: 0 0 0 20px;
	float: left;
}


#rooms .con_wroom_det .con_wroom_detr{
	width: 265px;
	float: left;
}





/* con_samui_int	作務衣・浴衣の説明
----------------------------------------------------*/

#rooms .con_samui_int {
	margin:0 0 50px auto;
	width:680px;
	overflow:hidden;
	background: url(../rooms/images/standard/bg_leaf03.jpg) 117px 92px no-repeat;
}



#rooms .con_samui_int .con_samui_int_l {
	float:left;
	width:180px;
}



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

	hack - 各種cssハック - for IE7

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

*:first-child+html {}





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

	hack - 各種cssハック - for IE6

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

* html {}