﻿
/* 共通
------------------------------------------------------------*/
body {
	color:#333;
	font:13px/1.5 "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	background:url(/dst/images/bg_contents.png) 0 0 repeat;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.block {
	background:#FFF;
	border-top:5px solid #0064B1;
}

#head_top h1 {
	top: 10px;
}

/* パンくず
------------------------------------------------------------*/
#breadcrumb {
	width: 960px;
	margin: 8px auto 6px;
}

/* ヒーロー（ページ上部）
------------------------------------------------------------*/
.hero {
	width:960px;
	margin:0 auto 20px;
}
.hero > .inner {
	padding:20px;
}
.hero h2 {
	font-size:20px;
	font-weight:bold;
	margin:0 0 5px;
}

/* コンテンツ
------------------------------------------------------------*/
.contents {
	width:960px;
	margin:0 auto;
}

/* メインカラム（左カラム）
------------------------------------------------------------*/
.contents > .main {
	float:left;
	width:720px;
}
.contents > .main .block~.block {
	margin:20px 0 0;
	padding-bottom:20px;
}
.contents > .main h3 {
	background:url(/dst/images/icon_title.png) 15px center no-repeat;
	padding:15px 15px 15px 44px;
	font-weight:bold;
	font-size:18px;
}
.contents > .main h3.tl { /* オプショナル */
	height: 26px;
	margin: 0;
	padding: 17px 0 0 100px;
	font-size: 14px;
	color: #003399;
	text-align: left;
}
.contents > .main .fair-ttl {
	overflow: hidden;
	clear: both;
}
.contents > .main .fair-ttl a {
	float: right;
	font-size: 85%;
	text-decoration: underline;
	display: inline-block;
	margin-top: 0.2rem;
}
.contents > .main .fair-ttl a:hover {
	opacity: 0.7;
}

/* 特集 / 関連情報
------------------------------------------------------------*/
.special {
	overflow:hidden;
}
.special .item {
	width:722px;
	margin:0 0 0 -1px;
	border-top:1px dotted #b3b1ab;
}
.special .item li {
	float:left;
}
.special .item li a {
	display:block;
	width:330px;
	height:80px;
	border:dotted #b3b1ab;
	border-width:0 1px 1px 0;
	padding:15px;
	color:#333;
	text-decoration:none;
	background:url(/dst/images/arrow_off.png) 343px 93px no-repeat;
}
.special .item li a:hover {
	background:url(/dst/images/arrow_on.png) 343px 93px no-repeat;
}
.special .item li a:hover dt,
.special .item li a:hover .text {
	text-decoration:underline;
}
.special .item li dl {
	position:relative;
	padding:0 0 0 95px;
}
.special .item li dl dt {
	font-weight:bold;
}
.special .item li dl .text {
	line-height:1.4;
}
.special .item li dl .thumb {
	position:absolute;
	top:0;
	left:0;
}
.special .item li dl .icon:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}
.special .item li dl .icon {
	zoom: 1;
	margin:0 0 5px;
}
.special .item li dl .icon .left {
	float:left;
	background:#1B79B1;
	border:1px solid #1B79B1;
	padding:2px 7px 1px;
	font-size:11px;
	color:#FFF;
	border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
		-webkit-border-radius: 3px 0 0 3px;
		-khtml-border-radius: 3px 0 0 3px;
}
.special .item li dl .icon .right {
	float:left;
	background:#FFF;
	border:1px solid #1B79B1;
	padding:2px 7px 1px;
	font-size:11px;
	color:#165a8e;
	border-radius: 0 3px 3px 0;
		-moz-border-radius: 0 3px 3px 0;
		-webkit-border-radius: 0 3px 3px 0;
		-khtml-border-radius: 0 3px 3px 0;
}
.special .more {
	float: left;
	margin: 17px 0 0 15px;
	z-index:1000;
	background:url(/dst/images/arrow_more.png) 0 center no-repeat;
	padding:0 0 0 23px;
}

.info .branch_r.vertical_b { /* 2015.3.6 yamada */
	vertical-align:bottom;
}
.info .branch_r.vertical_t { /* 2015.3.6 yamada */
	vertical-align:top;
}


/* おすすめツアー
------------------------------------------------------------*/
.pickup {
	overflow:hidden;
}
.pickup .item {
	width:722px;
	margin:0 0 0 -1px;
	border-top:1px dotted #b3b1ab;
}
.pickup .item li {
	float:left;
}
.pickup .item li a {
	display:block;
	width:330px;
	height:145px;
	border:dotted #b3b1ab;
	border-width:0 1px 1px 0;
	padding:15px;
	color:#333;
	text-decoration:none;
	background:url(/dst/images/arrow_off.png) 343px 148px no-repeat;
}
.pickup .item li.bnr a {
	background:none;
}
.pickup .item li a:hover {
	background:url(/dst/images/arrow_on.png) 343px 148px no-repeat;
}
.pickup .item li.bnr a:hover {
	background:none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.pickup .item li a:hover dt,
.pickup .item li a:hover .text {
	text-decoration:underline;
}
.pickup .item li dl {
	position:relative;
	padding:0 0 0 135px;
}
.pickup .item li dl dt {
	font-weight:bold;
	font-size:15px;
	margin:0 0 3px;
}
.pickup .item li dl .text {
	line-height:1.4;
}
.pickup .item li dl .thumb {
	position:absolute;
	top:0;
	left:0;
}
.pickup .item li dl .icon {
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:#1B79B1;
	padding:4px 10px 2px;
	color:#FFF;
	font-size:12px;
	margin:0 0 7px;
}
.pickup .item li dl .price {
	color:#D00;
	font-weight:bold;
	font-size:15px;
	margin:3px 0 0;
}
.pickup .item li.osusume {
	background:url(/dst/images/icon_osusume.png) 631px 2px no-repeat;
}
.pickup .item li.osusume a {
	display:block;
	width:690px;
	height:180px;
	border:dotted #b3b1ab;
	border-width:0 0 1px 0;
	padding:15px;
	color:#333;
	text-decoration:none;
	background:url(/dst/images/arrow_off.png) 704px 193px no-repeat;
}
.pickup .item li.osusume a:hover {
	background:url(/dst/images/arrow_on.png) 704px 193px no-repeat;
}
.pickup .item li.osusume dl {
	padding:0 0 0 285px;
}
.pickup .item li.osusume dl dt {
	font-size:20px;
}
.pickup .item li.osusume dl .text {
	font-size:15px;
}
.pickup .item li.osusume dl .price {
	font-size:24px;
}



.pickup .item li.osusume2 {
	background:url(/dst/images/icon_osusume_non.png) 631px 2px no-repeat;
}
.pickup .item li.osusume2 a {
	display:block;
	width:690px;
	height:180px;
	border:dotted #b3b1ab;
	border-width:0 0 1px 0;
	padding:15px;
	color:#333;
	text-decoration:none;
	background:url(/dst/images/arrow_non.png) 704px 193px no-repeat;
}
.pickup .item li.osusume2 a:hover {
	text-decoration: none;
	background:url(/dst/images/arrow_non.png) 704px 193px no-repeat;
}
.pickup .item li.osusume2 dl {
	padding:0 0 0 285px;
}
.pickup .item li.osusume2 dl dt {
	font-size:20px;
}
.pickup .item li.osusume2 dl .text {
	font-size:15px;
}
.pickup .item li.osusume2 dl .price {
	font-size:24px;
}





.pickup .txt {
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 15px;
}
.gnavLink dl{
	padding-left:100px !important;
}


/* レコメンド
------------------------------------------------------------*/
.recommend h3~h3 {
	margin:15px 0 0;
}



/* 海外航空券
------------------------------------------------------------*/
.air {
	overflow:hidden;
}
.air h3 span {
	font-size:12px;
	font-weight:normal;
}
.air .item {
	width:724px;
	margin:0 0 0 -3px;
	border-top:1px dotted #b3b1ab;
	overflow: hidden;
}
.air .item li {
	float:left;
}
.air .item li a {
	display:block;
	width:150px;
	height:85px;
	border:dotted #b3b1ab;
	border-width:0 1px 1px 0;
	padding:15px;
	color:#333;
	text-decoration:none;
	background:url(/dst/images/arrow_off.png) 163px 98px no-repeat;
}
.air .item li a:hover {
	background:url(/dst/images/arrow_on.png) 163px 98px no-repeat;
}
.air .item li a:hover dt {
	text-decoration:underline;
}
.air .item li dl {
	text-align:center;
}
.air .item li dl dt {
	font-size:14px;
}
.air .item li dl .price {
	font-size:17px;
	font-weight:bold;
	color:#D00;
}
.air .item li.noItem {
	background:none;
	display:block;
	width:150px;
	height:85px;
	border:dotted #b3b1ab;
	border-width:0 1px 1px 0;
	padding:15px;
	color:#333;
	text-decoration:none;
}

/* 海外ホテル・オプショナルツアー・レンタカー
------------------------------------------------------------*/
/*.vacation > .inner {
	padding:15px 15px 0;
}*/

.vacation > .inner {
	padding:5px 15px 0;
}

.vacation > .inner .left{
	float:left;
	padding-left: 5px;
	margin-right:15px;
}

.vacation > .inner .right{
	float:right;
	padding-right: 5px;
}

/* サブカラム（右カラム）
------------------------------------------------------------*/
.contents > .sub {
	float:right;
	width:220px;
}
.contents > .sub > .block {
	background:#F5F4F0;
	border:none;
}
.contents > .sub h3 {
	padding:8px 15px 6px;
	background:#0064B1;
	color:#FFF;
	font-size:16px;
}
.contents > .sub > .block > .inner {
	padding:15px;
}
.contents > .sub h4 {
	border-left: 4px solid #0064B1;
	font-weight: bold;
	font-size: 14px;
	padding:2px 0 0px 7px;
	margin: 0 0 7px;
	line-height:1.3;
}
.contents > .sub h4~h4 {
	margin:20px 0 7px;
}
.contents > .sub .travelInfo ul.text {
	border-top:1px dotted #B3B1AB;
}
.contents > .sub .travelInfo ul.text li {
	border-bottom:1px dotted #B3B1AB;
}
.contents > .sub .travelInfo ul.text li a {
	display: block;
	padding: 7px 0 5px 17px;
	background: url(/dst/images/list_dotted.png) 5px 13px no-repeat;
}
.contents > .sub .travelInfo ul.image {
	margin:20px 0 0;
}
.contents > .sub .travelInfo ul.image li {
	margin:12px 0 0;
}
.contents > .sub .travelInfo ul.image li:first-child {
	margin:0;
}
.contents > .sub .travelInfo ul.image li a {
	display:block;
}
.contents > .sub .travelInfo ul.image li a dl dt {
	margin:7px 0 0;
	padding:0 0 0 17px;
	background: url(/dst/images/list_dotted.png) 5px 6px no-repeat;
}
.contents > .sub .basicInfo dl {
	margin: 10px 0 0;
}
.contents > .sub .basicInfo dl dt {
	border-left: 4px solid #0064B1;
	font-weight: bold;
	font-size: 14px;
	padding: 2px 0 0px 7px;
	margin: 0 0 7px;
	line-height: 1.2;
}
.contents > .sub .basicInfo dl:first-child {
	margin-top:0;
}
.contents > .sub .basicInfo dl dd {
	padding:0 0 10px 5px;
}
.contents > .sub .basicInfo dl dd.flag {
	margin:5px 0;
}


/* バナーエリア
------------------------------------------------------------*/
.bannerAreaA li {
	margin:0 0 20px;
}
.bannerAreaB ul {
	padding:0 20px;
}
.bannerAreaB ul li {
	float:left;
	margin:0 0 0 20px;
}
.bannerAreaB ul li:first-child {
	margin:0;
}
.bannerAreaB ul li a {
	display:block;
	width:330px;
}
.bannerAreaB ul li a dl dt {
	margin:7px 0 0;
	padding:0 0 0 17px;
	background: url(/dst/images/list_dotted.png) 5px 6px no-repeat;
}
.bannerAreaC li {
	margin:15px 0 0;
}

.bannerAreaD li {
	margin:0 0 15px 0;
}

/* その他のツアーリンク
------------------------------------------------------------*/
.otherTourLink {
	text-align:right;
	padding:18px 15px 0;
}
.otherTourLink a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:10px 10px 10px 28px;
	background:url(/dst/images/arrow_right.png) 15px center no-repeat;
	background-color: #aaaaaa;
	font-size:12px;
	color:#ffffff;
}
.otherTourLink a:hover {
	background:url(/dst/images/arrow_right.png) 15px center no-repeat;
	background-color: #1B79B1;
}


/* その他のツアーリンク 春夏秋冬、色めくフランス
------------------------------------------------------------*/
.otherTourLink_fra {
text-align:right;
padding:18px 14px 0;
}
.otherTourLink_fra a {
display:inline-block;
*display:inline;
*zoom:1;
padding:10px 10px 10px 28px;
background:url(/dst/images/arrow_right.png) 15px center no-repeat;
background-color: #aaaaaa;
font-size:12px;
color:#ffffff;
}
.otherTourLink_fra a:hover {
background:url(/dst/images/arrow_right.png) 15px center no-repeat;
background-color: #1B79B1;
}


/* ページの先頭へ
------------------------------------------------------------*/
.topLink {
	text-align:right;
	padding:18px 15px 0;
}
.topLink a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 0 0 15px;
	background:url(/dst/images/arrow_top.png) 0 center no-repeat;
	font-size:12px;
	color:#165a8e;
}

/* エリアリンク
------------------------------------------------------------*/
.areaLink {
	background:#FFF;
	margin:20px 0 0;
}
.areaLink > .inner {
	width:960px;
	margin:0 auto;
	text-align:center;
}
.areaLink ul {
	display:inline-block;
	margin:0 auto;
	padding:15px 0;
}
.areaLink ul li {
	float:left;
}
.areaLink ul li a {
	margin:0 5px;
}

/* 検索エリア
------------------------------------------------------------*/
.searchArea .notes {
	position:absolute;
	top:0;
	right:0;
	display:block;
	margin:0;
	color:#333;
	font-size:11px;
	line-height:1.0;
}
.searchArea .notes span {
	color:#F00;
	font-weight:bold;
	font-size:1.1em;
}

	/* 検索エリア タブ部分
	------------------------------------------------------------*/
	.searchArea .tab {
		padding:6px 6px 0;
		background: #f5f4f0;
	}
	.searchArea .tab li {
		float:left;
		font-size: 12px;
		margin:2px 0 0 2px;
		padding-right: 8px;
		background: url(/dst/images/line_tab.gif) no-repeat 0 8px;
	}
	.searchArea .tab li.tour {
		background:none;
	}
	.searchArea .tab li.air,
	.searchArea .tab li.air_hotel {
		padding-left: 10px;
	}
	.searchArea .tab li a {
		display:block;
		padding:0 15px;
		height:34px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		border-radius:3px 3px 0 0;
		color:#333;
		text-decoration:underline;
		font-weight:bold;
		font-size:1.2em; /*14px*/
		line-height:35px;
		cursor:pointer;
	}
	.searchArea .tab li a:hover {
		/*border-bottom:2px solid #FFF;
		background:#FFF;
		text-decoration:none;*/
	}
	.searchArea .tab li a.active {
		border-bottom:2px solid #FFF;
		background:#FFF;
		color:#333;
		text-decoration:none;
	}
	.searchArea .tab li a.active:hover {
		/*background:#FFF;*/
	}
	
	/* 検索エリア コンテンツ部分
	------------------------------------------------------------*/
	.searchArea .tabBox {
		overflow:hidden;
		margin:0 0 30px;
		padding:10px;
		border-width:0 3px 3px;
		background:#FFF;
		line-height:1.4;
	}
	.searchArea .tabBox .ast {
		margin:0 0 0 5px;
		color:#F00;
	}
	.searchArea .tabBox #tourTab {
		display:block;
	}
	.searchArea .tabBox #airTab {
		display:none;
	}
	.searchArea .tabBox #airHotelTab {
		display:none;
	}

	.searchArea .tabBox input {
		margin:0;
		padding:2px;
		vertical-align:middle;
	}
	.searchArea .tabBox input[type="radio"],
	.searchArea .tabBox input[type="checkbox"] {
		margin:0 5px 0 0;
	}
	.searchArea .tabBox select {
		margin:0;
		padding:2px;
		height:28px;
	}
	.searchArea .tabBox .cal {
		margin:0 0 0 2px;
		vertical-align:middle;
	}
	.searchArea .tabBox .line {
		position:relative;
		padding:10px 0;
		border-bottom:1px dotted #CCC;
	}
	.searchArea .tabBox .line .number {
			position:absolute;
			top:-5px;
			left:5px;
			color:#AAA;
			font-size:20px;
	}
	.searchArea .tabBox .line span {
		margin:0 3px;
	}
	.searchArea .tabBox .line span.title {
		display:block;
		margin:0 0 5px;
		font-weight:bold;
	}
	.searchArea .tabBox .line .line {
		padding:0;
		border:none;
	}
	.searchArea .tabBox .line .line ~ .line {
		margin:10px 0 0;
	}
	.searchArea .tabBox .line span.title ~ span.title {
		margin:10px 0 5px;
	}
	.searchArea .tabBox .line ul {
		line-height:1.4;
	}
	.searchArea .tabBox .line ul li {
		margin:0 0 5px;
	}
	.searchArea .searchBtn {
		margin: 10px 0 0;
		text-align:center;
	}
	
		/* 検索エリア 海外ツアー No.1
		------------------------------------------------------------*/
		#search_tour .no1 {
			float:left;
			margin:0 20px 0 0;
		}
		#search_tour .no1 .default_airport {
			width:175px;
		}
		
		/* 検索エリア 海外ツアー No.2
		------------------------------------------------------------*/
		#search_tour .no2 {
			float:left;
		}
		#search_tour .no2 .area {
			margin: 0 5px 0 0;
			width:175px;
		}
		#search_tour .no2 .country {
			margin: 0 5px 0 0;
			width:115px;
		}
		#search_tour .no2 .city {
			width:115px;
		}

		/* 検索エリア 海外ツアー 3（オプション）
		------------------------------------------------------------*/
		#search_tour .no3 #options {
			display:none;
			margin:15px 0 0;
		}
			#search_tour .no3 .columnA {
				float:left;
				padding:0 20px 0 0;
			}
			#search_tour .no3 .columnB {
				float:left;
				padding:0 19px;
				border-left:1px solid #EEE;
			}
			#search_tour .no3 .columnC {
				float:left;
				padding:0 20px;
				border-left:1px solid #EEE;
			}
			#search_tour  .no3 .columnA span.title ~ span.title {
				margin:10px 0 5px;
			}
			#search_tour  .no3 .columnB span.title ~ span.title {
				margin:10px 0 5px;
			}
			#search_tour .noWrap {
				padding:0 0 0 35px;
			}
			#search_tour .no3 .dt_y,
			#search_tour .no3 .dt_m,
			#search_tour .no3 .dt_d,
			#search_tour .no3 .days_min,
			#search_tour .no3 .days_max {
				width:30px;
			}
			#search_tour .no3 .min_price,
			#search_tour .no3 .max_price {
				width:80px;
			}
			#search_tour .no3 .freeword {
				width:190px;
			}

			/* 検索エリア 海外ツアー オプション切り替え
			------------------------------------------------------------*/
			.searchArea .toggle-list a {
				display:block;
				margin:0;
				padding:7px 12px 7px 8px;
				width:135px;
				border:1px solid #8EC6E7;
				background:#EAF6FD;
				color:#333;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
			}
			.searchArea .toggle-list a:hover {
				text-decoration:underline;
			}
			.searchArea .line .toggle-list li {
				margin:0;
			}

		/* 検索エリア 海外航空券
		------------------------------------------------------------*/
		#search_air .noWrap {
			padding:0 0 0 35px;
		}
		
			/* 検索エリア 海外航空券 No.1
			------------------------------------------------------------*/
			#search_air .no1 .deptArea {
				float:left;
				margin:0 30px 0 0;
			}
			#search_air .no1 .deptArea .dept {
				width:120px;
			}
			#search_air .no1 .areaArea {
				float: left;
			}
			#search_air .no1 .areaArea .area {
				margin:0 5px 0 0;
				width:190px;
			}
			#search_air .no1 .areaArea .country {
				margin:0 5px 0 0;
				width:130px;
			}
			#search_air .no1 .areaArea .city {
				width:130px;
			}
			
			/* 検索エリア 海外航空券 No.2
			------------------------------------------------------------*/
			#search_air .no2 {
				float:left;
			}
			#search_air .no2 .leave_dtArea {
				float: left;
				padding:0 30px 0 0;
			}
			#search_air .no2 .leave_dtArea .leave_dt,
			#search_air .no2 .arrive_dtArea .arrive_dt {
				width:80px;
			}
			#search_air .no2 .arrive_dtArea {
				float: left;
			}
			
			/* 検索エリア 海外航空券 No.3
			------------------------------------------------------------*/
			#search_air .no3 {
				float:left;
				margin:0 0 0 40px;
			}
			#search_air .no3 .memberArea {
				float: left;
				padding:0 20px 0 0;
			}
			#search_air .no3 .member_childArea {
				float: left;
				padding:0 20px 0 0;
			}
			#search_air .no3 .member_infantArea {
				float: left;
			}
			#search_air .no3 .member,
			#search_air .no3 .member_child,
			#search_air .no3 .member_infant {
				width:50px;
			}


/* 検索エリア 調整用(topと同じ検索モジュール使用にあたっての調整)
------------------------------------------------------------*/
#navigationArea #searchOverseas .tab li a {
	color: #333;
	text-decoration: underline;
}
#navigationArea #searchOverseas .tab li a.active {
	color: #333;
	text-decoration: none;
}
#navigationArea #searchOverseas .tab li.tab04 a.active { /* SPS対応 */
	background:#E5F6FF;
}
#navigationArea #searchOverseas .tab li a:hover {
	color: #333;
	text-decoration: none;
}
#navigationArea #searchOverseas .tab li.tab04 a:hover { /* SPS対応 */
	background:#E5F6FF;
}
#searchOverseas {
	display: block;
	min-height: 261px;
}
#navigationArea {
	margin-top:0;
}
#navigationArea .body {
	width: 100%;
}
#mainVisual .tabNav {
	padding-top:0;
}
.searchArea .tab li.tab02,
.searchArea .tab li.tab03,
.searchArea .dstHawaii .tab li.tab01 { /* SPS対応 */
	padding-left: 10px;
}
#mainVisual .tabNav li.tab01 a,
#mainVisual .tabNav li.tab02 a,
#mainVisual .tabNav li.tab03 a,
#mainVisual .tabNav li.tab04 a {
	width:auto;
	height:auto;
	background:none;
	text-indent:0;
	font-size:115%;
}
#mainVisual .tabNav li.tab01 a:hover,
#mainVisual .tabNav li.tab02 a:hover,
#mainVisual .tabNav li.tab03 a:hover,
#mainVisual .tabNav li.tab04 a:hover {
	background-color:#ffffff;
}
.searchArea .tab li a.active {
	border-bottom:none;
}
#mainVisual .tabNav li a.active {
	background-color:#ffffff;
}

#mainVisual .clmn_tabMain tbody th.left,
#mainVisual .clmn_tabMain tbody th.right {
	background:none;
	width:auto;
}
#searchOverseas h3 {
	padding:0;
	font-size:100%;
	background:none;
}
.searchArea .tab li.tab01 {
	background: none;
}
.searchArea .dstHawaii .tab li.tab01 { /* SPS対応 */
	background: url(/dst/images/line_tab.gif) no-repeat 0 8px;
}
.searchArea .dstHawaii .tab li.tab04 { /* SPS対応 */
	background: none;
}
#tabOverseasTicket01,
#tabOverseasTicket02,
#tabOverseasTicketHotel,
#tabOverseasTour01 {
	width:auto;
	padding:0;
	float:left;
}
.searchBox {
	margin: 15px 15px 15px 20px;
}
#tabOverseasTicket02 div.layout {
	width:459px;
	margin: 10px 10px 0 10px;
	border-left: 1px dotted #999;
	padding: 4px 0 10px 24px;
}
#tabOverseasTicket02 div.layout .txtL {
	width:328px;
}
#tabOverseasTicket02 div.layout .txtR {
	width:130px;
	position:relative;
}
#tabOverseasTicket02 .fl span.note {
	font-size: 11px;
	top:2px;
}
.total_child,
.total_infant {
	margin-top:0;
}
#tabOverseasTicket02 p.btn {
	position: absolute;
	top: 150px;
	right: 5px;
}
#popupCalender iframe {
	height: 220px;
}
.searchArea .btn-cal {
	margin-left: -7px;
	margin-right: 5px;
}
#tabOverseasTour02 {
	width: 504px;
	padding: 10px 0 5px;
}
#tabOverseasTour02 .block {
	border-top:none;
}
#tabOverseasTour02 h2 {
	margin-top:10px;
}
#tabOverseasTour02 h3 {
	background-repeat:no-repeat;
}
#tabOverseasTour02 #userBusiness h3 {
	background: url(/mct/css/images/label_option.png) no-repeat 4px 4px;
}
#tabOverseasTour02 .tOTBody {
	margin-top:18px;
}
#tabOverseasTour02 .tOTBody .optionItem {
	margin: 15px 0 0 0;
}
#tabOverseasTour02 .tOTHead a {
	top: 14px;
	left: auto;
	right: 17px
}
#tabOverseasTour02 #SearchBtn {
	bottom: 10px;
	right: 17px;
}
#tabOverseasTour02 #DepartDateBox select.year {
	width: 60px;
}
#tabOverseasTour02 #DepartDateBox select.month, #tabOverseasTour02 #DepartDateBox select.day {
	width: 43px;
}
#tabOverseasTour02 #DepartDateBox #ShowCalBtn {
	margin-left: 3px;
}
#tabOverseasTicketHotel .rightCol {
	width: 455px;
	min-height:170px;
	margin: 10px 10px 8px 0;
	padding-top: 17px;
	padding-left: 20px;
}
#tabOverseasTicketHotel .roomNum dt {
	width: 78px;
	margin: 0;
}
#tabOverseasTicketHotel input#alternateSfrom,
#tabOverseasTicketHotel input#alternateSto {
	width:100px;
}
#tabOverseasTicketHotel .closeRightCol {
	position: absolute;
	top: 4px;
	right: -2px;
}
#tabOverseasTicketHotel .msL {
	margin-right: 15px;
}
#tabOverseasTicketHotel .head-count-RN {
	margin-right: 3px;
}
#mainVisual { /* SPS対応 */
	padding:0;
}
#mainVisual .clmn_tabMain tbody #tabOverseasTicketHotel p.submitSearch {
	margin-top: -22px;
	margin-right: -2px;
}
#tabOverseasTicketHotel2 {
	padding:0;
}
#tabOverseasTicketHotel2 .seatClass {
	width:250px;
}
#searchAreaMessage {
	width: 400px;
	height:167px;
	position: absolute;
	top: 65px;
	left: 266px;
	text-align: center;
	background: #CCCCCC;
}
#spsArea { /* SPS対応 */
	height: 218px;
	background-color: #E5F6FF;
	background-image:url(/dst/images/hnl/search_sps_bg01.png);
	background-repeat: no-repeat;
	background-position:left top;
}
#spsArea .subText {
	color:#DD5555;
	font-size:115%;
	line-height:1.4;
	font-weight:bold;
	text-align:center;
	padding:18px 0 8px
}
#spsArea .guideText {
	color:#644637;
	font-size:110%;
	line-height:1.4;
	text-align:center;
	padding:18px 0 8px;
}
#spsArea .areaSelect ul {
	width: 650px;
	background: #ffffff;
	margin: 0 15px;
	padding:12px 0 0 40px;
}
#spsArea .areaSelect li {
	width:6em;
	float:left;
	padding-right:30px;
	padding-bottom: 10px;
}
#spsArea .areaSelect li a:link {
	color:#644637;
	text-decoration:underline;
}
#spsArea .areaSelect li a:visited {
	color:#644637;
	text-decoration:none;
}
#spsArea .areaSelect li a:hover {
	color:#644637;
	text-decoration:none;
}

/* tab エリア
--------------------------------------------------------- */
#tabArea h2 {
	overflow: hidden;
	padding: 18px 0 0;
	width: 300px;
	height: 0;
	background: url(/dst/img_common/title06.png) 0 0 no-repeat;
}
#tabArea .block_ll .box {
	padding: 10px 10px 5px;
}
#tabArea .leftArea{
	width:260px;
	display:inline-block;
	margin-left:15px;
	margin-top:15px;
}
#tabArea .leftArea h4 {
	font-size:14px;
	font-weight:bold;
}
#tabArea .leftArea p {
	width:260px;
}
#tabArea .leftArea .btn {
	width:170px;
	margin-top:20px;
	margin-left: 23px;
}
#tabArea .lead {
float: left;
padding: 0 10px 0 5px;
width: 170px;
}
#tabArea h3 {
	margin: 5px 0 15px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4;
}
#tabArea .btn a {
	width:170px;
	display: block;
	padding: 15px 10px 15px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #32B6F3 url(/dst/img_tab/parts/btn_arrow.png) 8px center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	-khtml-border-radius: 5px;
}
#tabArea .btn a:hover {
	background-color: #B7E6FB;
}
#tabArea p {
	margin: 20px 0 0;
	font-size: 12px;
}
#tabArea .tabImgBox {
	position: relative;
	float: right;
	padding: 0 30px 2px 40px;
	width: 350px;
	border-left: 1px dotted #CCC;
	margin-right: 15px;
}
#tabArea .tabImgBox .prev {
	position: absolute;
	top: 75px;
	left: 10px;
	width: 26px;
	height: 26px;
	background: url(/dst/img_tab/parts/tab_btn.png) 0 0 no-repeat;
}
#tabArea .tabImgBox .next {
	position: absolute;
	top: 75px;
	right: 0;
	width: 26px;
	height: 26px;
	background: url(/dst/img_tab/parts/tab_btn.png) -26px 0 no-repeat;
}
#tabArea .tabImgBox .prev:hover {
	background-position: 0 -26px;
}
#tabArea .tabImgBox .next:hover {
	background-position: -26px -26px;
}
#tabArea .tabImgBox .prev span,
#tabArea .tabImgBox .next span {
	display: none;
}
#tabArea .pagination {
	margin: 8px 0 0;
	text-align: center;
}
#tabArea .pagination a {
	display: inline-block;
	margin: 0 4px;
	width: 12px;
	height: 12px;
	background: url(/dst/img_tab/parts/tab_btn.png) -52px 0 no-repeat;
	*display: inline;
	*zoom: 1;
}
#tabArea .pagination a.selected {
	background-position: -52px -12px;
}
#tabArea .pagination a span {
	display: none;
}
#tabArea #tabImgList li a {
	display: block;
	overflow: hidden;
	width: 120px;
	height: 140px;
}
#tabArea #tabImgList li {
	float: left;
	margin: 3px;
	padding: 4px;
	width: 100px;
	height: 140px;
	border: 1px solid #CCC;
}
#tabArea #tabImgList li img{
	width: 100px;
	height: 140px;
}
#tabArea #tabImgList li:hover {
	background: #BAE4FF;
}
#tabArea .bannerArea {
	padding: 10px 15px 5px;
}
/* ----- 詳細 ----- */
.tabInfo #contents {
	margin: 0 auto;
	width: 500px;
	font-size: 110%;
	line-height: 1.4;
}
.tabInfo #header {
	padding-left: 8px;
	height: 46px;
	background: #004098;
}
.tabInfo #wrapper {
	margin: 15px;
	padding: 0 10px 20px;
	width: 450px;
	border: 1px #CCC solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 2px #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
	box-shadow: 0px 0px 2px #CCC;
	-khtml-border-radius: 5px;
}
.tabInfo .box {
	width: 450px;
}
.tabInfo .box .ttl {
	margin-top: 10px;
	padding: 8px;
	background: #BBE4FF;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.4;
}
.tabInfo .box .detail {
	margin-top: 10px;
	padding: 0 10px;
	font-size: 110%;
	line-height: 1.2;
}
.tabInfo .box .forTab a {
	display: block;
	margin: 10px auto 0;
	padding: 18px 10px 18px 30px;
	width: 16.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #32B6F3 url(/dst/img_tab/parts/btn_arrow.png) 8px center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	-khtml-border-radius: 5px;
}
.tabInfo .box .forTab2 a {
	display: block;
	margin: 10px auto 0;
	padding: 10px 10px 10px 30px;
	width: 16.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #32B6F3 url(/dst/img_tab/parts/btn_arrow.png) 8px center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	-khtml-border-radius: 5px;
}
.tabInfo .box .forTab a:hover,
.tabInfo .box .forTab2 a:hover {
	background-color: #B7E6FB;
}
.tabInfo .close {
	margin: 0 auto;
	width: 6em;
}
.tabInfo .close a {
	padding: 5px;
	width: 6em;
	background: #CCC;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.tabInfo .close a:hover {
	background: #DDD;
	text-decoration: none;
}
/* バナー（最下部） エリア
--------------------------------------------------------- */
#checkArea h2 {
	overflow: hidden;
	padding: 18px 0 0;
	width: 521px;
	height: 0;
	background: url(/dst/img_common/title05.png) 0 0 no-repeat;
}
#checkArea .linkList dl {
	float: left;
	margin: 0 0 0 10px;
	width: 226px;
}
#checkArea .linkList dl:first-child {
	margin: 0;
}
#checkArea .linkList dl a img {
	margin: 0 0 5px;
}



/*極上旅ナビリンクエリア
--------------------------------------------------------- */
.pickup .gnavLink .item li a{
	height: 278px;
	background: url(/dst/images/arrow_off.png) 343px 292px no-repeat;
}
.gnavLink .osusume img{
	width:293px;
	height:15px;
	margin:10px auto;
	display:block;
}
.gnavLink .osusume{
	width: 330px;
	height: 110px;
}
.gnavLink .osusume ul li{
	height:16px;
	background: #1B79B1;
	padding: 2px 10px 2px;
	color: #FFF;
	font-size: 12px;
	margin: 0 10px 7px 0;
}


/*検索エリア内ナビ
--------------------------------------------------------- */

#main-nav{
	width:100%;
	margin:auto;
}

#main-nav ul{
text-align: center;
}

#main-nav li{
 display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding-right: 10px;
margin: 10px 5px;
}

#main-nav li a{
	border-radius: 5px;
	display:block;
	background-color:#0064B1;
	width:6em;
	height:3em;
	text-align:center;
	line-height:3em;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
}


#main-nav li a:hover{
  border-radius: 5px;
  background: #59b1eb;
  width:6em;
  height:3em;
  color: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
  text-align:center;
  vertical-align:middle;
  -webkit-transition: all .3s;
	transition: all .3s;
}


/*メイン基本情報
--------------------------------------------------------- */

.pickup >  .inner {
	padding:15px;
}
.pickup >  h4 {
	border-left: 4px solid #0064B1;
	font-weight: bold;
	font-size: 14px;
	padding:2px 0 0px 7px;
	margin: 0 0 7px;
	line-height:1.3;
}
.pickup > h4~h4 {
	margin:20px 0 7px;
}

.pickup > .basicInfo dl {
	margin: 10px 0 0;
}
.pickup > .basicInfo dl dt {
	border-left: 4px solid #0064B1;
	font-weight: bold;
	font-size: 14px;
	padding: 2px 0 0px 7px;
	margin: 0 0 7px;
	line-height: 1.2;
}
.pickup > .basicInfo dl:first-child {
	margin-top:0;
}
.pickup > .basicInfo dl dd {
	padding:0 0 10px 5px;
	border-bottom:1px #ccc dotted;
}
.pickup > .basicInfo dl dd.flag {
	margin:5px 0;
	border:0;
}



/* 関連情報
------------------------------------------------------------*/
.info {
	width:690px;
	margin:0 auto;
}
.info h4{
	background:#0064b1;
	width:100%;
	text-align:center;
	height:32px;
	color:#fff;
	padding:4px 0;
	font-weight:bold;
	font-size:16px;
	line-height:32px;
}
.info .infobox li {
	width:339px;
	border:#cacad9 solid 1px;
	margin-top:15px;
	position:relative;
	float:left;
	overflow:hidden;
}
.info .infobox li.last {
	float:right;
}
.info .infobox li a {
	display:block;
	width:339px;
	height:97px;
	color:#333;
	text-decoration:none;
	background:url(/dst/images/arrow_off.png) 320px 76px no-repeat;
}
.info .infobox li a:hover {
	background:url(/dst/images/arrow_on.png) 320px 76px no-repeat;
}
.info .infobox li a:hover dl,
.info .infobox li a:hover .text {
	text-decoration:underline;
}
.info .infobox li dt {
	position:absolute;
	top:0;
	left:0;
}
.info .infobox li dt img {
	min-height:97px;
}
.info .infobox li dl {
	padding:5px 5px 0 154px;
}
.info .infobox li dl .text {
	text-align:right;
	position:absolute;
	top:76px;
	right:24px;
}
.info p.info_arrow a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#333;
	padding-right:20px;
	background:url(/dst/images/arrow_off.png) right center no-repeat;
	font-size:12px;
}
.info p.info_arrow a:hover {
	padding-right:20px;
	text-decoration:underline;
	background:url(/dst/images/arrow_on.png) right center no-repeat;
}
.info .travel_bureau {
	background:url(/dst/images/travel_bureau_bg.gif) 0 0 repeat-y;
	width:664px;
	padding:13px;
	margin-top:10px;
}
.info .travel_bureau h5 {
	color:#4a3f27;
	font-size:16px;
	font-weight:bold;
}
.info .travel_bureau h6 {
	color:#a38a54;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.info .travel_bureau .inner {
	background:url(/dst/images/border.gif) 161px 0 repeat-y;
}
.info .travel_bureau .inner img {
	float:left;
	width:150px;
}
.info .travel_bureau .inner .inner_r {
	float:right;
	width:485px;
}
.info .branch {
	border:#E8E8E8 solid 2px;
	padding:11px;
	margin-top:10px;
}
.info .branch h5{
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
}
.info .branch_l {
	width:100%;
	display: table-cell;
	padding:0 20px 0 0;
}
.info .branch_r {
	display:table-cell;
}
.info .branch_r.vertical_b {
	vertical-align:middle;
}
.info .branch_r.vertical_t {
	vertical-align:top;
}
.info .branch p.info_arrow {
	text-align:center;
	background:#dff1ff;
	padding:10px 40px;
	right:0;
	bottom:0;
	margin-left:120px;
}
.info .branch .branch_r p.info_arrow {
	margin-left:0;
}
.info .mt-5 {
	margin-top:-5px;
}
.info .bnr{
	width:335px;
}
.info .bnr a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.info .linkbox a{
	width:335px;
	height:100px;
	line-height:100px;
	text-align: center;
	color:#fff;
	text-decoration:underline;
	display:block;
	background:#0064b1;
}



/* ページトップ
------------------------------------------------------------*/

#pageTop {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 15px;
	z-index: 999;
}
#pageTop a {
	display: block;
}

#pageTop a:hover {
	opacity: 0.7;
	filter: alpha(opacity=790);
}



/* margin padding
------------------------------------------------------------*/
.m_b_15{
	margin-bottom: 15px;
	


}