﻿@charset "utf-8";
/*-----------------------------------------------
	#middle
-------------------------------------------------*/
#main_wrap #middle {
	clear:both;
	margin:11px 0 0 0;
	padding-bottom:25px;
	/*font-size:100%;*/
	line-height:1.4;
}
/*-----------------------------------------------
	#main_col
-------------------------------------------------*/
#main_wrap #middle #main_col {
	float:left;
	width:770px;
}
/*-----------------------------------------------
	#right_col
-------------------------------------------------*/
#main_wrap #right_col {
	float:right;
	width:190px;
}
/*-----------------------------------------------
	section
-------------------------------------------------*/
#main_wrap .section {
	padding:10px;
}

/*-----------------------------------------------
	ログイン(BtoB)
-------------------------------------------------*/
/* login_box */
.login-section { padding-top:20px;}
#middle .login_box {
	width:370px;
	margin:0 auto;
    background: #FFF;
	border: 1px solid #CCC;/*e5e5e5*/
	border-radius:5px;
	padding:19px 14px;
}
#middle .login_box .login_box-ti {
	font-size:154%;
	font-weight:bold;
	border-left: 4px solid #F37836;
	padding-left:10px;
	margin-bottom:15px;
}
.int #middle .login_box .login_box-ti {
	border-left: 4px solid #357EB8;
}

.login-txt {
	margin:0 10px 20px;
	line-height:1.5;
}
.login-inner {
	margin-bottom:10px;
}
.login-user dt,
.login-pw dt {
	font-weight:bold;
	color:#666;
	/*background-color:#F7F7F7;
	border-bottom: 1px solid #D6D6D6;*/
	padding:0px 15px;
	margin-bottom:4px;
}
.login-user dd,
.login-pw dd { margin-bottom:25px;}
.login-id-date,
.login-pw-date {width:330px; font-size:15px; margin:3px 15px; height:30px;}
.login-note {
	margin-top:30px;
	padding:14px 14px 9px;
	background-color:#EEE;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.login-note p {line-height:1.5;}
.login-note p.txt-b-red {font-size:108%;}
/*-----------------------------------------------
	トップ(BtoB)
-------------------------------------------------*/
/* search_box */
#middle .top-section .search-inner01 {margin-bottom:0; padding-bottom:0; margin:0 5px;}
#middle .top-section .search_box {
	border: 1px solid #CCC;
	padding:19px 14px 7px;
	margin-bottom:30px;
}
#middle .top-section .search_box .search_box-ti {font-size:154%;/*20px*/}
.error-box {
	padding:10px 20px;
	margin-bottom:20px;
	line-height:1.5;
	border: 2px solid #BFA1A1;
	background-color: #FFF4F4;
	color:#C00;
	font-weight:bold;
}
.error-box p{
	font-weight:normal;
	margin-top:7px;
	padding-left: 1em;
    text-indent: -1em;
}
/**/
.top-section .search-fl-type p {
	display:block;
	margin-bottom:15px;
}
.top-section .search-fl-type {
	width:110px;
	margin-top:4px;
	margin-right:10px;
	float:left;
}
.top-section .search-fl-type label {margin-right:40px;}
.top-section .search-inner02-wrap {
	float:right;
	width:820px;
}
.top-section .search-inner02-wrap div:first-child,
.top-section .search-inner-pk div:first-child {
	border-top:none;
}
.top-section .search-number {
	float:left;
	margin-right:15px;
	margin-bottom:0px;
}
.top-section .search-number dt {display:block; margin-bottom:7px; text-align:left;}
.top-section .search-number dd {display:block; padding:0;}
.top-section #search-top-fl .search-btn-box {
	text-align:right;
	position:absolute;
	right:24px;
	bottom:8px;
}
/*ダイナミックパッケージ*/
#middle .top-section .search-inner02 {padding-top:12px;}
#middle .top-section #search-top-pk.search_box {
	padding-bottom:19px;
}
.top-section #search-top-pk .search-btn-box {
	/*text-align:right;
	margin-right:10px;*/
	margin-top:0px;
	padding-top:0px;
	text-align:right;
	position:absolute;
	right:24px;
	bottom:8px;
}
/*search-inner-pk*/
.search-pk-out dt,
.search-pk-in dt,
.search-pk-hotel dt,
.search-pk-num dt {
	float:left;
	display:block;
	width:120px;
	padding-left:5px;
	margin-right:10px;
	font-size:124%;
}
/**/
#search-top-pk .search-dep.search-dep-date {width:165px; margin-right:5px;}
#search-top-pk .search-dep,
#search-top-pk .search-arr {
	float:left;
	width:305px;
	display:block;
}
#search-top-pk .search-hotel {
	float:left;
	width:360px;
	display:block;
	margin-right:15px;
}
#search-top-pk .search-hotel-day {
	float:left;
	width:120px;
	display:block;
	padding-left:10px;
}
/*#search-top-pk .s-wide { width:295px;}
#search-top-pk .s-wide2 { width:350px;}*/
.search-pk-in {}
.search-pk-hotel {}
.search-pk-num {}
.search-pk-num dd dl dt { font-size:100%;}

.search-room {margin-bottom:15px;}
.search-room dt {
	background-color:#F7F7F7;
	/*border-right: 1px solid #D6D6D6;*/
	/*border-bottom: 1px solid #D6D6D6;*/
	padding:7px 10px;
	width:100px;
	/*font-weight:bold;*/
	margin-bottom:7px;
}
.search-room dd { padding:0; padding-right:20px;}
.search-room01 { float:left;}
.search-room02 { float:left;}
/*search-number-table*/
.search-number-table { border-collapse: separate; border-spacing:10px 0px;}
.search-number-table th {
	background-color:#F7F7F7;
	/*border-right: 1px solid #D6D6D6;*/
	/*border-bottom: 1px solid #D6D6D6;*/
	padding:7px 10px;
	width:100px;
	/*font-weight:bold;*/
	text-align:left;
}
.search-number-table td { padding:7px 0;}
.search-number-table td.room-list { width:70px; padding-right:15px; text-align:right;}

.search-top-label {
  display: inline-block;
	background-color:#F7F7F7;
	padding:4px 6px;
	width:66px;
	margin-right:4px;
}
.search-top-label2 {
  display: inline-block;
	background-color:#F7F7F7;
	padding:4px 6px;
	width:92px;
	margin-right:4px;
}

.search-top-roomadt-label {
  display: inline-block;
	background-color:#F7F7F7;
	padding:4px 6px;
	width:92px;
	margin-left:128px;
	margin-right:4px;
}

.search-top-roomchd-label {
  display: inline-block;
	background-color:#F7F7F7;
	padding:4px 6px;
	width:60px;
	margin-right:4px;
}

.search-top-roomage-label {
  display: inline-block;
	background-color:#F7F7F7;
	padding:4px 6px;
	width:60px;
	margin-left:236px;
	margin-right:4px;
}

.search-top-title {
  display: inline-block;
	width:120px;
	padding-left:5px;


/*	float:left;
	display:block;
	width:120px;
	margin-right:10px;*/
	font-size:124%;
}
.rooms p {margin-top:6px;}

.retailairport.s-wide { border: solid 1px #CCCCCC; width:195px; }
/*-----------------------------------------------*/




/*-----------------------------------------------
	フライト選択
-------------------------------------------------*/
.h2-title {
	clear:both;
	width:980px;
	height:53px;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
	margin-bottom:10px;
}
.title_select {
	background: url(../images3/ti_fl_select.png) left top no-repeat;
	margin-bottom:20px;
}
.int .title_select {
	background: url(../images3i/ti_fl_select.png) left top no-repeat;
}

.fl-select-subti {
	font-size:131%;
	font-weight: bold;
	padding-top:10px;
	margin-bottom:7px;
}
.fl-select-wrap {
	margin-bottom:50px;
}
.fl-select-txt01 {
	font-size:108%;
	margin-left:20px;
	margin-bottom:10px;
}
/*tab*/
.fl-select-tab {
	position: relative;
	margin-bottom:15px;
	font-size: 0;
}
.fl-select-tab:after {
	position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #888;
    z-index: 1;
}
.fl-select-tab:before {
    z-index: 1;
}
.fl-select-tab li{
	text-align:center;
    background: #EEE;
    display: inline-block;
	font-size: 13px;/**/
	position: relative;
    z-index: 0;
	background:      -o-linear-gradient(top, #F6F6F6 60%, #E0E0E0 100%);
    background:     -ms-linear-gradient(top, #F6F6F6 60%, #E0E0E0 100%);
    background:    -moz-linear-gradient(top, #F6F6F6 60%, #E0E0E0 100%);
    background: -webkit-linear-gradient(top, #F6F6F6 60%, #E0E0E0 100%);
    background: linear-gradient(top, #F6F6F6 60%, #E0E0E0 100%);
	overflow:hidden;
}
.fl-select-tab li span {display:block; line-height:1.0;}
.fl-select-tab li.tab-prev,
.fl-select-tab li.tab-next {
	width:188px;
	color:#999;
	border: 1px solid #BBB;
	padding:10px 5px 8px;
}
.fl-select-tab li.tab-prev {
	border-right:none;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
}
.fl-select-tab li.tab-next {
	border-left:none;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.fl-select-tab li.selected {
	width:238px;
	background: #FFF;
	z-index: 2;
	border: 1px solid #888;
	border-right-color: #333;
    border-bottom-color: #FFF;
	padding:15px 5px 8px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
}

span.price {margin-top:4px;}
li.selected span.price {
	color:#C00;
	font-size:124%;
	font-weight:bold;
}
.fl-select-tab li.prev-link,
.fl-select-tab li.next-link {
	text-align:center;
	width:31px;
	border: none;
	background:none;
	background-color:#FFF;
	padding:15px 13px 0px;
	vertical-align:top;
}
.fl-select-tab li.prev-link a,
.fl-select-tab li.next-link a {
	display:block;
	width:31px;
	height:31px;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
	background-position:left top;
	background-repeat: no-repeat;
}
.fl-select-tab li.prev-link a { background-image: url(../images3/icon_prev-link.png);}
.fl-select-tab li.next-link a { background-image: url(../images3/icon_next-link.png);}

.int .fl-select-tab li.prev-link a { background-image: url(../images3i/icon_prev-link.png);}
.int .fl-select-tab li.next-link a { background-image: url(../images3i/icon_next-link.png);}


.fl-select-tab a {text-decoration:none; color:#333;}
/*fl-select-tb*/
.fl-select-tb {margin-bottom:15px;}
.fl-table .fl-select-tb td,
.fl-table .fl-select-tb th { padding:6px 10px;}
.fl-select-tb th { vertical-align:middle; font-weight:bold;}
.fl-select-tb td {}
.col-dep { width:20%;}
.col-arr { width:20%;}
.col-flight { width:30%;}
.col-price { width:30%;}
.col-flightall { width:100%;}
.col-dep span,
.col-arr span,
.col-flight span,
.col-flightall span
{ display:block;}
td span.fl-time {
	font-size:116%;
	font-weight:bold;
}
th.col-price {font-size:116%;}
.col-price label {display:block;}
.fl-table .fl-select-tb td.col-price {
	padding-left:20px;
	padding-right:20px;
	color:#C00;
	font-weight:bold;
}
.col-price em {
	font-size:124%;
	font-weight:bold;
	margin-right:3px;
}
.col-price input{ margin-right:15px;}
/**/
.fl-select-txt-wrap { padding:0 10px; margin-bottom:5px;}
.fl-select-txt02 { margin-bottom:4px;}
.fl-select-txt03 { font-size:93%; text-align:right;}
/**/
.fl-select-notice-box {
	border: 2px solid #BFA1A1;
	background-color: #FFF4F4;
	margin-bottom:30px;
}
.fl-select-notice-ti {
	font-size:124%;
	font-weight:bold;
	border-bottom: 2px solid #BFA1A1;
	background-color: #BFA1A1;
	text-indent:15px;
	padding: 5px 0 3px;
}
.fl-selct-notice {
	padding:15px 15px 5px;
}
.fl-selct-notice p{
	margin-bottom:10px;
}
/* search_box */
#middle .search_box {
	position:relative;
    background: #FFF;
	border: 1px solid #e5e5e5;
	border-radius:5px;
	padding:14px;
}
#middle .search_box .search_box-ti {
	font-size:124%;
	font-weight:bold;
	border-left: 4px solid #F37836;
	padding-left:10px;
	margin-bottom:15px;
}
.int #middle .search_box .search_box-ti {
	border-left: 4px solid #357EB8;
}

#middle .search_box .search_box-ti.ti-fl {
  background: url(../images3/ti_icon_fl.png) left top no-repeat;
	border-left:none;
	padding-left:75px;
	margin-bottom:15px;
	line-height:35px;
}
.int #middle .search_box .search_box-ti.ti-fl {
  background: url(../images3i/ti_icon_fl.png) left top no-repeat;
}

#middle .search_box .search_box-ti.ti-pk {
  background: url(../images3/ti_icon_pk.png) left top no-repeat;
	border-left:none;
	padding-left:75px;
	margin-bottom:15px;
	line-height:35px;
}
.int #middle .search_box .search_box-ti.ti-pk {
  background: url(../images3i/ti_icon_pk.png) left top no-repeat;
}
.search-fl-type {
	font-size:124%;
	margin-bottom:10px;
	margin-left:5px;
}
.search-fl-type label {margin-right:40px;}
.search-inner02,
.search-inner03 {
	border-top:1px dotted #E6E6E6;
	padding-top:8px;
	margin-bottom:12px;
}
.search-dep,
.search-arr {
	float:left;
	width:360px;
	display:block;
}
.search-dep {margin-right:15px;}
.search-dep dt,
.search-arr dt{
	font-weight:bold;
	background-color:#F7F7F7;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	padding:10px;
	margin-bottom:2px;
}
.search-dep dd,
.search-arr dd { padding: 7px 0 0;}
#middle .search_box input[type="text"] {
	padding:2px;
	min-width:100px;
}
#middle .search_box dd p {/*padding:5px 0;*/}
#middle .search_box select {
	font-size:13px;
	border:#ccc solid 1px;
	margin:0 10px 0 1px;
}
.search-dep-date dt,
.search-arr-date dt{ display:table-cell; vertical-align:middle; width:120px;}
.search-dep-date dd,
.search-arr-date dd{ display:table-cell; padding:10px;}
.search-number {margin-bottom:15px;}
.search-number dt,
.search-number dd {display:table-cell;}
.search-number dt {
	background-color:#F7F7F7;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	padding:10px;
	width:100px;
	font-weight:bold;
}
.search-number dd { padding:0 10px; padding-right:20px;}
.s-wide, .LongDrop {
  width:350px;
  width:200px;
  margin-left:2px;
  margin-right:6px;
}

.LongerDrop
 {
  width:300px;
  margin-left:2px;
  margin-right:6px;
}
.i-date { width:100px; font-size:13px;}
.s-short, .ShortDrop {width:80px;}
.cal-icon {
	vertical-align:middle;
	display: inline-block;
	_display: inline;
}
.search-btn-box {
	text-align:center;
}
.search-btn-box a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
/**/
.right-select-result {
	border: 1px solid #BBB;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#f7f7f7;
	padding:10px 10px 5px;
}
.r-ti {
	font-size:108%;
	font-weight:bold;
	margin-bottom:7px;
}
.r-col-amount-ti { display:table-cell; width:64px; padding-left:16px; padding-bottom:10px}
.r-col-amount {
	width:90px;
	display:table-cell;
	color:#C00;
	font-weight:bold;
	text-align:right;
	padding-bottom:10px;	
}
.r-col-amount span { font-size:124%; font-weight:bold; margin-right:2px;}
.r-col-dep,
.r-col-arr {
	border-top: 1px solid #BBB;
	padding-top:15px;
	margin-bottom:10px;
}
.r-col-subti {
	font-size:116%;
	margin-bottom:5px;
}
.r-col-subti02 {
	font-size:108%;
	margin-bottom:3px;
}
.r-col-price-list {
	margin-bottom:15px;
}
.r-col-price-list dt {
	clear:both;
	float:left;
	width:50px;
	margin-bottom:3px;
}
.r-col-price-list dd {
	margin-left:60px;
	text-align:right;
	margin-bottom:3px;
}
.r-col-fl-info {
	margin-bottom:15px;
}
.r-col-subtotal {
	text-align:right;
	font-weight:bold;
}
/*未選択*/
.r-col-fl-none {
	font-size:100%;
	font-weight:bold;
}
/*-----------------------------------------------
	確認画面
-------------------------------------------------*/
.title_conf {
	background: url(../images3/ti_fl_conf.png) left top no-repeat;
}
.int .title_conf {
	background: url(../images3i/ti_fl_conf.png) left top no-repeat;
}
.subti {
	font-size:108%;
	font-weight:bold;
	border-left: 4px solid #F37836;
	padding:5px 0 3px 10px;
	margin-bottom:15px;
}
.int .subti {
	border-left: 4px solid #357EB8;
}
/**/
.fl-table,
.fl-box {
	margin:0 0 50px 0;
	line-height:1.5;
}
.fl-table table {
	width:100%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.fl-table td,
.fl-table th {
	padding:6px;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
  border-collapse:separate;
}

.fl-table tr:not(:first-of-type) td,
.fl-table tr:not(:first-of-type) th {
	border-top:none;
}
.fl-table th {
	background:#EEE;
	text-align:center;
	font-weight: bold;
}
/*fl-info*/
.fl-info {margin-bottom:15px;}
.fl-info td {text-align:center;}
.fl-info .fl-date { width:18%;}
.fl-info .fl-name { width:14%;}
.fl-info .dep-airport { width:20%;}
.fl-info .dep-time { width:14%;}
.fl-info .arr-airport { width:20%;}
.fl-info .arr-time { width:14%;}

.int .fl-info .fl-date { width:14%;}
.int .fl-info .fl-name { width:10%;}
.int .fl-info .fl-cls  { width:12%;}
.int .fl-info .dep-time { width:12%;}
.int .fl-info .arr-time { width:12%;}

/**/
.fl-box {
	border: 1px solid #CCC;
	padding:15px 20px;
}
.fl-box span {font-weight:bold; color:#C00;}
/*conf-note*/
.conf-note {
	font-size:93%;
	margin-left:10px;
	margin-right:10px;
}
/*fl-price*/
.fl-price {}
.fl-price td {}
.fl-price .content { width:52%;}
.fl-price .unit-price { width:18%;}
.fl-price .quantity { width:12%;}
.fl-price .price { width:18%;}
.fl-price td.unit-price,
.fl-price td.quantity,
.fl-price .price { text-align:right;}
.fl-price .amount-ti { text-align:right; font-weight:bold;}
.fl-price .amount { text-align: right; font-size:108%; font-weight:bold; color:#C00;}
/*fl-cancel*/
.fl-cancel {}
.fl-cancel th { width:20%;}
.fl-cancel td { font-weight:bold;}
.fl-cancel .cancel-note {}
.fl-cancel .cancel-note span {font-weight:bold; color:#C00;}
/*login-info-box*/
.login-info-box,
.login-info-box2 {
	line-height:1.5;
	background-color:#FFFFD4;
	border: 2px solid #BBB;
	padding:20px;
	margin-bottom:30px;
}
.login-info-box span {color:#C00; font-weight:bold;}
.txt-la {font-size:124%;}
.login-box-wrap { margin-bottom:30px;}
.login-box {
	float:left;
	border: 2px solid #5D5D5D;
	width:436px;
	padding:20px 15px;
}
.box-l { margin-right:20px;}
.box-r {}
.login-btn {
	width:400px;
	margin:0 auto 20px;
	text-align:center;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
}
.login-btn a {
	display:block;
	width:400px;
	height:54px;
}
.login-btn a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.btn-01 a {background: url(../images3/btn_login01.png) left top no-repeat;}
.btn-02 a {background: url(../images3/btn_login02.png) left top no-repeat;}
.login-note {}
.login-note span {color:#C00;}
.login-info-notice-ti {
	font-size:116%;
	margin-bottom:5px;
}
.login-info-box2 strong {font-weight:bold;}


/*-----------------------------------------------
	NOTE　注意事項
-------------------------------------------------*/
.cont_title {
	clear:both;
	font-size:124%;/*16px*/
	color:#FFF;
	font-weight:bold;
	background: url(../images3/h2_title_bg.png) left top no-repeat;
	height:50px;
	line-height:50px;
	padding:2px 10px 0 30px;
	margin-bottom:10px;
}

.int .cont_title {
	background: url(../images3i/h2_title_bg.png) left top no-repeat;
}

.note-subti {
	margin-bottom:5px;
	font-size:108%;
	font-weight:bold;
}
.note-txt {
	margin-bottom:30px;
	margin-left:15px;
}
.note-txt-la {font-size:124%; font-weight:bold; color:#C00; margin-bottom:0px; margin-bottom:15px;}

.note-txt-la a { font-weight:bold; }


ul.note-txt li {
	padding-left: 1em;
    text-indent: -1em;
	line-height:1.5;
}
.note-att-box {
	border: 2px solid #BFA1A1;
	background-color: #FFF4F4;
	padding:18px;
	margin-bottom:30px;	
}
.btn-box {
	text-align:right;
	margin-bottom:30px;
	line-height:30px;
}
.btn-box img {vertical-align:middle;}
.btn-box img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.btn-box p {
	display:inline-block;
}
.btn-stop {
	font-size:108%;
	margin-right:15px;
}

.fl-select-none {
	display:block;
	border: 1px solid #CCC;
}
.fl-select-none p {
	border: 1px solid #FFF;
	background-color:#F5F5F5;
	padding:50px 10px;
	text-align:center;
	font-size:108%;
	font-weight:bold;
	line-height:1.75;
}
a.link-off {pointer-events: none;}
a.link-off img,
img.link-off {filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/************/
.fl-itn-warn-box
 {
	line-height:1.5;
	background-color:#FFFFD4;
	border: 2px solid #BBB;
	padding:10px;
	margin-bottom:30px;
}
.fl-itn-warn-box .ttl
{
  font-size:1.2em;
  font-weight:bold;
  color:blue;
}

.fl-itn-warn-box .msg
{
  font-weight:bold;
  color:red;
}

.fl-itn-warn-box label
{
  font-size:1.2em;


}


