@charset "utf-8";
/* ===================================================================
CSS information

 file name  :rooms.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*ページオンマウスカラー*/
#rooms #gnav li.gnav_rooms a{
	background: url(../images/gnav.gif) -129px -48px;	
}

/*客室サブメニュー*/
#roomnav{	
	width: 670px;
	height: 50px;
	margin: 0 0 20px;
	background: url(../rooms/images/roomnav.gif) left top no-repeat;
	clear: both;
}
	
#roomnav li{
	width: 134px;
	height: 50px;
	float: left;
	list-style: none;
	text-indent: -9999px;
}

#roomnav li a{
	height: 50px;
	overflow: hidden;
	display: block;
}

/*TOP*/
#roomnav li.roomnav_top a{
	width: 134px;
}

#roomnav li.roomnav_top a:hover{
	background: url(../rooms/images/roomnav.gif) 0 -50px;
}

/*料金*/
#roomnav li.roomnav_charge a{
	width: 134px;
}

#roomnav li.roomnav_charge a:hover{
	background: url(../rooms/images/roomnav.gif) -134px -50px;
}

/* メニューアクティブ設定
----------------------------------------------------*/
#rooms #roomnav li.roomnav_top a{
	background: url(../rooms/images/roomnav.gif) 0 -50px;
}
/*======================================
            rooms_c_01
=======================================*/
#rooms div#rooms_c_01{
	margin: 0 0 40px;
	padding: 0;
	border: 0;
	width: 670px;
	text-align: left;
	clear:both;
}

/*キャッチコピー*/ 
#rooms div#rooms_c_01 h2{
	margin: 0 0 25px;
	padding: 0;
	border: 0;
	width: 670px;
	height: 22px;
	text-align: left;
	background: url(../rooms/images/rooms_c_01_copy.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#rooms div#rooms_c_01 p{
	margin: 0;
	border: 0;
	padding: 0;
}

.rooms_bt_howto_net{
	margin: 0;
	border: 0;
	padding: 0;
	width: 227px;
	height: 25px;
}

/*======================================
         rooms_c_*|共通スタイル
=======================================*/

/*入れ物*/ 
#rooms div#rooms_c_02,
#rooms div#rooms_c_03,
#rooms div#rooms_c_04,
#rooms div#rooms_c_05{
	margin: 0 0 50px;
	padding: 0;
	border: 0;
	width: 670px;
	text-align: left;
	clear: both;
	overflow: hidden;
}

/*入れ物*/ 
#rooms div#rooms_c_02 div.room_detail,
#rooms div#rooms_c_03 div.room_detail,
#rooms div#rooms_c_04 div.room_detail,
#rooms div#rooms_c_05 div.room_detail{
	margin: 0;
	padding: 20px 0;
	border: 0;
	background-color:#EFEBD7;
}
/*画像*/ 
#rooms div#rooms_c_02 div.room_detail p.room_img img,
#rooms div#rooms_c_03 div.room_detail p.room_img img,
#rooms div#rooms_c_04 div.room_detail p.room_img img,
#rooms div#rooms_c_05 div.room_detail p.room_img img{
	margin: 0 20px;
}

/*表*/ 
#rooms div#rooms_c_02 div.room_detail table,
#rooms div#rooms_c_03 div.room_detail table,
#rooms div#rooms_c_04 div.room_detail table,
#rooms div#rooms_c_05 div.room_detail table{
	margin: 10px 20px ;
}

/*客室レイアウトボタン*/
.rooms_bt_layout{
	margin: 0 0 0 520px;
	border: 0;
	padding: 0;
	width: 130px;
	height: 25px;
}


/*======================================
            rooms_c_06
=======================================*/
#rooms div#rooms_c_06 {
	margin: 0 0 50px;
	padding: 20px;
	border: 1px solid #CAC292;
	width: 628px;
	text-align: left;
	clear: both;
	background-color: #fff;
}

#rooms div#rooms_c_06 p{
	margin: 15px 20px 10px;
	padding: 0;
	border: 0;
	text-align: left;
}

#rooms div#rooms_c_06 img{
	margin: 0 0 0 188px;
}


/*table*/
#rooms table{
	color: #111;
	border: 1px solid #cac292;
	background: none;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
	letter-spacing: 0;
}

#rooms th,
#rooms td {
	padding: 5px 10px;
	border: 1px solid #cac292;
}

#rooms th {
	color: #111;
	border: 1px solid #cac292;
	background-color: #f3f2da;
	font-weight: normal;
}

#rooms td {
    color: #4e3400;
	border: 1px solid #cac292;
	background: #FFF;
}

#rooms .cont_fujiview{
	margin: 0;
	padding: 10px 0;
	clear: both;
	overflow: hidden;
}

#rooms .cont_fujiview p.img_st{
	margin:0 0 0 20px;
}


#rooms .cont_fujiview p.photo{
	float: left;
	margin: 0 10px 0 20px;
}

#rooms .cont_fujiview table{
	margin: 0;
	float: left;
}


/*===========================================================
   料金
   #charge
============================================================*/
/* メニューアクティブ設定
----------------------------------------------------*/
#charge #roomnav li.roomnav_charge a{
	background: url(../rooms/images/roomnav.gif) -134px -50px;
}

#charge h3#title_charge{
	margin: 0 0 30px;
	padding: 0;
	border: 0;
	width: 670px;
	height: 45px;
	text-align: left;
	background: url(../rooms/charge/images/rooms_h3_title_charge.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	clear:both;
}

/*======================================
            restaurant_c_01
=======================================*/
#charge div#charge_c_01{
	margin: 0 0 30px;
	width: 670px;
	text-align: left;
	clear: both;
	overflow: hidden;
}

/*======================================
            restaurant_c_02
=======================================*/
#charge div#charge_c_02{
	margin: 0 0 30px;
	width: 670px;
	text-align: left;
	clear: both;
	overflow: hidden;
}

#charge div#charge_c_03{
	margin: 0 0 50px;
	padding: 15px 0;
	border: 1px solid #CAC292;
	width: 668px;
	text-align: left;
	clear: both;
	background-color: #fff;
	clear: both;
	overflow: hidden;
}

#charge div#charge_c_03 p{
	margin: 0 20px;
	padding: 0;
	border: 0;
	text-align: left;
	width: 630px;
	float: right;
}

#charge div#charge_c_03 .attention_t_01{
	color: #C45D00;
}
/*======================================
            charge_c_cal
=======================================*/
#charge div#charge_c_02 div.charge_c_cal_l{
	margin: 0 0 15px;
	width: 325px;
	float: left;
}

#charge div#charge_c_02 div.charge_c_cal_r{
	margin: 0 0 15px;
	width: 325px;
	float: right;
}

#charge div#charge_c_02 div.charge_c_cal_l h5,
#charge div#charge_c_02 div.charge_c_cal_r h5{
	margin: 0;
	padding: 0;
	border: 0;
	width: 325px;
}

/*======================================
      	  
	  料金リスト＆カレンダー共通
	  
=======================================*/
/*table*/
#charge table{
	color: #111;
	border: 1px solid #cac292;
	background: none;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
	letter-spacing: 0;
}

#charge th,
#charge td {
	padding: 5px 10px;
	border: 1px solid #cac292;
}

#charge th {
	color: #111;
	border: 1px solid #cac292;
	background-color: #f3f2da;
	font-weight: normal;
}

#charge td {
    color: #4e3400;
	border: 1px solid #cac292;
	background: none;
}

/*======================================
            文字の位置設定
=======================================*/
#charge .charge_list td,
#charge .charge_c_cal_l table tr td,
#charge .charge_c_cal_r table tr td{
	text-align: center;
} 

/*======================================
            　　色設定
=======================================*/
/*オフ（2）*/ 
#charge td.charge_cal_off2{
	background-color: #CCFFCC;
}

/*オン（1）*/ 
#charge td.charge_cal_on1{
	background-color: #FFFF99;
}

/*オン（2）*/ 
#charge td.charge_cal_on2{
	background-color: #DAAFDE;
}

/*トップ*/ 
#charge td.charge_cal_t{
	background-color: #FFCC99;
}

/*ハイシーズン*/ 
#charge td.charge_cal_ht{
	background-color: #FF9900;
}

#charge th.charge_cal_sun,
#charge th.charge_cal_sun,
#charge td.charge_cal_sun,
#charge td.charge_cal_sun{
	color: #f00;
} 

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

