@charset "UTF-8";


/****************/
/*-- タイトル --*/
/****************/
/*
 * @客室用タイトル
 */
#contents_common_l h3{
	background		:	url("../room/img/title.gif") no-repeat;
}


#contents_common_l h4{
	height			:	25px;
	border-bottom	:	1px solid #666;
	margin-top		:	30px;
	clear			:	both;
}


#contents_common_l a{
	color			:	#333;
}


/********************/
/*-- サブタイトル --*/
/********************/
/*
 * @客室用サブタイトル
 */
#contents_common_l h4#title_single{
	background		:	url("../room/img/title_single.gif") no-repeat;
}


#contents_common_l h4#title_twin{
	background		:	url("../room/img/title_twin.gif") no-repeat;
}


#contents_common_l h4#title_double{
	background		:	url("../room/img/title_double.gif") no-repeat;
}


#contents_common_l h4#title_triple{
	background		:	url("../room/img/title_triple.gif") no-repeat;
}


#contents_common_l h4#title_semidouble{
	background		:	url("../room/img/title_semidouble.gif") no-repeat;
}


#contents_common_l h4#title_ladies{
	background		:	url("../room/img/title_ladies.gif") no-repeat;
}


#contents_common_l h4#title_faci{
	background		:	url("../room/img/title_faci.gif") no-repeat;
}


#contents_common_l h4#title_amenity{
	background		:	url("../room/img/title_amenity.gif") no-repeat;
}


#contents_common_l h4#title_types{
	background		:	url("../room/img/title_types.gif") no-repeat;
}


#contents_common_l h4#exp_txt{
	margin			:	0 0 10px 0;
	padding			:	0;
	border			:	none;
}


#contents_common_l h4.exp_txt_top{
	background		:	url("../room/img/exp_txt_top.gif") no-repeat;
	height			:	100px;
}


#contents_common_l h4.exp_txt_single{
	background		:	url("../room/img/exp_txt_single.gif") no-repeat;
	height			:	100px;
}


#contents_common_l h4.exp_txt_semidouble{
	background		:	url("../room/img/exp_txt_semidouble.gif") no-repeat;
	height			:	70px;
}


#contents_common_l h4.exp_txt_double{
	background		:	url("../room/img/exp_txt_double.gif") no-repeat;
	height			:	70px;
}


#contents_common_l h4.exp_txt_twin{
	background		:	url("../room/img/exp_txt_twin.gif") no-repeat;
	height			:	50px;
}


#contents_common_l h4.exp_txt_triple{
	background		:	url("../room/img/exp_txt_triple.gif") no-repeat;
	height			:	50px;
}


#contents_common_l h4.exp_txt_ladies{
	background		:	url("../room/img/exp_txt_ladies.gif") no-repeat;
	height			:	100px;
}


#contents_common_l img{
	border			:	1px solid #aaa;
	margin			:	0;
}


/**********************/
/*-- 客室タイプ一覧 --*/
/**********************/
/*
 * @客室用
 */
#contents_common_l #room_list{
	margin			:	0 0 0 0px;
	padding			:	0;
	background		:	#fff;
	clear			:	both;
}


#contents_common_l #room_list ul{
	margin			:	auto;
	padding			:	0;
	list-style		:	none;
}


#contents_common_l #room_list li{
	float			:	left;
	margin-right	:	5px;
}


/*-- 客室トップ用 --*/
ul#large_image{
	height			:	350px;
}


ul#large_image li{
	width			:	200px;
	height			:	150px;
	margin			:	10px 5px 5px 5px;
}


/**************************/
/*-- 客室トップ総合説明 --*/
/**************************/
/*
 * @客室トップ用
 * @
 */
dl#room_ext{
	width			:	100%;
	overflow		:	hidden;
}
dt{
	text-indent		:	15px;
	background		:	url("../common/img/allow06.gif") no-repeat;
	margin			:	0px 0;
	font-weight		:	bold;
	border-bottom	:	1px dotted #bbb;
}
dd{
	margin			:	0 0 0 20px;
	padding			:	0 0 10px 10px;
}


/**********************/
/*-- 各客室画像切替 --*/
/**********************/
/*
 * @各客室用
 * @クラスは各客室初期画像
 */
#room_img_switch{
	border			:	1px solid #999;
	width			:	630px;
	height			:	450px;
	margin			:	0 0 10px 0;
}


#room_img_switch ul{
	list-style		:	none;
	margin			:	10px 0 0 10px;
	padding			:	0;
	height			:	400px;
}


#room_img_switch ul li{
	margin			:	5px 0 3px 0;
	padding			:	0;
}


#room_img_switch ul li img{
	border			:	2px solid #FFF;
}


.single{ background	:	url("../room/img/room_single1.jpg") no-repeat;}


.twin{ background	:	url("../room/img/room_twin1.jpg") no-repeat;}


.double{ background	:	url("../room/img/room_double1.jpg") no-repeat;}


.triple{ background	:	url("../room/img/room_triple1.jpg") no-repeat;}


.semidouble{ background	:	url("../room/img/room_semidouble1.jpg") no-repeat;}


.ladies{ background	:	url("../room/img/room_ladies1.jpg") no-repeat;}


/******************/
/*-- 各客室情報 --*/
/******************/
/*
 * @各客室用
 * @客室情報テーブル
 * @楽天トラベル用ボタン
 */
#room_info{
	margin			:	10px 0 40px 0;
	height			:	200px;
	letter-spacing	:	1px;
}


#room_info table{
	width			:	450px;
	border-collapse	:	collapse;
	text-align		:	center;
	border			:	1px solid #99a;
}


#room_info th{
	border			:	1px solid #99a;
	width			:	90px;
	height			:	40px;
	background		:	url("../services/img/th_bg1.gif") repeat-x #dde;
}


#room_info td{
	border-top		:	1px solid #99a;
	border-left		:	1px solid #99a;
	width			:	90px;
	height			:	40px;
}


#room_info div#popup_btn{
	margin			:	0 0 0 12px;
	width			:	170px;
	float			:	left;
}


#room_info img{
	border			:	none;
	margin			:	0 0 5px 0;
	width			:	170px;
}


#room_info p{
	margin			:	10px 0 0 0;
	width			:	400px;
	font-size		:	12px;
	letter-spacing	:	0;
}


/****************/
/*-- 設備情報 --*/
/****************/
/*
 * @各客室用
 */
ul#room_set{
	clear			:	both;
	letter-spacing	:	1px;
	margin-left		:	15px;
	margin-bottom	:	40px;
	padding			:	0;
	list-style		:	none;
	overflow		:	hidden;
}


ul#room_set li{
	float			:	left;
	width			:	280px;
	margin-bottom	:	5px;
	text-indent		:	20px;
	background		:	url("../common/img/allow04.gif") no-repeat;
}


ul#amenity_set{
	clear			:	both;
	letter-spacing	:	1px;
	margin-left		:	15px;
	margin-bottom	:	40px;
	padding			:	0;
	list-style		:	none;
	overflow		:	hidden;
}


ul#amenity_set li{
	float			:	left;
	width			:	280px;
	margin-bottom	:	5px;
	text-indent		:	20px;
	background		:	url("../common/img/allow04.gif") no-repeat;
}


ul#amenity_set li span{
	font-size		:	80%;
}