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

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


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

/* キャッチ
----------------------------------------------------------- */
#rooms .con_catch {
	width: 710px;
	margin: 0 auto;
}

#rooms .con_catch .box_catch {
	width: 710px;
	min-height: 260px;
	padding: 20px 0 0 0;
	background: url(../rooms/images/img_room_photo.jpg) no-repeat right bottom;
}

#rooms .con_catch .box_catch p {
	padding: 0 400px 0 0;
}



/* 各客室項目ボタン
----------------------------------------------------------- */
#rooms .con_btlist {
	width: 710px;
	margin: 0 auto 10px auto;
	background: url(../rooms/images/bg_rooms_bt.gif) no-repeat 0 0;
}

#rooms .con_btlist ul {
	width: 700px;
	margin: 0 0 0 10px;
	padding: 5px 0 0 0;
	overflow: hidden;
}

#rooms .con_btlist ul li {
	width: 134px;
	margin: 0 5px 0 0;
	float: left;
}




/* 画像切替共通設定
----------------------------------------------------------- */
#rooms .rooms_list {
	width: 710px;
	margin: 0 auto 40px auto;
	overflow: hidden;
}

#rooms .rooms_list .photo {
	width: 535px;
	height: 269px;
	border: 5px #d49a9b solid;
	float: right;
}


#rooms .rooms_list .con_bt {
	width: px;
	float: left;
}

#rooms .rooms_list .con_bt h4 {
	margin: 0 0 10px 0;
}

/* ボタン部分 */
#rooms .con_bt ul li {
	width: 137px;
	height: 50px;
	margin: 0 0 10px 0;
	background-color: #630c0c;
}

#rooms .con_bt ul li img {
	vertical-align: bottom;
}

#rooms .con_bt ul li a img {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	-ms-filter:"alpha(opacity=40)";
	opacity: 0.40;
}

#rooms .con_bt ul li a.active img,
#rooms .con_bt ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-ms-filter:"alpha(opacity=100)";
	opacity: 1.00;
}


/* テキスト */
#rooms .txt {
	clear: both;
}

#rooms .bt {
	margin: 0;
	clear: both;
}

#rooms .pagetop {
	width: 710px;
	margin: -15px 0 0 0;
	text-align: right;
}



/* 特別指定：リニューアル(外す時はこの記述と、HTMLのボタン部分を削除してください) 
#rooms #yamayuri {
	padding: 30px 0 0 0;
	position: relative;
}

#rooms #yamayuri .renew {
	position: absolute;
	top: 0px;
	left: 90px;
}*/








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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

/* box_catch 高さバグ対策 */
* html #rooms .con_catch .box_catch {height: 260px;}