/* 以下 ホテル一覧用 CSS */

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.width951 {
	width:		951px;
}
.width900 {
	width:		900px;
}

#sns_space {
	margin-bottom:	10px;
	margin-left:	20px;
	margin-right:	20px;
	margin-top:	10px;
}

h2 {
	text-align:			center;
}
h2 img {
	display:				inline-block;
}

.hlist_wrap {
/*	display:			inline-block;	*/
	margin:			13px auto 0px auto;
	padding:			0px;
}

table.table_hotellist {
	width:				910px;
	margin:				0 auto;
	border-collapse:	collapse;
	border:				1px solid #000000;
	padding:				2px;
}
table.table_hotellist p {
	margin:				0px;
	padding:				0px;
}
table.table_hotellist th {
	border-width:		0px 1px 1px 0px;
	border-color:		#000;
	border-style:		solid;
	background-color:	#CCC;
	font-size:			13px;
	font-weight:		normal;
	text-align:			center;
}
table.table_hotellist td {
	padding:				2px;
	border-width:		1px;
	border-style:		solid;
	border-color:		#000;
}
td.left_hokkaido {
	background-color:	#9E91C4;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_tohoku {
	background-color:	#4B8739;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_kanto {
	background-color:	#E47B38;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_tokyo {
	background-color:	#E47B38;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_kanagawa {
	background-color:	#E47B38;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_chubu {
	background-color:	#4D99CC;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_kinki {
	background-color:	#96BD37;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_chugoku {
	background-color:	#DC2160;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_kyusyu {
	background-color:	#F0A6C7;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
td.left_overseas {
	background-color:	#1B2A52;
	background-color:	#94abce;
	text-align:			left;
/*	vertical-align:	top; */
	color:				#fff;
	color:				#000;
	font-size:			15px;
	font-weight:		bold;
}
table.table_newopenlist {
	width:				900px;
	margin:				0 auto;
	border-collapse:	collapse;
	border:				1px solid #000000;
	padding:				2px;
}
table.table_newopenlist td.left {
	padding:				2px;
	border-width:		1px;
	border-style:		solid;
	border-color:		#000;
	background-color: #cccccc;
	width: 200px;
}
table.table_newopenlist td.right {
	padding:				2px 2px 2px 5px;
	border-width:		1px;
	border-style:		solid;
	border-color:		#000;
	text-align: left;
	line-height: 150%;
	width: 700px;
}

ul.anchor_area {
	margin:			0px;
	padding:			5px 0px;
	list-style:		none; 							/* liの●をなくす */
	display:			inline-block;
	font-size:		15px;
}
ul.anchor_area li {
	margin:			0px;
	padding:			0px 18px 0px 18px;
}
ul.anchor_area li p {
	margin:			0px;
	padding:			0px;
}
li.anchor_hokkaido {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_tohoku {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_kanto {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_tokyo {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_kanagawa {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_chubu {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_kinki {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_chugoku {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_kyusyu {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}
li.anchor_overseas {
	background-image:		url(/new_img3/hlist/li_hlist_header_arrow.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	float:					left;
}

td.header_hokkaido {
	background-color:	#F0EDFF;
	color:				#1B2A52;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_tohoku {
	background-color:	#F9FFF7;
	color:				#3A5926;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_kanto {
	background-color:	#FFF3EA;
	color:				#7F3E1F;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_tokyo {
	background-color:	#FFF3EA;
	color:				#7F3E1F;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_kanagawa {
	background-color:	#FFF3EA;
	color:				#7F3E1F;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_chubu {
	background-color:	#EFF7FF;
	color:				#1B2A52;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_kinki {
	background-color:	#F9FFF7;
	color:				#3A5926;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_chugoku {
	background-color:	#FFEAF0;
	color:				#6B102F;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_kyusyu {
	background-color:	#FFF9FC;
	color:				#913765;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}
td.header_overseas {
	background-color:	#E2EAFF;
	color:				#1B2A52;
	background-color:	#e1ecfd;
	color:				#000000;
	font-size:			12px;
	text-align:			left;
}

td.areanm {
	width:				45px;
}
td.htlnm {
	width:				345px;
	font-size:			13px;
	text-align:			left;
}
td.room_rate {
	width:				295px;	/* 240 */
	font-size:			13px;
	text-align:			left;
}
td.num_parking {
	width:				95px;	/* 85 */
	font-size:			13px;
	text-align:			center;
}
td.num_parking div.div_table {
	display:				table;
	margin:				0 auto;
}
td.num_parking div.table_left {
	display:				table-cell;
	vertical-align:	middle;
	width: 30px;
}
td.num_parking div.table_right {
	display:				table-cell;
	vertical-align:	middle;
/*	padding-left: 4px;*/
	width: 55px;
}
/*
td.num_parking span {
	vertical-align:	50%;
	
	line-height:		15px;
}
td.num_parking img {
	vertical-align:	top;
	display:				inline;
	margin:				0 auto;
}
*/
td.bfree {
	width: 85px;
	text-align: center;
}
td.bfree div.div_table {
	display:				table;
	margin:				0 auto;
}
td.reserve {
	width: 70px;
	text-align: center;
}
td.reserve div.div_table {
	display:				table;
	margin:				0 auto;
}
td.ico_accessible {
	width:				90px;
}
td.btn_reserve {
	width:				75px;
}

.sp_rate_winter {
	color:				#5580FF;			/* 冬季割引料金 PRICE_NAVY #5580FF */
}
.sp_rate_high_season {
	color:				#808080;			/* ハイシーズン料金 PRICE_GRAY #808080 */
}
.sp_rate_tel {
	color:				#808080;			/* 電話予約/WEB予約 PRICE_GRAY #808080 */
}
.sp_rate_before_holiday {
	color:				#808080;			/* 休前日料金 PRICE_GRAY #808080 */
}
.sp_rate_weekend {
	color:				#000080;			/* 金・土・祝前日料金 PRICE_DARKBLUE #000080 */
}
.open_announce {
	color:				#f00;
}

/* 以下、テーブル内のセルの幅 */
.width254 {						/* ホテル名 */
	width:		254px;
}
.width82 {						/* ホテルへの配車サービス */
	width:		82px;
}
.width84 {						/* ホテル駐車場無料サービス */
	width:		84px;
}
.width73 {						/* 駐車場情報 */
	width:		73px;
}
.width40 {						/* 台数 */
	width:		40px;
}
.width259 {						/* 収容可能な車両サイズ */
	width:		259px;
}

.width26 {						/* ○△× ホテル駐車場無料サービス */
	width:		26px;
}
.width57 {						/* 文言 ホテル駐車場無料サービス */
	width:		57px;
}

/* 以上、テーブル内のセルの幅 */

span.ext_title_s {
	font-size:			18px;
}

.padding_t15r0b15l0 {
	padding: 15px 0px;
}
.padding_t0r0b15l0 {
	padding: 0px 0px 15px 0px;
}
.padding_t0r0b0l0 {
	padding: 0px;
}

.header_wrap {
	margin:		0px;
	padding:	0px;
	width:		100%;
}

.header_content {
	margin:		0px auto;
	padding:		0px 0px 0px 0px;
	text-align:	center;
}
ul.btn_header {
	margin:				0px;
	padding:			0px 0px 0px 0px;
	list-style:		none;
	display:			inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
ul.btn_header li {
	margin:				0px;
	padding:			0px 13px;
	float:				left;
	height:				42px;					/* 画像の高さ */
}
.header_line {
	margin:				0px;
	padding:			0px 0px;
	width:				723px;
	height:				12px;					/* 画像の高さ */
	display:			inline;
	text-align:		center;
}

.text_header {
	margin:				0px;
	padding:			0px auto;
	display:			inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
	font-size:			16px;
	font-weight:		bold;
	text-align:			center;
}

.header_content ul.area_header {
	margin:				0px;
	padding:			0px 0px;
	list-style:		none;
	display:			inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.header_content ul.area_header li {
	margin:				0px;
	padding:				4px 100px;
	float:				left;
}
.header_content ul.area_header li p {
	margin:				0px;
	padding:				0px;
	font-size:			15px;
	font-weight:		bold;
}

.table_content {
	margin:		0px auto;
	text-align:	center;
}

.table_content_header {
	margin:				0px;
	padding:			0px;
	display:			inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}

.table_content_header .select_area_wrap {
	float:		left;
}

div.rc_service_exp_wrap {
	margin:			0px;
	padding:			0px;
	float:			right;
}
div.rc_service_exp {
	margin:        0px;
	padding:       0px;
	display:     table;			/* display: table; でテーブルと同じように表示するように設定する */
	width:       440px;			/* 必ず横幅を指定すること。分からない場合は 100% でも可     div.hotelheader_wrap = .hotelheader_wrap .hname + div.btn_reserve_top */
	float:       right;
}
	* html div.rc_service_exp {
		position: relative;	/* IE6以下用にpositionを指定 */
	}
	*+html div.rc_service_exp {
		position: relative;	/* IE7用にpositionを指定 */
	}
div.img_icon {
	display:        table-cell;	/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	vertical-align:     middle;	/* 縦位置を指定｡ (display: table-cell;によってセルと同じ扱いができるようになったので、td同様vertical-alignが使用できるようになります)  */
	width:                13px;	/* ボタンの幅 div.btn_reserve_top div.reserve_btn と同じ     div.hotelheader_wrap = .hotelheader_wrap .hname + div.btn_reserve_top */
}
	* html div.img_icon {
		position: absolute;	/* IE6以下用に絶対位置を指定 */
		top:           50%;	/* position: absolute;によって絶対位置配置を有効にし、top: 50%;でdiv全体の高さの上から50%、つまり中心に配置します。 */
	}
	*+html div.img_icon {
		position: absolute;	/* IE7以下用に絶対位置を指定 */
		top:           50%;	/* position: absolute;によって絶対位置配置を有効にし、top: 50%;でdiv全体の高さの上から50%、つまり中心に配置します。 */
	}

div.rc_service_exp div.condition {
	margin:				0px;
	padding:				0px 15px 0px 0px;
	text-align:			left;
}
div.rc_service_exp div.condition_end {
	margin:				0px;
	padding:				0px;
	text-align:			left;
}
div.rc_service_exp p {
	margin:				0px;
	padding:				0px;
	font-size:			13px;
}

table.table_rentacar {
	width:				900px;
	border-collapse:	collapse;
	border:				2px solid #a9a9a9;
}

table.table_rentacar tr.hover {
	background-color:	#f00;
}

table.table_rentacar th {
	padding:				4px;
}
table.table_rentacar th.rental {
	border-width:		0px 1px 1px 0px;
	border-color:		#a9a9a9;
	border-style:		solid;
	background-color:	#cccccc;
}
table.table_rentacar th.parking {
	border-width:		0px 1px 1px 0px;
	border-color:		#a9a9a9;
	border-style:		solid;
	background-color:	#eeeeee;
}

table.table_rentacar td {
	padding:				4px;
}
table.table_rentacar td.hotel_name {
	border-width:		1px;
	border-color:		#a9a9a9;
	border-style:		dotted solid dotted solid;
	background-color:	#ffffff;
	text-align:			left;
}
table.table_rentacar td.freight_service {				/* 画像の中央寄せは、td align="center"を使用 */
	border-width:		1px;
	border-color:		#a9a9a9;
	border-style:		dotted solid dotted solid;
	background-color:	#ffe0ff;
}
table.table_rentacar td.free_parking {					/* 画像の中央寄せは、td align="center"を使用 */
	border-width:		1px;
	border-color:		#a9a9a9;
	border-style:		dotted solid dotted solid;
	background-color:	#cceeff;
}
table.table_rentacar td.free_parking_txt {
	border-width:		1px;
	border-color:		#a9a9a9;
	border-style:		dotted solid dotted solid;
	background-color:	#cceeff;
}
table.table_rentacar td.parking_type {
	border-width:		1px;
	border-color:		#a9a9a9;
	border-style:		dotted solid dotted solid;
	background-color:	#ffffff;
	text-align:			left;
}
table.table_rentacar td.parking_slot {
	border-width:		1px;
	border-color:		#a9a9a9;
	border-style:		dotted solid dotted solid;
	background-color:	#ffffff;
	text-align:			left;
}
table.table_rentacar td.parking_slot_size {
	border-width:		1px;
	border-color:		#a9a9a9;
	border-style:		dotted solid dotted solid;
	background-color:	#ffffff;
	text-align:			left;
}
table.table_rentacar td.hover {
	background-color:	#fafad2;
}


table.table_rentacar p {
	margin:				0px;
	padding:				0px;
	font-size:			12px;
}
div.backToTop {
	margin:			0px;
	padding:			0px;
	text-align:		right;
}

div.backToTop p {
	margin:			5px 0px 15px 0px;
	padding:			0px;
	font-size:		13px;
}

div.okinawa_exp_wrap {
	text-align:		left;
}

div.okinawa_exp_wrap p {
	margin:			5px 0px 0px 0px;
	padding:			0px;
	font-size:		13px;
}

.footer_content {
	margin:		0px auto;
	padding:		0px 0px 15px 0px;
	text-align:	center;
}
.footer_content div.footer_btn_backToTopPage {
	margin:		0px;
	padding:		15px 0px 5px 0px;
	display:			inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.footer_content div.footer_btn_backToTopPage img {
	padding-right:		23px;
	float:				right;
}

.extra_condition {
	color:			#FF0000;
	font-size:		11px;
	font-weight:	bold;
	line-height:	150%;
}

/***************************************************/
/*             以下、2016下期料金                  */
/***************************************************/

ul.ul-price {
	margin:			0px;
	padding-left:	10px;
	list-style:		none;
	display:			table;
	line-height:	1.25em;
}
ul.ul-priceOnly {
	margin:			0px;
	padding-left:	0px;
	list-style:		none;
	display:			inline-block;
	line-height:	1.25em;
}
ul.ul-price li {
	display:			table-cell;
	padding-left:	10px;
}
ul.ul-price li.li-ptype {
	margin:			0px;
	width:			100px;
}
ul.ul-price li.li-price {
	margin:			0px;
	padding-left:	0px;
}
ul.ul-priceOnly li.li-priceOnly {
	margin:			0px;
	padding-left:	10px;
/*	float:			left; */
}

/***************************************************/
/*             以上、2016下期料金                  */
/***************************************************/

/* 以上 ホテル一覧用 CSS */