@charset "UTF-8";
@import url("../common/css/default.css");
@import url("../common/css/layout_header-footer_tabs.css");

/* --------------------------------
	toppage.css
--------------------------------
toppage.cssはTOPページで使用しているCSSファイルです。
サイト内容で共通の記述についてはimportしている別ファイルにまとめています。

** index
01.再定義
02.ページ内汎用class
03.ページヘッダー									#PageHeader
04.海外格安航空券を検索する							#SearchFormBox
05.マイページ/キャッチアップ						#CatchUp
06.おススメ情報をチェックする/目的地から探す		#PickupTicket/#FindArea
07.お知らせ											#Information
08.その他											#enaETC
09.特集ページ										#Specials
	01.その他特集										#SpecialsETC
-------------------------------- */


/* --------------------------------
■01.再定義
--------------------------------
importした共有CSSの記述の上書きです。
-------------------------------- */
hr.slash {
	display:none;
}
#Contents p {
	text-align:justify;
}



/* --------------------------------
■02.ページ内汎用class
--------------------------------
ページ内で汎用的に使用されるclassの定義です。
-------------------------------- */
/* 見出し */
#Contents h1 {
	font-size:1.33em;
}
/* section */
#Contents .section {
	margin-bottom:30px;
	zoom:1;
}
#Contents .section:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}



/* --------------------------------
■03.ページヘッダー(#PageHeader)
--------------------------------
ページ上部に設置するページ全体の見出しブロックです。
-------------------------------- */
#PageHeader {
	overflow:hidden;
	margin:10px 0;
	_zoom:1;
}
#PageHeader ul {
	float:right;
	margin-left:4em;
}
#PageHeader li {
	float:left;
}
#PageHeader h1 {
	margin:5px 0;
}
#PageHeader .sec-lead {
	font-size:0.92em;
}



/* --------------------------------
■04.海外格安航空券を検索する(#SearchFormBox)
--------------------------------
検索フォームボックスです。
-------------------------------- */
#SearchFormBox,
#SearchFormBox .inner {
	border:1px solid #d9d9d9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#SearchFormBox {
	float:left;
	width:380px;
	border-color:#d9d9d9;
	background:#fff url("../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用 */
}
#SearchFormBox .inner {
	border-color:#fff;
}
#SearchFormBox .title {
	position:relative;
	height:35px;
	line-height:1.5;
	border-bottom:1px solid #dbdbdb;
	background:#f9f9f9 url("../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;
}
#SearchFormBox .title span {
	display:block;
	position:absolute;
	top:-10px;
	width:308px;
	height:26px;
	padding:16px 10px 0 60px;
	border-bottom:1px solid #fff;
	background:url("../img_top/bg_search-form-box_title_icon.gif") no-repeat 6px 0;
}
#SearchFormBox .body {
	padding:15px 20px 30px;
}
#SearchFormBox table {
	width:100%;
}
#SearchFormBox th,
#SearchFormBox td {
/*	text-align:left; */
	vertical-align:top;
}
#SearchFormBox .air th,
#SearchFormBox .air td {
	padding-top:15px;
}
#SearchFormBox .sheet th,
#SearchFormBox .sheet td {
	padding-bottom:15px;
}
#SearchFormBox th {
	padding-top:6px;
	padding-right:20px;
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0 6px;
	font-weight:normal;
	white-space:nowrap;
}
#SearchFormBox .departure th,
#SearchFormBox .destination th {
	letter-spacing:0.5em;
}
#SearchFormBox .air th {
	background-position:0 15px;
}
#SearchFormBox .departure th {
	background-image:url("../common/img/icon/sub_departure.gif");
}
#SearchFormBox .destination th {
	background-image:url("../common/img/icon/sub_destination.gif");
}
#SearchFormBox .departuredate th {
	background-image:url("../common/img/icon/sub_departuredate.gif");
}
#SearchFormBox .destinationdate th {
	background-image:url("../common/img/icon/sub_destinationdate.gif");
}
#SearchFormBox .people th {
	background-image:url("../common/img/icon/sub_people.gif");
}
#SearchFormBox .year {
	width:58px;
}
#SearchFormBox .month-date {
	width:42px;
	margin-left:0.25em;
}
#SearchFormBox table img {
	vertical-align:middle;
}
#SearchFormBox .body .guide,
#SearchFormBox .body .volume {
	font-weight:bold;
}
#SearchFormBox .submit {
	padding-top:20px;
	text-align:center;
}
#SearchFormBox .body .attention {
	color:#f00;
}
#SearchFormBox .body .volume {
	margin-top:10px;
	text-align:center;
}



/* --------------------------------
■05.マイページ/スライドショー(#CatchUp)
--------------------------------
マイページボックスとスライドショーボックスです。
-------------------------------- */
#CatchUp {
	float:right;
	width:560px;
}
/* MyPageBlock */
#MyPageBlock {
	position:relative;
	margin:0 0 40px;
}
#MyPageBlock dt {
	padding:1px;
	background:#cdcdcd url("../common/img/contents/bg_headline_border-grad.gif") repeat-x left top;
	background: -moz-linear-gradient(top,#eaeaea,#cdcdcd);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea),to(#cdcdcd));	/* Safari,Google Chrome用 */
	font-size:1.17em;
}
#MyPageBlock dt span {
	display:block;
	padding:7px 30em 7px 40px;
	*padding-right:15em;
	border:1px solid #f9f9f9;
	background:#f2f2f2 url("../img_top/icon_mypage.gif") no-repeat 8px 50%;
	text-shadow:1px 1px 0 #fff;
}
#MyPageBlock .guide-nav {
	position:absolute;
	right:12px;
	top:10px;
	text-shadow:1px 1px 0 #fff;
}
#MyPageBlock .guide-nav li {
	float:left;
	margin-left:1em;
	_margin-left:0.5em;
}
#MyPageBlock .guide-nav a {
	padding-left:15px;
	background:url("../common/img/icon/arrow_right_01.gif") no-repeat left center;
	color:#4d4d4d;
	text-decoration:none;
}
#MyPageBlock .guide-nav a:hover {
	text-decoration:underline;
}
#MyPageBlock .body {
	margin-top:10px;
	zoom:1;
}
#MyPageBlock .body:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
#MyPageBlock .body .lead {
	float:left;
	margin:8px 10px 0;
}
#MyPageBlock .body .mypage-nav {
	float:right;
	*padding-top:10px;
}
#MyPageBlock .body .mypage-nav li {
	float:left;
	margin-left:7px;
	_margin-left:3px;
}
#MyPageBlock .login {
	display:none;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	padding:10px 10px 15px;
	border:1px solid #ceddf0;
	background:#e3ebf5;
	_zoom:1;
}
#MyPageBlock .login .input {
	float:left;
}
#MyPageBlock .login .input input {
	width:9em;
	margin-right:5px;
	vertical-align:middle;
}
#MyPageBlock .login .input input.submit {
	width:auto;
	margin-right:0;
	margin-left:10px;
	box-shadow:1px 1px 1px #d9e1e9;
}
#MyPageBlock .login .login-nav {
	float:right;
	font-size:0.92em;
}
#MyPageBlock .login .login-nav a {
	color:#4d4d4d;
}
#MyPageBlock .login .end {
	position:absolute;
	right:-1px;
	bottom:-1px;
	font-size:0.92em;
}
#MyPageBlock .login .end a {
	display:block;
	padding:3px 5px 3px 20px;
	border:1px solid #ceddf0;
	background:#49647f url("../common/img/icon/icon_batsu_white.gif") no-repeat 5px 50%;
	color:#fff;
	text-decoration:none;
}
#MyPageBlock .login .end a:hover {
	text-decoration:underline;
}
#MyPageBlock .logined {
	margin:10px 2px 0 7px;
}
#MyPageBlock .logined .lead {
	float:left;
	padding-top:5px;
	color:#467bbb;
	font-weight:bold;
}
#MyPageBlock .logined .lead .name {
	margin-right:1.5em;
}
#MyPageBlock .logined .logout {
	float:right;
}
#MyPageBlock .logined .login-nav {
	clear:both;
	overflow:hidden;
	padding-top:5px;
	_zoom:1;
}
#MyPageBlock .logined .login-nav li {
	float:left;
	margin-top:1px;
	margin-right:0.5em;
	padding-right:0.5em;
	border-right:1px solid #4d4d4d;
	*white-space:nowrap;
}
#MyPageBlock .logined .login-nav li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
#MyPageBlock .logined .login-nav a {
	color:#ff6232;
}
/* SlideShow */
#SlideShow .banners {
	overflow:hidden;
	margin-bottom:10px;
	padding:6px 7px;
	background:#17557a;
	_zoom:1;
}
#SlideShow .banners li {
	float:left;
}
#SlideShow .banners li.even {
	float:right;
}
#SlideShow .banners li.tour {
	float:left;
}
#SlideShow .banners li.hotel {
	padding-left:6px;	
}
#SlideShow .banners li.hoken {
	float:right;
}

#SlideShow .banner {
	margin-top:10px;
}
#SlideShow .content {
	height:247px;
	overflow:hidden;
	border:3px solid #ccc;
}
#SlideShow .content .block {
	display:none;
}
#SlideShow .content .block.now {
	display:block;
}
#SlideShow .tabs {
	overflow:hidden;
	border-color:#ccc;
	border-style:none solid solid;
	border-width:0 2px 3px;
	background:#ccc;
	_zoom:1;
}
#SlideShow .tabs li {
	float:left;
	margin:0 1.5px;
	*margin:0 2px 0 1px;
	_margin-left:1px;
	background:#fff;
}
#SlideShow .tabs li.now {
	background:#467bbb;
}



/* --------------------------------
■06.おススメ情報をチェックする/目的地から探す(#CatchUp)
--------------------------------
おススメ情報をチェックするボックスと目的地から探すボックスです。
-------------------------------- */
/* section-* */
.section-odd,
.section-even {
	width:470px;
}
.section-odd {
	float:left;
}
.section-even {
	float:right;
}
/* tab-content */
.tab-content .title {
	position:relative;
	height:30px;
	border:1px solid #154d6e;
	background:#154d6e url("../common/img/contents/bg_headline_blue-grad.gif") repeat-x left top;
	background: -moz-linear-gradient(top,#195d86,#154d6e);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#195d86),to(#154d6e));	/* Safari,Google Chrome用 */
	_background:#154d6e url("../common/img/contents/bg_headline_blue-grad.gif") repeat-x left top;
	color:#fff;
}
.tab-content .title span {
	display:block;
	position:absolute;
	height:20px;
	top:-6px;
	padding:15px 10px 0 42px;
}
#PickupTicket .title span {
	background:url("../img_top/icon_pickup-ticket_title.gif") no-repeat 6px 0;
} 
#FindArea .title span {
	background:url("../img_top/icon_find-area_title.gif") no-repeat 6px 3px;
}
.tab-content .body {
	border:1px solid #d9d9d9;
	height:760px;
}
.tab-content .tabs {
	overflow:hidden;
	background:#e1e1e1 url("../common/img/contents/bg_toppage_tabs.gif") repeat-x left bottom;
	background: -moz-linear-gradient(top,#e1e1e1,#f2f2f2);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1),to(#f2f2f2));	/* Safari,Google Chrome用 */
	_zoom:1;
}
.tab-content .tabs li {
	float:left;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	text-align:center;
}
.tab-content .tabs li.default {
	border-left:none;
}
.tab-content .tabs li.now {
	border-bottom-color:#fff;
}
.tab-content .tabs li.default {
	width:62px;
}
.tab-content .tabs li.asia {
	width:68px;
}
.tab-content .tabs li.europe {
	width:85px;
}
.tab-content .tabs li.n-america {
	width:54px;
}
.tab-content .tabs li.micronesia {
	width:92px;
}
.tab-content .tabs li.africa {
	width:102px;
}
.tab-content .tabs li a {
	display:block;
	padding:3px 0;
}
.tab-content .tabs li.now a,
.tab-content .tabs li a:hover {
	background:#fff;
}
.tab-content .tab {
	display:none;
	min-height:18em;
	padding:0 20px 20px;
}
.tab-content .tab.default {
	display:block;
}
.tab-content .tab h3,
.tab-content .tab dt,
.tab-content .tab .tickets {
	font-size:1.17em;
}
.tab-content .tab h3 {
	margin-top:20px;
}
.tab-content .tickets li {
	margin-top:10px;
}
.tab-content .tab .price {
	margin-left:0.5em;
	color:#f00;
	font-size:1.19em;
	font-weight:bold;
}
.tab-content .tab dl {
	overflow:hidden;
	margin-top:7px;
	_zoom:1;
}
#FindArea .default dl,
#FindArea .tab dl.simple {
	display:inline-block;	*display:inline;
	width:50%;
	text-align:left;
	vertical-align:top;
	*zoom:1;
}
.tab-content .tab dt {
	float:left;
}
.tab-content .tab dd {
	overflow:hidden;
	padding-left:20px;
	background:url("../common/img/icon/icon_-.gif") no-repeat 6px 8px;
	_zoom:1;
}
.tab-content .tab dd li {
	float:left;
	margin-top:1px;
	margin-right:0.5em;
	padding-right:0.5em;
	border-right:1px solid #4d4d4d;
	*white-space:nowrap;
}
.tab-content .tab dd li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
.tab-content .tab h3 a,
.tab-content .tab dd a {
	color:#4d4d4d;
}
#FindArea .tab dl a {
	*padding-bottom:1px;
	_padding-bottom:3px;
	*zoom:1;
}



/* --------------------------------
■07.お知らせ(#Information)
--------------------------------
サイトのお知らせ情報をまとめたブロックです。
-------------------------------- */
#Information .title {
	padding:1px;
	background:#cdcdcd url("../common/img/contents/bg_headline_border-grad.gif") repeat-x left top;
	background: -moz-linear-gradient(top,#eaeaea,#cdcdcd);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea),to(#cdcdcd));	/* Safari,Google Chrome用 */
	font-size:1.17em;
}
#Information .title span {
	display:block;
	padding:5px 10px;
	border:1px solid #f9f9f9;
	background:#f2f2f2;
}
#Information dd {
	padding:10px 15px 0;
}
#Information .body li {
	margin-bottom:10px;
}
#Information .more {
	padding-top:0;
	text-align:right;
}
#Information .more a {
	padding-left:16px;
	background:url("../common/img/icon/arrow_right_01.gif") no-repeat left center;
	color:#4d4d4d;
}



/* --------------------------------
■08.その他(#enaETC)
--------------------------------
相場チャートのミニバナーなどをまとめたブロックです。
-------------------------------- */
#enaETC ul {
	overflow:hidden;
	margin-right:-10px;
	_zoom:1;
}
#enaETC li {
	float:left;
	margin-right:10px;
}



/* --------------------------------
■09.特集ページ(#Specials)
--------------------------------
ページ最下部の特集ブロックです。
-------------------------------- */
#Specials {
	margin:0 0 30px;
}
#Specials .title {
	border:1px solid #dcdcdc;
	box-shadow:1px 1px 0 rgba(242,242,242,1);
	background:#fff url("../img/contents/bg_contents_h2.gif") repeat-x left bottom;
	background: -moz-linear-gradient(bottom,#f4f4f4,#fff 50%);	/* Firefox用 */
	background: -webkit-gradient(linear, left bottom, left top, from(#f4f4f4),color-stop(0.5, #fff));	/* Safari,Google Chrome用 */
	color:#17557a;
	font-size:1.33em;
}
#Specials .title span {
	display:block;
	padding:5px 10px;
	border:1px solid #fff;
}
#Specials .title span span {
	padding:2px 10px;
	border:none;
	border-left:3px solid #467bbb;
}
#Specials .banners li {
	display:inline-block;	*display:inline;
	width:25%;
	margin:10px 0 0;
	text-align:center;
	vertical-align:top;
	font-size:0.92em;
	*zoom:1;
}
#Specials .banners img {
	display:block;
	margin:0 auto 3px;
}
#Specials .banners a {
	*padding-bottom:1px;
	_padding-bottom:2px;
	color:#4d4d4d;
	*zoom:1;
}
#Specials .texts {
	overflow:hidden;
	margin:25px 0 0;
	text-align:center;
	font-weight:bold;
	_zoom:1;
}
#Specials .texts li {
	width:49%;
}
#Specials .texts li.odd {
	float:left;
}
#Specials .texts li.even {
	float:right;
}
#Specials .texts li a {
	display:block;
	padding:7px 10px;
	border:1px solid #ccc;
}

/* --------------------------------
■□09-01.その他特集(#SpecialsETC)
--------------------------------
旅行ガイド(#TravelGuide)やその他(#OtherCAT)をまとめたブロックです。
-------------------------------- */
#SpecialsETC {
	padding:20px 10px 0;
	border:1px solid #d9d9d9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#SpecialsETC .title {
	margin:0 0 10px;
	padding:3px 10px;
	border-left:3px solid #467bbb;
	color:#17557a;
	font-size:1.17em;
	font-weight:bold;
}
#SpecialsETC a,
#SpecialsETC #TravelGuide .title .more {
	color:#4d4d4d;
	text-decoration:underline;
}
#SpecialsETC .title a {
	color:#17557a;
	text-decoration:none;
}
#SpecialsETC a:hover,
#SpecialsETC #TravelGuide .title a:hover .more {
	text-decoration:none;
}
#SpecialsETC .body ul {
	overflow:hidden;
	_zoom:1;
}
#SpecialsETC .body li {
	float:left;
	margin-top:10px;
	margin-right:1.25em;
	white-space:nowrap;
	list-style: none outside none;
}
#SpecialsETC .body li a {
	padding-left:10px;
	background:url("../common/img/icon/arrow_right_02.gif") no-repeat left center;
}
#SpecialsETC .body li.more a {
	padding-left:0;
	background:none;
}
#SpecialsETC .cat {
	margin:25px 0 20px;
}
/* TravelGuide */
#TravelGuide {
	*position:relative;
}
#TravelGuide .title .more {
	float:right;
	*float:none;
	*position:absolute;
	*right:10px;
	*top:5px;
	padding-top:3px\9;
	padding-left:16px;
	background:url("../common/img/icon/arrow_right_01.gif") no-repeat left center;
	font-size:0.86em;
	font-weight:normal;
	*cursor:pointer;
}
#TravelGuide .body dl {
	overflow:hidden;
	margin:0 5px;
	padding:0 5px 10px;
	border-bottom:1px dotted #b2b2b2;
	_zoom:1;
}
#TravelGuide .body dl.last {
	padding-bottom:0;
	border-bottom:none;
}
#TravelGuide .body dt {
	float:left;
	width:6em;
	padding-top:10px;
	font-size:1.17em;
}
#TravelGuide .body dd {
	overflow:hidden;
	_zoom:1;
}
/* OtherCAT */
#OtherCAT .body ul {
	padding:0 10px;
}
#OtherCAT .display-nav {
	margin:20px -11px 0;
	padding:1px;
	background:#cdcdcd url("../common/img/contents/bg_headline_border-grad.gif") repeat-x left top;
	background: -moz-linear-gradient(top,#eaeaea,#cdcdcd);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea),to(#cdcdcd));	/* Safari,Google Chrome用 */
}
#OtherCAT .display-nav a {
	display:block;
	padding:5px 27px;
	border:1px solid #f9f9f9;
	background:#f2f2f2 url("../common/img/icon/arrow_bottom_01.gif") no-repeat 8px 50%;
}