/*------------------ ホテル各詳細ページ　（右サイド） ------------------*/

/*------------------ タブ　ボタン ------------------*/
#btn_box{
	width: 570px;
	height: 30px;
	margin:  64px 0 0 0;
	padding: 0 0 0 110px;
	float:left;
	}

#btn_box .img_box{
	float:left;
	}

/*------------------ タブ　下線の色 ------------------*/
#btn_box_bg01{
	width: 570px;
	height: 12px;
	margin:  96px 0 0 0;
	padding: 0;
	background-color: #FF9933;
	}

*html #btn_box_bg01{
	margin:  0;
	}

#btn_box_bg02{
	width: 570px;
	height: 12px;
	margin:  96px 0 0 0;
	padding: 0;
	background-color: #FFCC66;
	}

*html #btn_box_bg02{
	margin:  0;
	}

#btn_box_bg03{
	width: 570px;
	height: 12px;
	margin:  96px 0 0 0;
	padding: 0;
	background-color: #3366FF;
	}

*html #btn_box_bg03{
	margin:  0;
	}

#btn_box_bg04{
	width: 570px;
	height: 12px;
	margin:  96px 0 0 0;
	padding: 0;
	background-color: #66CCFF;
	}

*html #btn_box_bg04{
	margin:  0;
	}


/*------------------ ホテル　詳細 ------------------*/
/*-------- タイトル　画像 --------*/
#htl_title{
	width: 570px;
	margin:  8px 0 0 0;
	padding: 0;
	background: #CEE4C0 url("../image/title/title_bg.gif") no-repeat left top;
	float:left;
	}

*html #htl_title{
	margin:  0;
	padding: 0;
	}

#htl_title h3{
	font-size: 140%;
	font-weight: bold;
	margin:  0 0 0 20px;
	padding: 5px 0 0 0;
	}

#htl_title img{
	margin:  5px 0 5px 20px;
	padding: 0 0 0 0;
	}

/*-------- 内容 --------*/
#htl_detail{
	width: 530px;
	margin:  5px 0 0 0;
	padding: 0 0 0 20px;
	float:left;
	}

*html #htl_detail{
	width: 550px;
	}

h4 img{
	margin: 15px 0 10px 0;
	}

#dep_box{
	width: 530px;
	text-align: center;
	margin:  10px 0 0 0;
	padding: 0;
	float:left;
	}

.dep_img{
	margin: 10px 1.5px 0 0;
	padding: 0;
	float:left;
	}

.map{
	width: 550px;
	margin:  5px 0 5px 10px;
	padding: 0;
	}


/*-------- リスト --------*/
#htl_detail ul{
	list-style: none; 
	line-height:150%;
	}


#htl_detail dl{
	list-style: none; 
	line-height:150%;
	}

#htl_detail dd{
	padding: 0 0 0 12px;
	}


/*-------- アクセス　アイコン --------*/
.icon_box{
	width: 530px;
	margin: 10px 0 0 0;
	padding: 0;
	}

.a_icon{
	margin: 0 6px 0 0;
	float:left;
	}

.a_icon_text{
	width: 490px;
	margin: 0;
	padding: 0 0 0 20px;
	}

*html .a_icon_text{
	padding: 0;
	}

/*-------- 施設　アイコン --------*/
.icon{
	margin: 10px 6px 0 0;
	float:left;
	}

.icon_text{
	width: 490px;
	margin: 10px 0 0 0;
	padding: 0;
	float:left;
	}

/*-------- 客室詳細 --------*/

.room{
	width: 360px;
	float:left;
	}

.room_img{
	width: 160px;
	margin: 0 6px 0 0;
	float:right;
	}

.room_img p{
	text-align: center;
	}

/*-------- レストラン詳細 --------*/
.rest{
	width: 360px;
	float:left;
	}

.rest_img_box{
	width: 160px;
	float:left;
	}

.rest_img{
	width: 160px;
	margin: 0 6px 0 0;
	}

.rest_img p{
	text-align: center;
	}


/*-------- 施設詳細 --------*/

.facility{
	width: 280px;
	float:left;
	}

.facility_img_box{
	width: 240px;
	float:left;
	}

.facility_img{
	width: 240px;
	margin: 0 6px 0 0;
	}

.facility_img p{
	text-align: center;
	}