@charset "UTF-8";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url("common_style.css");
@import url("reset.css");
@import url("global.css");

#hotel_recommend_box *{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1em;
}

#hotel_recommend_box{
	padding-top: 10px;
}

/* index,area */

.hotel_recommend_h3_common{
	font-size: 16px;
	margin-top: 10px;
	border-bottom-style: none;
	border-left-color: #D9CEBF;
}

#reservation_rank{
	width: 100%;
	border: 1px solid #CCC;
	margin-top: 10px;
	margin-bottom: 10px;
}

#reservation_rank th{
	font-size: 13px;
	padding: 6px;
	border: 1px solid #CCC;
	font-weight: normal;
	color: #FFF;
	background-color: #006699;
	text-align: center;
}

#reservation_rank td{
	font-size: 16px;
	border: 1px solid #CCC;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

#reservation_rank td.reservation_rank_hotel_pho{
	width: 70px;
	padding: 0px;
}

#reservation_rank td.reservation_rank_hotel_pho img{
	max-width:70px;
}

#reservation_rank td.hotel_name{
	text-align: left;
}

#reservation_rank td.hotel_name a{
	line-height: 1.25em;
}

.more{
	font-size: 14px;
	text-align: center;
	padding-bottom: 20px;
}

/* 個別ページ */
#hotel_main_name{
	background-color: #F5F5F1;
	padding: 10px;
}

#hotel_name_j{
	font-size: 20px;
	line-height: 1.25em;
	padding-left: 6px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CAC6B3;
	padding-top: 4px;
	padding-bottom: 4px;
}

#hotel_name_j a{
	font-weight: bold;
	color: #0000FF;
}

#hotel_name_j a:visited{
	color: #0000FF;
}

#hotel_name_j a:hover{
	color: #F60;
}

#hotel_name_e{
	font-size: 16px;
	padding-top: 6px;
	line-height: 1.25em;
}

.button_hotel_details{
	text-align: center;
}

.button_hotel_details2{
	text-align: center;
}

#hotel_point{
	margin-top: 10px;
}

#hotel_point th div{
	padding-left: 6px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CAC6B3;
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 4px;
	line-height: 1em;
}

#hotel_point td {padding:10px 0 0 0; vertical-align:top;}

#hotel_point td *{
	font-size: 13px;
}

#hotel_point td#rank #rank{
}

#hotel_point td#rank #rank_name{
	text-align: center;
	margin-left: -20px;
}

#hotel_point td#rank #rank_price{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 6px;
	color: #C00;
	text-align: center;
}

#hotel_point td#rating{
	text-align: center;
}


#hotel_point td #rating_star{
	text-align: center;
	margin-bottom: 10px;
}

#hotel_point td #rating_average{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	background-color: #F90;
	padding: 6px;
	width: 82px;
	margin-bottom: 8px;
	border-radius: 4px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#hotel_point td #review{
	text-align: center;
}

#hotel_point td #review a{
	color: #0000FF;
}

#hotel_point td #review a:visited{
	color: #0000FF;
}

#hotel_point td #review a:hover{
	color: #F60;
}

#hotel_point td#equipment div{
	font-size: 14px;
	margin-bottom: 6px;
}

#hotel_point td#equipment div.nothing{
	color: #CCC;
}

#hotel_point td ul#feature{
	font-size: 14px;
	padding-left: 20px;
}

#hotel_point td ul#feature li{
	padding-left: 0px;
	list-style-type: disc;
	line-height: 1.25em;
	margin-bottom: 4px;
	font-size: 13px;
	color: #ff9900;
}

#hotel_point td ul#feature li span{
	color: #333333;
}

#hotel_pho_box{
	margin-top: 10px;
	float: left;
}

#hotel_pho_box .pho_box{
	margin-left: 7px;
	float: left;
	width: 175px;
}

.hotel_pho img{
	max-width:175px;
}

.hotel_caption{
}

.hotel_caption_e{
	margin-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: left;
}

.hotel_caption_j{
	font-size: 15px;
	margin-top: 4px;
	text-align: left;
}

#map_box{
	clear: both;
	float: none;
	padding-top: 14px;
}

#map_box #j_area{
	font-size: 13px;
	margin-top: 12px;
}

#map_box #j_area a{
	color: #0000FF;
}

#map_box #j_area a:visited{
	color: #0000FF;
}

#map_box #j_area a:hover{
	color: #F60;
}

#map_box #e_address{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 6px;
	line-height: 1.25em;
}

p#overview {background-color:#F9F5E3; padding:12px; font-size:13px; line-height:1.6; margin-top:20px;}

.hotel_recommend_h3{
	font-size: 13px;
	margin-top: 30px;
	border-bottom-style: solid;
	background-color: #f5f5f1;
	border-left-style: none;
	text-align: center;
	color: #565450;
	font-weight: normal;
	line-height: 1em;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #E7E4E0;
}

#average_price{
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 10px;
}

#reservation_history{
	width: 100%;
	border: 1px solid #CCC;
	margin-top: 10px;
	margin-bottom: 10px;
}

#reservation_history th{
	font-size: 16px;
	padding: 10px;
	border: 1px solid #CCC;
	font-weight: bold;
	color: #FFF;
	background-color: #069;
	text-align: center;
}

#reservation_history td{
	font-size: 16px;
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
}

#hotel_recommend_box .hotel_list_box{
	margin-top: 10px;
	padding-bottom: 20px;
	float: left;
	margin-left: -3px;
}

#hotel_recommend_box .details_box{
	margin-left: 7px;
	float: left;
	width: 175px;
}

#hotel_recommend_box .details_box .details_pho{
}

#hotel_recommend_box .details_box .details_pho img{
	max-width:175px;
}

#hotel_recommend_box .details_box .name{
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 3px;
}

#hotel_recommend_box .details_box .price{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	color: #C47409;
}
