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

 file name  :rooms.css
 author     :Ability Consultant
 style info :TOPページで用いるスタイルを記述。
=================================================================== */

#header {
	background: url(../rooms/images/main.jpg) center top no-repeat #000;
}
#gnav .con_gnav ul.gnav li.rooms a {
	background: url(../images/header/img_gnav.gif) left top no-repeat;
}


/*----------------------------------------
	客室共通
----------------------------------------*/
/* 部屋メニュー */
#rooms ul.roomenu {
	width:715px;
	height:35px;
	margin: 0 0 15px 0;
	background: url(../rooms/images/menu_pagenav.gif) no-repeat 0 0;
	text-indent: -9998px;
	overflow:hidden;
}
#rooms ul.roomenu li {
	height: 35px;
	float:left;
}
#rooms ul.roomenu li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
#rooms ul.roomenu .pn_san {
	width: 180px;
}
#rooms ul.roomenu .pn_san a:hover,
#rooms ul.roomenu .pn_san .active {
	background: url(../rooms/images/menu_pagenav.gif) no-repeat 0 -35px;
}
#rooms ul.roomenu .pn_hit {
	width: 178px;
}
#rooms ul.roomenu .pn_hit a:hover,
#rooms ul.roomenu .pn_hit .active {
	background: url(../rooms/images/menu_pagenav.gif) no-repeat -180px -35px;
}
/* ページ下部バナー */
#rooms .bn_pagenav {
	width: 661px;
	height: 98px;
	margin: 0 0 60px 0;
	padding: 27px;
	background: url(../rooms/images/bg_bn_pagenav.gif) no-repeat 0 0;
	overflow: hidden:
}

/*----------------------------------------
	#rooms
	客室topページ用
----------------------------------------*/
/* 部屋メニュー */
#rooms .con_rooms {
	width:715px;
	padding:0 0 15px 0;
	overflow:hidden;
}
#rooms .con_rooms h3 {
	padding:0 0 15px 0;
}
#rooms .con_rooms .box_rooms {
	width:715px;
	margin:0 0 30px 0;
	background: url(../rooms/images/bg_roomarea.gif) left bottom;
}
#rooms .con_rooms .box_rooms h4 {
	width:715px;
}
#rooms .con_rooms .box_rooms ul {
	width:688px;
	padding:0 0 28px 27px;
	overflow:hidden;
}
#rooms .con_rooms .box_rooms li {
	float:left;
	width:340px;
}
/* 詳細エリア */
#rooms .room_info {
	width:613px;
	padding:0 52px 41px 50px;
	background: url(../rooms/images/bg_roomsbottom.gif) center bottom no-repeat;
	overflow:hidden;
}
#rooms .room_info .sansui ,
#rooms .room_info .hiten {
	float:left;
	width:246px;
	background:#1d2819;
	padding:34px 14px 15px 30px
}
#rooms .room_info .hiten {
	float:right;
}
#rooms .room_info .sansui h4 ,
#rooms .room_info .hiten h4 {
	float:right;
	width:44px;
	padding:14px 10px 0 22px;
}
#rooms .room_info .sansui p.image ,
#rooms .room_info .hiten p.image {
	float:right;
	width:170px;
	padding:0 0 15px 0;
}
#rooms .room_info .sansui p.txt ,
#rooms .room_info .hiten p.txt {
	width:236px;
	color:#fff;
	padding:0 0 15px 0;
}
#rooms .room_info .hiten ul {
	width:246px;
	padding:0;
	margin:0;
	ovberflow:hidden;
}
#rooms .room_info .hiten ul li {
	float:left;
	width:122px;
}

/* ご案内エリア */
#rooms .box_information {
	width:715px;
	overflow:hidden;
}
#rooms .box_information h4 {
	padding:0 0 15px 0;
}
#rooms .box_information .tb_main {
	width:715px;
}
#rooms .box_information .tb_main th {
	width:160px;
}
#rooms .box_information .tb_main td dl {
	width:460px;
	overflow:hidden;
}
#rooms .box_information .tb_main td dl dt {
	float:left;
	width:12.5em;
}
#rooms .box_information .tb_main td dl dd {
	padding:0 5px;
}

/*----------------------------------------
	#rooms
	客室topページ用
----------------------------------------*/
/* 客室紹介[共通] */
#rooms .con_roomlist {
	width: 715px;
	margin: 0 0 30px 0;
	overflow: hidden;
}
#rooms .con_roomlist h3 {
	margin: 0 0 20px 0;
}
#rooms .con_roomlist h4 {
	margin: 0 0 20px 0;
}
#rooms .con_roomlist .photo {
	margin: 0 0 10px 0;
}
#rooms .con_roomlist .txt {
	width: 330px;
	margin: 0 20px 25px 0;
	color: #fff;
	float: left;
}
#rooms .con_roomlist .madori {
	margin: 0 0 25px 0;
	float: left;
}
#rooms .con_roomlist .btlist {
	width: 160px;
	margin: 0 0 25px 0;
	color: #fff;
	float: right;
}
#rooms .con_roomlist .btlist ul {
	width: 170px;
	overflow: hidden;
}
#rooms .con_roomlist .btlist ul li {
	margin: 0 0 0 5px;
	float: left;
}
#rooms .con_roomlist .btlist p {
	margin: 0 0 5px 0;
	padding: 0 0 0 8px;
}
#rooms .con_roomlist .btlist .ex {
	margin: 0 0 10px 0;
	font-size: 0;
}
#rooms .con_roomlist .tb_main {
	width:715px;
	margin: 0 0 30px 0;
	clear: both;
}
#rooms .con_roomlist .tb_main th {
	width: 120px;
}
#rooms .con_roomlist .bt {
	text-align: right;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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