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

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

/*----------------------------------------------------	
	共通部分
	
----------------------------------------------------*/

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


/*	客室画像部分
----------------------------------------------------*/
#rooms #main .roo_ph {
	margin-bottom:20px;
	width:700px;
	overflow:hidden;
}

#rooms #main .nomrg {
	margin-bottom:0;
}

#rooms #main .roo_ph li.ph_bg {
	padding-top:5px;
	width:470px;
	float:left;
	text-align:center;
	background:url(../images/bg_photo.jpg) 0 0 no-repeat;
}


/*	客室タイプ
----------------------------------------------------*/
#rooms #main .con_roo_type {
	margin-bottom:30px;
}

#rooms #main .con_roo_type h4,
#rooms #main .con_roo_type table {
	margin-bottom:20px;
}

#rooms #main .con_roo_type table {
	width:700px;
}

#rooms #main .con_roo_type table th {
	width:160px;
}

#rooms #main .con_roo_type p {
	margin-bottom:15px;
}

#rooms #main .con_roo_type p.btn_rsv {
	text-align:center;
}

/* その他情報 */
#rooms #main .con_roo_type .con_oth {
	padding-top:20px;
	margin-bottom:15px;
	width:700px;
	overflow:hidden;
	border-top:1px dotted #000;
}

#rooms #main .con_roo_type .con_oth .con_l {
	width:380px;
	float:left;
}

/* 画像切り替え */

#rooms #main .con_roo_type .m_ph {
	margin-bottom:30px;
	width:470px;
	overflow:hidden;
}

#rooms #main .con_roo_type .m_ph li {
	margin-right:15px;
	width:79px;
	height:53px;
	float:left;
	list-style:none outside;
}

#rooms #main .con_roo_type .m_ph li a {
	width: 75px;
	height: 47px;
	border: 3px solid #f9f5ec;
	display: block;
	overflow:hidden;
}

#rooms #main .con_roo_type .m_ph a:hover,
#rooms #main .con_roo_type .m_ph .active {
	width: 75px;
	height: 47px;
	border: 3px solid #80624c;
}



/*	INTROテキスト
----------------------------------------------------*/
#rooms .txt_intro {
	margin-bottom:30px;
}


/*	.m_rooms		ご宿泊メニュー（共通部分）
----------------------------------------------------*/
#rooms .m_rooms {
	margin-bottom:20px;
	width:700px;
	height:47px;
	background:url(../rooms/images/m_rooms.gif) 0 0 no-repeat;
}

#rooms .m_rooms li {
	height:47px;
	float:left;
	text-indent:-9999px;
	list-style:none outside;
}

#rooms .m_rooms li a {
	height:47px;
	display:block;
	overflow:hidden;
}

#rooms .m_rooms li.m_roo a {
	width:176px;
}
#rooms .m_rooms li.m_roo a:hover,
#rooms .m_rooms li.m_roo a.active{
	background:url(../rooms/images/m_rooms.gif) 0 -47px;
}

#rooms .m_rooms li.m_pet a {
	width:175px;
}
#rooms .m_rooms li.m_pet a:hover,
#rooms .m_rooms li.m_pet a.active{
	background:url(../rooms/images/m_rooms.gif) -176px -47px;
}

#rooms .m_rooms li.m_len a {
	width:175px;
}
#rooms .m_rooms li.m_len a:hover,
#rooms .m_rooms li.m_len a.active{
	background:url(../rooms/images/m_rooms.gif) -351px -47px;
}

#rooms .m_rooms li.m_inf a {
	width:174px;
}
#rooms .m_rooms li.m_inf a:hover,
#rooms .m_rooms li.m_inf a.active{
	background:url(../rooms/images/m_rooms.gif) -526px -47px;
}


/*	.con_rooms		客室タイプメニュー（共通部分）
----------------------------------------------------*/
#rooms .con_rooms {
	margin-bottom:40px;
	width:700px;
}

#rooms .box_rooms {
	margin-bottom:20px;
	padding:20px 15px 15px 15px;
	width:668px;
	background:#f9f5ec;
	border:1px solid #b8ac8f;
	overflow:hidden;
}

#rooms .box_rooms h4 {
	margin-bottom:15px;
}

#rooms .box_rooms ul {
	width:700px;
}

#rooms .box_rooms li {
	margin:15px 7px 0 0;
	float:left;
	list-style:none outside;
	width:218px;
}

#rooms .box_rooms li.last {
	margin-right:0;
}

/* ボタンの半透明 */
#rooms .box_rooms .active {
	/* for IE */
	filter:alpha(opacity=50);
	
	/* CSS3 standard */
	opacity:0.5;
}


/*	.con_eco	エコへの取り組み
----------------------------------------------------*/
#rooms .con_eco {
	margin-bottom:40px;
	padding:20px 25px;
	width:650px;
	overflow:hidden;
	border:1px dashed #4c3319;
}

#rooms .con_eco .con_r {
	width:480px;
	float:right;
}

#rooms .con_eco .con_r p.txt_eco {
	margin-bottom:15px;
	color:#2b6d29;
}



/*	.con_services	ペット宿泊・その他サービスのご案内
----------------------------------------------------*/
#rooms .con_services {
	margin-bottom:40px;
	width:700px;
	overflow:hidden;
}

#rooms .con_services .box_services {
	margin-right:11px;
	width:226px;
	float:left;
}

#rooms .con_services .last {
	margin-right:0;
}

#rooms .con_services .box_services h4 {
	margin-bottom:10px;
}


/*	.con_lending	貸出備品
----------------------------------------------------*/
#rooms .con_lending {
	margin-bottom:40px;
	width:700px;
}

#rooms .con_lending p,
#rooms .con_lending table {
	margin-bottom:20px;
}

#rooms .con_lending table {
	color: #574c40;
	border: 1px solid #b8ac8f;
	background-color: #e6e1d0;
	border-collapse: collapse;
	border-spacing: 0;
	width:700px;
}

#rooms .con_lending table th,
#rooms .con_lending table td {
	padding: 3px 5px;
	border: 1px dashed #b8ac8f;
}

#rooms .con_lending table th {
	color: #574c40;
	border: 1px solid #b8ac8f;
	width:80px;
	background-color: #e6e1d0;
}

#rooms .con_lending table td {
    color: #574c40;
	border: 1px solid #b8ac8f;
	background-color: #e6e1d0;
	width: 25%;
}

#rooms .con_lending table td span{
    color: #898475;
	font-size: 90%;
}



/*	.con_info	客室概要
----------------------------------------------------*/
#rooms .con_info {
	width:700px;
	margin-bottom:40px;
}

#rooms .con_info table {
	width:700px;
}

#rooms .con_info table th {
	width:160px;
}


/*----------------------------------------------------
	#con_stay	ご宿泊の方へ
----------------------------------------------------*/

#rooms #main .con_stay {
	width:700px;
	margin-bottom:45px;
}

#rooms #main .con_stay h3 {
	margin-bottom:15px;
}

#rooms #main .con_stay .con_box {
	width:700px;
	overflow:hidden;
	margin-bottom:45px;
}

#rooms #main .con_stay .con_box h4{
	width:700px;
	font-size:14px;
	padding:18px 0;
	border-top:#4c3319 3px solid;
	border-bottom:#4c3319 1px dotted;
	margin-bottom:20px;
}

#rooms #main .con_stay .con_box .s_img  {
	float:left;
	width:214px;
	background:#FFF;
	padding:3px;
}

#rooms #main .con_stay .con_box .box_r {
	width:455px;
	float:right;
}

#rooms #main .con_stay .con_box .box_r p,
#rooms #main .con_stay .con_box .box_r ul{
	margin-bottom:15px;
}

#rooms #main .con_stay .con_box .last{
	margin:0;
}

#rooms #main .con_stay .con_box .box_r span{
	font-weight:bold;
	color:#4c3319;
}

.wifi_box h4 {
    border-bottom: 1px dotted #4C3319;
    border-top: 3px solid #4C3319;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 18px 0;
    width: 700px;
}

.wifi_box .w_img {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 3px;
    width: 214px;
}

.wifi_box .box_w {
    float: right;
    width: 455px;
}

.wifi_box .box_w p,.wifi_box .box_w ul {
    margin-bottom: 15px;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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