@charset "UTF-8";
@import url("../../template/common/css/layout_contents.css");

/* --------------------------------
	hotel-toppage.css
--------------------------------
hotel-toppage.cssはホテルTOPページで使用しているCSSファイルです。

** index
01.初期化
02.汎用class
03.ページ大見出し				#PageHeader
04.コールセンター				#CallCenter
05.世界地図						#AreaMap
06.キャンペーン					#Campaign
07.エリアCat					#FindArea
08.人気ツアー					#PopularTour
09.検索Form						#tourSearchForm
10.人気のエリアCat				#PickupCity
11.こだわりツアー				#ThemeTour

** memo
12px base
10px＝83%＝0.83em
11px＝91%＝0.91em
12px＝100%＝1.0em
13px＝108%＝1.08em
14px＝117%＝1.17em
15px＝125%＝1.25em
16px＝133%＝1.33em
17px＝142%＝1.42em
18px＝150%＝1.5em
19px＝158%＝1.58em
-------------------------------- */


/* --------------------------------
■01.初期化
--------------------------------
供用CSSの記述の上書きをまとめています。
-------------------------------- */
/* block */
#Main {
	width:560px;
}
#Sub {
	width:380px;
}


/* --------------------------------
■02.汎用class
--------------------------------
ページ内で汎用的に使っているCSSの記述です。
-------------------------------- */

#Content_top {
	margin:0 0 15px;
	overflow: hidden;
}

.Main_top {
	width:560px;
	float: left;
}

.Sub_top {
	width:380px;
	float: left;
	margin-left: 20px;
}


/* .section */
#Content .section {
	margin:0 0 15px;
}
#Content .section h2 {
	min-height:24px;
	border:1px solid #154d6e;
	background:#195d86 url("###") repeat-x left bottom;
	background: -moz-linear-gradient(top,#195d86,#154d6e);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#195d86),to(#154d6e));	/* Safari,Google Chrome用 */
	color:#fff;
	font-size:1.08em;
	letter-spacing:0.2em;
	*zoom:1;
}
#Content .section h2 span {
	display:block;
	position:relative;
	padding:5px 5px 0 41px;
}
#Content #Campaign h2 span {
	top:-5px;
	min-height:16px;
	margin-bottom:-5px;
	padding-top:10px;
	background:url("/template/toppage/img/hotel/icon_campaign_title.gif") no-repeat 6px 0;
}
#Content #FindArea h2 span {
	top:-9px;
	min-height:17px;
	margin-bottom:-9px;
	padding-top:14px;
	background:url("/template/toppage/img/hotel/icon_area_title.gif") no-repeat 6px 0;
}
#Content #FindType h2 span,
#Content #PopularTour h2 span {
	top:-9px;
	min-height:17px;
	margin-bottom:-9px;
	padding-top:14px;
	background:url("/template/toppage/img/hotel/icon_type_title.gif") no-repeat 9px 0;
}
#Content #FindBrand h2 span {
	top:-6px;
	min-height:18px;
	margin-bottom:-6px;
	padding-top:11px;
	background:url("/template/toppage/img/hotel/icon_brand_title.gif") no-repeat 6px 0;
}
#Content #FindAccommodation h2 span {
	top:-6px;
	min-height:19px;
	margin-bottom:-6px;
	padding-top:11px;
	background:url("/template/toppage/img/hotel/icon_accommodation_title.gif") no-repeat 7px 0;
}
#Content #PickupCity h2 span {
	top:-6px;
	min-height:22px;
	margin-bottom:-6px;
	padding-top:11px;
	background:url("/template/toppage/img/hotel/icon_pickup_title.gif") no-repeat 6px 0;
}
#Content #TotalRanking h2 span,
#Content #CityRanking h2 span,
#Content #ThemeTour h2 span {
	top:-9px;
	min-height:18px;
	margin-bottom:-9px;
	padding-top:14px;
	background:url("/template/toppage/img/hotel/icon_ranking_title.gif") no-repeat 11px 0;
}
#Content .section .body {
	padding:10px;
	border:1px solid #d9d9d9;
}

/* .thum-nav */
.thum-nav {
	overflow:hidden;
	_zoom:1;
}
.thum-nav ul {
	overflow:hidden;
	margin-top:-1px;
	padding:8px 0;
	border-top:1px dotted #b2b2b2;
	_zoom:1;
}
.thum-nav ul li {
	float:left;
	width:20%;
	*width:19.9%;
	text-align:center;
}
.thum-nav img {
	display:block;
	width:94px;
	height:54px;
	margin:0 auto 0.24em;
}

/* .more */
.more {
	margin-top:0.25em!important;
	text-align:right;
	font-size:0.91em!important;
}
.more a {
	min-height:11px;
	_height:11px;
	padding-left:15px;
	background:url("/template/common/img/icon/arrow_right_04.gif") no-repeat 0 0.3em;
	color:#4d4d4d!important;
}


/* --------------------------------
■03.ページ大見出し(#PageHeader)
--------------------------------
ページ上部に設置するページ全体の見出しブロックです。
-------------------------------- */
#PageHeader {
	margin-top:1em;
}
#PageHeader h1 {
	font-size:1.33em;
}
#PageHeader p {
	margin-top:0.5em;
	font-size:0.91em;
}


/* --------------------------------
■04.コールセンター(#CallCenter)
--------------------------------
コールセンターのバナーを掲載するブロックです。
-------------------------------- */
#CallCenter {
	margin-top:0!important;
	text-align:center;
	font-size:0.91em;
}
#CallCenter address {
	margin-bottom:0.25em;
}
#CallCenter a {
	color:#4d4d4d;
}


/* --------------------------------
■05.世界地図(#AreaMap)
--------------------------------
エリア大カテへの導線をまとめた世界地図です。
-------------------------------- */
#AreaMap {
	padding:1px;
	border:1px solid #ccc;
}


/* --------------------------------
■06.キャンペーン(#Campaign)
--------------------------------
キャンペーンをまとめたブロックです。
-------------------------------- */
#Campaign .body {
	padding-top:5px;
	padding-bottom:5px;
}
#Campaign ul {
	overflow:hidden;
	font-size:0.91em;
	_zoom:1;
}
#Campaign li {
	float:left;
	width:50%;
	margin:5px 0;
	text-align:center;
}
#Campaign a {
	color:#4d4d4d;
}
#Campaign img {
	display:block;
	margin:0 auto 0.25em;
}


/* --------------------------------
■07.エリアCat(#FindArea)
--------------------------------
エリアから探すブロックです。
-------------------------------- */
#FindArea ul {
	overflow:hidden;
}
#FindArea ul ul {
	margin-top:0.25em;
	font-size:0.91em;
}
#FindArea li {
	position:relative;
	min-height:55px;
	_height:55px;
	margin-top:-1px;
	padding:1em 0 1em 105px;
	border-top:1px dotted #b2b2b2;
	font-weight:bold;
}
#FindArea li li {
	float:left;
	min-height:0;
	_height:0;
	margin-top:0;
	margin-right:0.5em;
	padding:0 0.5em 0 0;
	border-top:0;
	border-right:1px solid #4d4d4d;
	font-weight:normal;
	*white-space:nowrap;
}
#FindArea li li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
#FindArea ul img {
	width:97px;
	height:60px;
	position:absolute;
	left:0;
	top:8px;
}
#FindArea li li a {
	color:#4d4d4d;
}


/* --------------------------------
■08.人気ツアー(#PopularTour)
--------------------------------
人気ツアーのブロックです。
-------------------------------- */
#PopularTour ul {
	overflow:hidden;
}
#PopularTour li {
	position:relative;
	min-height:40px;
	_height:40px;
	margin-top:-1px;
	padding:1em 0 1em 105px;
	border-top:1px dotted #b2b2b2;
}
#PopularTour ul img {
	width:97px;
	/*height:40px; 2013.02.26 */
	position:absolute;
	left:0;
	top:8px;
}


/* --------------------------------
■09.検索Form(#tourSearchForm)
--------------------------------
検索Formのブロックです。
-------------------------------- */
#tourSearchForm {
	margin:0 0 10px;
	padding:1px;
	border:1px solid #d9d9d9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#tourSearchForm .inner {
	padding:0 0 10px;
	background:#fff url("/img_common/img/contents/bg_search-form-box_body.gif") repeat-x left bottom;
	background: -moz-linear-gradient(bottom,#f1f1f1,#fff 40%);	/* Firefox用 */
	background: -webkit-gradient(linear, left bottom, left top, from(#f1f1f1),color-stop(0.4, #fff));	/* Safari,Google Chrome用 */
}
#tourSearchForm .title {
	position:relative;
	height:35px;
	line-height:1.5;
	border-bottom:1px solid #dbdbdb;
	background:#f9f9f9 url("/img_common/img/contents/bg_search-form-box_title.gif") repeat-x left bottom;
	background: -moz-linear-gradient(bottom,#f1f1f1,#f9f9f9);	/* Firefox用 */
	background: -webkit-gradient(linear, left bottom, left top, from(#f1f1f1),to(#f9f9f9));	/* Safari,Google Chrome用 */
	color:#1e68bf;
	font-size:1.33em;
	font-weight:bold;
}
#tourSearchForm .title span {
	display:block;
	position:absolute;
	top:-10px;
	width:308px;
	height:26px;
	padding:18px 10px 0 60px;
	border-bottom:1px solid #fff;
	background:url("/img_common/img_top/bg_search-form-box_title_icon.gif") no-repeat 6px 0;
}
#tourSearchForm .body {
	padding:4px 4px 10px;
}
#tourSearchForm .area,
#tourSearchForm .date-info,
#tourSearchForm .option {
	padding:10px 0 10px 10px;
}
#tourSearchForm .date-info {
	border-top:1px dotted #b2b2b2;
	_zoom:1;
}
#tourSearchForm h3,
#tourSearchForm .area dt {
	margin-bottom:0.5em;
	color:#ff6c00;
	font-size:1.08em;
	font-weight:bold;
}
#tourSearchForm h3 {
	padding-left:7px;
	border-left:5px solid #ff6c00;
}

/* .form-table */
#tourSearchForm .form-table {
	margin:10px 10px 0;
}
#tourSearchForm .form-table th {
	padding-top:0.25em;
	padding-right:5em;
	white-space:nowrap;
	vertical-align:top;
}
#tourSearchForm .form-table th span {
	padding-left:20px;
	background:no-repeat left center;
}
#tourSearchForm .form-table .from1 th span {
	background-image:url("/img_common/ena/top/sub_departure.gif");
}
#tourSearchForm .form-table .to1 th span {
	background-image:url("/img_common/ena/top/sub_destination.gif");
}
#tourSearchForm .form-table .from2 th span {
	background-image:url("/img_common/ena/top/sub_departuredate.gif");
}
#tourSearchForm .form-table .to2 th span {
	background-image:url("/img_common/ena/top/sub_destinationdate.gif");
}
#tourSearchForm .form-table .user th span {
	background-image:url("/img_common/ena/top/sub_people.gif");
}
#tourSearchForm .form-table td {
	padding-bottom:0.75em;
}

/* .area */
#tourSearchForm .area .area-pulldown {
	
	margin:0.25em 0;
	_zoom:1;
}
#tourSearchForm .area .area-pulldown dt {
	float:left;
	width:8em;
	padding-top:0.25em;
	color:#4d4d4d;
}
#tourSearchForm .area .area-pulldown dd {	/* 12/12/15 編集 */
	padding-left: 10em;
	_zoom:1;
}
#tourSearchForm .area dt {
	margin-bottom:0;
}
#tourSearchForm .area .etc dt {
	color:#4d4d4d;
}

#tourSearchForm .abroad,
#tourSearchForm .internal {
	margin-bottom:1em;
}
#tourSearchForm .area input {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
}
#tourSearchForm .abroad {
	overflow:hidden;
	_zoom:1;
}
#tourSearchForm .abroad li {
	float:left;
	width:33%;
	*width:29%;
}
#tourSearchForm .abroad dt img {
	display:block;
	width:99px;
	height:31px;
	margin:0 0 0.5em;
}
#tourSearchForm .abroad ul li {
	float:none;
	width:100%;
	padding-left:1em;
	text-indent:-1em;
}
#tourSearchForm .internal ul {
	overflow:hidden;
	_zoom:1;
}
#tourSearchForm .internal li {
	float:left;
	width:33%;
}
#tourSearchForm .internal li.narita,
#tourSearchForm .internal li.other {
	width:auto;
}
#tourSearchForm .internal li.narita {
	margin-right:1em;
}
#tourSearchForm .internal li.other {
	line-height:150%;
}
#tourSearchForm .etc dt {
	float:left;
	width:33%;
	padding-top:0.5em;
}
#tourSearchForm .etc dd {
	overflow:hidden;
	_zoom:1;
}

/* .date-info */
#tourSearchForm .date-info .date-flat {
	overflow:hidden;
	margin-bottom:0.5em;
	_zoom:1;
}
#tourSearchForm .date-info .date-flat dt{
	float:left;
	width:10em;
	padding-top:0.5em;
}
#tourSearchForm .date-info .date-flat dd {
	float:left;
	margin-right:0.5em;
	_margin-right:0.25em;
}
#tourSearchForm .date-info .date-flat dt {
	padding-top:0.75em;
}
#tourSearchForm .date-info .option-check {
	margin:0.25em 0 0.5em;
}
#tourSearchForm .date-info .date,
#tourSearchForm .date-info .room {
	margin-bottom:1em;
}
#tourSearchForm .date-info .date {
	overflow:hidden;
	_zoom:1;
}
#tourSearchForm .date-info .date dt {
	float:left;
	width:10em;
	padding-top:0.5em;
}
#tourSearchForm .date-info .room {
	float:left;
	width:100%;
}
#tourSearchForm .date-info .room dt {
	float:left;
	padding-top:0.5em;
}
#tourSearchForm .date-info .room .volume {
	float:left;
	margin-right:1em;
}
#tourSearchForm .date-info .room .volume dd {
	float:left;
}
#tourSearchForm .date-info .room .balance {
	margin-left:9em;
}

/* .option */
#tourSearchForm .narrowSection {
	display:none;
}
#tourSearchForm .option .narrowSection,
#tourSearchForm .option .narrowSection dd {
	overflow:hidden;
	_zoom:1;
}
#tourSearchForm .option .narrowSection {
	margin-top:0.5em;
}
#tourSearchForm .option .narrowSection dt {
	float:left;
	width:10em;
	padding-top:0.25em;
}

#tourSearchForm .btnSection {
	margin:0.75em 25px 0;
	text-align:right;
}
#tourSearchForm .attention {
	margin:0.5em 0;
	color:#f00;
	text-align:center;
	font-size:0.91em;
}
#tourSearchForm .guide-volume {
	margin:0.5em 25px 0;
	text-align:right;
}

#tourSearchForm .date-info .child .guide span {
	font-weight:bold;
}


/* --------------------------------
■10.人気のエリアCat(#PickupCity)
--------------------------------
人気エリアCatへの導線を設置するブロックです。
-------------------------------- */
#PickupCity .cities {
	overflow:hidden;
	margin-top:1em;
}
#PickupCity .cities ul {
	overflow:hidden;
	margin-top:-1px;
	border-top:1px dotted #b2b2b2;
	_zoom:1;
}
#PickupCity .cities li {
	float:left;
	width:114px;
	padding:8px 2px;
}
#PickupCity .cities img {
	display:block;
	margin:0 0 0.25em;
}
#PickupCity .cities dt {
	font-weight:normal;
}
#PickupCity .cities dd {
	line-height:150%;
	margin-top:0.25em;
}


/* --------------------------------
■11.こだわりツアー(#ThemeTour)
--------------------------------
こだわり海外ツアーのブロックです。
-------------------------------- */
#ThemeTour ul {
	margin:1em 0;
}
#ThemeTour li {
	position:relative;
	min-height:46px;
	_height:46px;
	padding:8px 1em 8px 93px;
}
#ThemeTour .odd {
	background:#edf2f8;
}
#ThemeTour .name {
	margin:0 0 0.25em;
	font-weight:normal;
}
#ThemeTour .name img {
	position:absolute;
	left:10px;
	top:8px;
}



#searchFormLead .lead {
position: static;
    color: #000;
    font-weight: normal;
}

#Footer_Sitemap_Area a {
    text-decoration: underline;
}