@charset "UTF-8";


/*
	--------------------------
	air.css
	modefied: 2013.08.05
	--------------------------
*/



/* -----------------------------
	共通
------------------------------ */



/* -----------------------------
	個別ページ
------------------------------ */

#mainContent h2 {
	position: relative;
	width: 650px;
	margin: 0 0 20px 0;
	padding: 18px 0 14px 0;
	background: #fff url(../../common/img/h_line_01.png) no-repeat;
}

#mainContent h2 span {
	display: block;
	padding: 0 0 0 57px;
	background: url(../../common/img/h_ico_tour_01.png) no-repeat 13px 2px;
	color: #001352;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
}

#mainContent .section {
	width: 610px;
	margin: 20px 0 0 0;
	padding: 0 20px 20px 20px;
	background: #fff;
}

#mainContent .section h3 {
	position: relative;
	width: 662px;
	margin: 0 -26px 15px -26px;
}

#mainContent .section .icoOption {
	vertical-align: middle;
	line-height: 1;
}

#mainContent .section ul.attention {
	padding: 6px 0 0 0;
	font-size: 75%;
	line-height: 1.333;
}

#mainContent .section ul.attention li {
	padding: 2px 0 0 1em;
	text-indent: -1em;
}



/*	lead
------------------------------ */

#mainContent #lead {
	padding: 17px 20px;
}

#mainContent #lead .text {
	float: left;
	width: 475px;
	font-size: 87.5%;
	line-height: 1.5;
}

#mainContent #lead .logo {
	float: right;
	width: 120px;
	padding: 3px 0 3px 0;
}



/*	アンカーナビ
------------------------------ */

#mainContent .anav ul li {
	float: left;
	width: 130px;
	height: 40px;
	background: #fff;
	text-indent: -9999px;
	white-space: nowrap;
}

#mainContent .anav ul li.anav_schedule { width: 170px; }
#mainContent .anav ul li.anav_conditions { width: 172px; }
#mainContent .anav ul li.anav_price { width: 147px; }
#mainContent .anav ul li.anav_apply { width: 161px; }

#mainContent .anav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/air/anav.png) no-repeat;
}

#mainContent .anav ul li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.70;
}

#mainContent .anav ul li.anav_schedule a { background-position: 0px 0px; }
#mainContent .anav ul li.anav_conditions a { background-position: -170px 0px; }
#mainContent .anav ul li.anav_price a { background-position: -342px 0px; }
#mainContent .anav ul li.anav_apply a { background-position: -489px 0px; }



/*	スケジュール
------------------------------ */

#schedule .term {
	float: left;
	padding: 0 0 8px 0;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#schedule .lag {
	float: right;
	padding: 2px 0 8px 0;
	font-size: 75%;
	line-height: 1.5;
}

#schedule .texts + table.infoTable_01 tr.head th {
	border-top-width: 2px;
}

#schedule table.infoTable_01 tr.head th {
	padding: 4px 3px;
	font-size: 75%;
	line-height: 1.5;
}

#schedule table.infoTable_01 td {
	padding: 8px 3px;
	font-size: 81.3%;
	line-height: 1.5;
	text-align: center;
}




/*	航空券利用条件
------------------------------ */

#conditions th {
	width: 120px;
	padding: 12px 15px;
	background: #f8f8f7 url(../../common/img/ds_v_01.png) repeat-y right top;
	font-size: 87.5%;
	text-align: center;
	vertical-align: top;
}

#conditions td {
	padding: 12px 15px;
	font-size: 87.5%;
}

#conditions .direct {
	color: #d80000;
}

#conditions .bold {
	font-weight: bold;
}

#conditions th .direct,
#conditions th .bold {
	font-size: 75%;
	line-height: 1.333;
}

#conditions td.list {
	padding: 0;
}

#conditions td.list dl {
	padding: 0 0 0 12px;
	background: url(../../common/img/ds_h_01.png) repeat-x 1px 0px;
}

#conditions td.list dl:first-child {
	background: none;
}

#conditions td.list dl dt {
	float: left;
	width: 8em;
	padding: 12px 0 12px 0;
}

#conditions td.list dl dd {
	margin: 0 0 0 8em;
	padding: 12px 0 12px 12px;
	background: url(../../common/img/ds_v_01.png) repeat-y left top;
}

#conditions td.list dl dd p {
	padding: 0 0 1em 0;
}

#conditions td ul.list li {
	list-style: disc;
	margin: 0 0 0 1.2em;
}



/*	料金
------------------------------ */

#price {
}

#price .texts {
	font-size: 87.5%;
	line-height: 1.5;
}

#price .texts .term {
	float: left;
	font-weight: bold;
}

#price .texts .otherClass {
	float: right;
	padding: 0 0 0 20px;
}

#price table.classList {
	margin: 10px 0 0 0;
}

#price table.classList {
	margin: 10px 0 0 0;
}

#price table.classList th.th_01 {
	font-weight: bold;
	text-align: center;
}

#price table.classList td.price {
	color: #d83300;
	font-weight: bold;
	text-align: right;
}

#price table.classList td ul.note li {
	padding: 3px 0 0 1em;
	text-indent: -1em;
	font-size: 85.7%;
	line-height: 1.5;
}



/*	お申込みはこちら
------------------------------ */

/* お申し込みにあたってのご案内 --- */

#apply .notification {
	margin: 20px 0 0 0;
	padding: 14px 20px 18px;
	background: #e7e7e7;
	border-radius: 3px;
}

#apply .notification h4 {
	border-bottom: 1px solid #fff;
	font-size: 100%;
	font-weight: bold;
}

#apply .notification h4 span {
	display: block;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d2d2d2;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#apply .notification p.txt {
	padding: 1em 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#apply .notification p.txt a {
	text-decoration: underline;
}

#apply .notification p.txt strong.caution {
	color: #ff2626;
}




/* -----------------------------
	一覧ページ
------------------------------ */

/*	タイトル
------------------------------ */

#title {
	margin: 0 0 20px 0;
}

#title h2 {
	position: relative;
	width: 950px;
	padding: 16px 0 10px 0;
	background: #fff url(../../common/img/h_line_01.png) no-repeat;
}

#title h2 span {
	display: block;
	padding: 0 0 0 57px;
	background: url(../../common/img/h_ico_tour_01.png) no-repeat 13px 2px;
	color: #001352;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
}


/*	絞り込み
------------------------------ */

#filter {
	position: relative;
	width: 950px;
	padding: 20px 0 20px 0;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(192,192,192,0.4) inset;
}

#filter .condition {
	float: left;
	padding: 0 0 0 20px;
}

#filter dl {
	float: left;
	margin: 0 10px 0 0;
	background: #ececec;
}

#filter dl dt {
	float: left;
	padding: 5px 7px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

#filter dl dd {
	float: left;
}

#filter dl dd select {
	padding: 1px 0 1px 4px;
	border: 1px solid #ccc;
	box-shadow: 1px 0 0 0 rgba(0,0,0,0.2) inset,
		 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}

#filter p.btn {
	float: left;
}

#filter p input[type=image]:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}


/* 該当件数 */
#title .resultCount {
	float: left;
	margin: 0 0 -20px 0;
	padding: 13px 0 8px 0;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: bottom;
}

#title .resultCount span {
	color: #d23f10;
	font-size: 133%;
	font-weight: bold;
}

/* 注釈 */
#title .note {
	float: right;
	margin: 0 0 -20px 0;
	padding: 13px 0 13px 0;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: bottom;
}



/*	一覧
------------------------------ */

#flightList {
}

#flightList .flight {
	position: relative;
	width: 620px;
	margin: 0 0 20px 0;
	padding: 13px 15px 15px 15px;
	background: #fff;
}

#flightList .flight .images {
	float: left;
	width: 100px;
	padding: 2px 0 0 0;
}

#flightList .flight .texts {
	float: right;
	width: 500px;
}

#flightList .flight h3 {
	margin: 0 0 12px 0;
	padding: 0 0 6px 0;
	background: url(../../common/img/list_h_line_02.png) no-repeat left bottom;
	color: #001352;
	font-size: 113%;
	line-height: 1.389;
}

#flightList .flight h3 span {
	display: block;
	padding: 0 0 0 28px;
	background: url(../../common/img/h_ico_tour_02.png) no-repeat 0em 0.1em;
}

#flightList .flight .data_01 {
	float: left;
	width: 270px;
	padding: 0 18px 0 0;
}

#flightList .flight .data_02 {
	float: left;
	width: 210px;
}

#flightList .flight table {
	margin: 0 0 0 0;
}

#flightList .flight table th,
#flightList .flight table td {
	padding: 4px 3px 3px 0;
}

#flightList .flight table.formTable_01 {
	border-top-style: dotted;
}

#flightList .flight table.formTable_01 th,
#flightList .flight table.formTable_01 td {
	width: auto;
	background: #fff;
	border-bottom-style: dotted;
}

#flightList .flight table.infoTable_01 {
	border-bottom: 0px;
}

#flightList .flight table.infoTable_01 th {
	padding: 0;
	background: #fff;
	border-top: 0px;
	font-size: 75%;
	line-height: 1.25;
}

#flightList .flight table.infoTable_01 td {
	padding: 3px 4px;
	border-top: 0px;
	text-align: center;
}

#flightList .flight table.infoTable_01 td .price {
	color: #d23300;
	font-size: 125%;
	font-weight: bold;
}

#flightList .flight table.infoTable_01 td p.btn {
	padding: 5px 0 0 0;
}

#flightList .flight table.infoTable_01 td p.btn a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.80;
}

#flightList .flight table.infoTable_01 td button.btnDetail {
}




/* -----------------------------
	index
------------------------------ */

#airIndex {
}

#mainContent #airlines {
	margin: 0;
	padding: 0 20px 0;
}

#airlines .airline {
	padding: 0 0 25px 0;
}

#airlines .airline .cover {
	position: relative;
	width: 610px;
	margin: 0;
	padding: 25px 0 0 0;
	border-top: 4px solid #f0ede5;
}

#airlines .airline:first-child .cover {
	padding: 20px 0 0 0;
	border-top: 0px;
}

#airlines .airline .cover img {
	position: relative;
	width: 616px;
	margin: 0 0 0 -6px;
}

#airlines .airline .lead {
	padding: 0 0 5px 0;
}

#airlines .airline .texts {
	float: left;
	width: 350px;
}

#airlines .airline .texts .text {
	font-size: 87.5%;
	line-height: 1.357;
}

#airlines .airline .texts .img {
	padding: 10px 0 0 0;
}

#airlines .airline .profile {
	float: right;
	width: 210px;
	padding: 12px 13px;
	background: #ededed;
	font-size: 75%;
	line-height: 1.333;
}

#airlines .airline .profile table {
	margin: 8px 0 0 0;
}

#airlines .airline .profile table th {
	padding: 0 5px 0 2px;
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

#airlines .airline .profile table td {
	padding: 0 0 0 5px;
}

#airlines .airline .btnList {
	padding: 20px 0 0 0;
	text-align: center;
}

#airlines .airline h3.cover + .btnList {
	padding: 25px 0 10px 0;
	text-align: center;
}

#airlines .airline .btnList a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.80;
}