@charset "UTF-8";
/* CSS Document */


/* ------------------------------
 tour_1
------------------------------ */

#to-contents .at-contents-area {
	margin:-159px auto 60px auto;
	top:55px;
	left:0;
	width: 94.4%;
	background-color: rgba(237,237,237,0.6);
	-webkit-box-shadow: 0 0 10px rgba(7,0,2,.7);
	-moz-box-shadow: 0 0 10px rgba(7,0,2,.7);
	box-shadow: 0 0 10px rgba(7,0,2,.7);
	padding: 0 0 0 0;
	position:relative;
	z-index:2;
}

#to-contents #airTicket .airTicket-icon {
	width:100%;
	margin:15px 0 45px 1.5%;
	max-width:274px;
	zoom: .5;
}

#to-contents .airTicket-icon .airTicket-text{
	font-size:30px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	padding:5% 0 0 0;
	line-height:16px;
}

#to-contents .air-ticket-text02 {
	width: 96px;
    height: 86px;
    float: left;
    margin: 10px 10px 0 0;
}

#to-contents #airTicket .text02{
	font-size: 15px;
	display: block;
	float: left;
	color: #000;
	font-weight: bold;
	padding: 30px 0 0 0;
}


#to-contents #under-review-list {
	width: 106px;
	height: 95px;
	background:url(../img/airticket/btn_under_review.png) no-repeat 0 0;
	zoom: .5;
	z-index:102;
	position: absolute;
	right: -16px;
	top: -27px;
}


#to-container #at-contents #tabs-menu01 {
	margin: 0 0 10px 0;
}
#to-container #at-contents #tabs-menu01 ul {
	display: table;
	width: 85%;
	box-sizing: border-box;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0 auto;
}

#to-container #at-contents #tabs-menu01 ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
}

#to-container #tabs-menu01 li a{
	display: table-cell;
	vertical-align: middle;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	height: 35px;
	width: 1%;
	background-color: #e1e1e1;
	-webkit-box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	-moz-box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	border: solid 1px rgba(214,214,214,.6);
	background-image: -webkit-linear-gradient(bottom, #bfbfbf, #fff);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#bfbfbf), to(#fff)); 
	background-image: -moz-linear-gradient(bottom, #bfbfbf, #fff);
	background-image: -o-linear-gradient(bottom, #bfbfbf, #fff);
	background-image: -ms-linear-gradient(bottom, #bfbfbf, #fff);
	background-image: linear-gradient(to top, #bfbfbf, #fff);
}

#to-container #at-contents #tabs-menu01 ul li:first-child a {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#to-container #at-contents #tabs-menu01 ul li:last-child a {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

#to-container #tabs-menu01 #tbm01 span.tabs_menu01_tab01 {
	text-indent:-9999px;
	width:80px;
	height:28px;
	zoom: .5;
	background:url(../img/airticket/one_way_d.png) no-repeat 0 0;
	display:block;
	margin:0 auto;
}


#to-container #tabs-menu01 #tbm02 span.tabs_menu01_tab02 {
	text-indent:-9999px;
	width:80px;
	height:28px;
	zoom: .5;
	background:url(../img/airticket/round_trip_d.png) no-repeat 0 0;
	display:block;
	margin:0 auto;
}


#to-container #tabs-menu01 #tbm03 span.tabs_menu01_tab03 {
	text-indent:-9999px;
	width:80px;
	height:28px;
	background:url(../img/airticket/tour_d.png) no-repeat 0 0;
	display:block;
	zoom: .5;
	margin:0 auto;
	z-index:100;
}

#to-container #tabs-menu01 a#tbm01.active span.tabs_menu01_tab01 {
	text-indent:-9999px;
	width:80px;
	height:28px;
	background:url(../img/airticket/one_way_a.png) no-repeat 0 0;
	display:block;
	margin:0 auto;
}

#to-container #tabs-menu01 a#tbm02.active span.tabs_menu01_tab02 {
	text-indent:-9999px;
	width:80px;
	height:28px;
	background:url(../img/airticket/round_trip_a.png) no-repeat 0 0;
	display:block;
	margin:0 auto;
}

#to-container #tabs-menu01 a#tbm03.active span.tabs_menu01_tab03 {
	text-indent:-9999px;
	width:80px;
	height:28px;
	background:url(../img/airticket/tour_a.png) no-repeat 0 0;
	display:block;
	margin:0 auto;
}

#to-container #tabs-menu01 li a.active{
	background-color: #bababa;
	-webkit-box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	-moz-box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	border: solid 1px rgba(214,214,214,.6);
	background-image: -webkit-linear-gradient(bottom, rgba(207,207,207,.7) 10%, rgba(164,164,164,.7));
	background-image: -webkit-gradient(linear, left bottom, left top, from(#d3d3d6), to(#b7b7b7)); 
	background-image: -moz-linear-gradient(bottom, rgba(207,207,207,.7) 10%, rgba(164,164,164,.7));
	background-image: -o-linear-gradient(bottom, rgba(207,207,207,.7) 10%, rgba(164,164,164,.7));
	background-image: -ms-linear-gradient(bottom, rgba(207,207,207,.7) 10%, rgba(164,164,164,.7));
	background-image: linear-gradient(to top, rgba(207,207,207,.7) 10%, rgba(164,164,164,.7));
}

#to-container #at-contents .tab-inner{
	padding: 12px 0 12px 0;
	overflow:hidden;
}

#to-container h3.tab-com-title {
	text-align: left;
	height:25px;
	width:100%;
	background-color: #929292;
}

#to-container h3.tab-com-title02 {
	text-align: left;
	height:25px;
	width:100%;
	background-color: #929292;
}


#to-container h3.tab-com-title p,#to-container #at-contents h3.tab-com-title02 p {
	font-size:13px;
	color:#fff;
	padding:8px 0 0 10px;
}

/* sudok:121102 */
#to-container #search .start-place {
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float:left;
	width: 40%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin: 0 0 5px 0;
}

#to-container #at-contents .border {
	width: 7%;
	height: 4px;
	color: #878787;
	float:left;
	background-color: #878787;
	text-indent: -9999px;
	margin:10px 2% 0 2%;
}

#to-container #at-contents .border02 {
	width: 7%;
	height: 4px;
	color: #878787;
	float:left;
	background-color: #878787;
	text-indent: -9999px;
	margin: 14px 2% 0 2%;
}

#to-container #at-contents .end-place{
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float:right;
	width: 40%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin: 0 0 5px 0;
}

#to-container #at-contents .end-place span{
	display:block;
	background-size:13px 9px;
}

#to-container #at-contents .start-day{
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float:left;
	width: 40%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin: 5px 0 5px 0;
	clear: both;
}

#to-container #at-contents .time-set{
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float: right;
	width: 40%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin: 5px 0 5px 0;
}

#to-container #at-container #number-p {
	overflow:hidden;
}

#to-container #number-p .number-p-innner {
	padding: 12px 4% 12px 4%;
	overflow:hidden;
}

#to-container #at-container #at-contents .number-p-innner-inner {
	padding:12px 4% 12px 4%;
}

#to-container #at-contents #number-p  a.man-n,#to-container #number-p a.children-n,#number-p  a.baby-n {
	border: 1px solid #979797;
	font-size: 12px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float:left;
	width: 27%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin:0 0 5px 0;
	
}	

#to-container #at-container #number-p a.children-n {
	margin: 0 3% 5px 3%;
}

#to-container #number-p .man-n-desc,#to-container #number-p .children-n-desc,#to-container #number-p .baby-n-desc{
	font-weight:bold;
	font-size:10px;
	width: 27%;
	float:right;
	text-align:center;
	display:block;
	margin: 0 3% 0 3%;
}

#to-container .btn-area {
	width:100%;
	text-align:center;
}

#to-container .btn-search02 {
	width: 267px;
	height: 40px;
	margin: 0 auto 0 auto;
	font-size:15px;
	color:#fff;
	-webkit-border-radius: 18px/18px 18px 17px 17px;
	-moz-border-radius: 18px/18px 18px 17px 17px;
	border-radius: 18px/18px 18px 17px 17px;
	background-color: #81858b;
	background-image: -webkit-linear-gradient(top, #4a4a4a, #1a1a1a);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#1a1a1a));
	background-image: -moz-linear-gradient(top, #4a4a4a, #1a1a1a);
	background-image: -o-linear-gradient(top, #4a4a4a, #1a1a1a);
	background-image: -ms-linear-gradient(top, #4a4a4a, #1a1a1a);
	background-image: linear-gradient(to bottom, #4a4a4a, #1a1a1a);
}

#to-container .to-code {
	overflow:hidden;
	padding:0 4% 0 4%;
	margin:10px 0 0 0;
}

#to-container .to-code-search {
	color: #000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	width: 39%;
	background-color: #e1e1e1;
	-webkit-box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	-moz-box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	box-shadow: inset 0 0 10px rgba(209,209,209,.2);
	border: solid 1px rgba(214,214,214,.6);
	background-image: -webkit-linear-gradient(bottom, #bfbfbf, #fff);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#bfbfbf), to(#fff)); 
	background-image: -moz-linear-gradient(bottom, #bfbfbf, #fff);
	background-image: -o-linear-gradient(bottom, #bfbfbf, #fff);
	background-image: -ms-linear-gradient(bottom, #bfbfbf, #fff);
	background-image: linear-gradient(to top, #bfbfbf, #fff);
	float:right;
	padding:10px 0 10px 5px;
}

#to-container .to-code-left {
	float:left;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	margin:0 0 5px 10px;
}

#to-container .to-code-left span{
	margin: 0px 0 0 0;	
	padding: 0px 0 0 0px;
	vertical-align: middle;
	font-size: 11px;
}

#to-container .to-code-area {
	text-align: left;
	margin: 10px 0 0 4%;
}
 
#to-container .to-code-area input[type="number"] {
	width:230px;
	height:34px;
	font-size:13px;
	font-weight:bold;
	padding: 0 0 0 5px;
}

#to-container .to-code-area input[type="password"] {
	width:230px;
	height:34px;
	font-size:13px;
	font-weight:bold;
	padding: 0 0 0 5px;
}

#to-container .tab-inner .notice-red {
	font-size:11px;
	font-weight:bold;
	padding:0 4% 10px 4%;	
	color:#F00;
	text-align:right;
}


/* ------------------------------
 tour_2_2
------------------------------ */

#to-container-2-2 .dark-btn {
	padding: 6px 16px 6px 16px;
	border: 0;
	font-size: 12px;
	white-space: nowrap;
	color: rgb(255, 255, 255);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(20, 20, 20)), color-stop(100%, rgb(80, 80, 80)));
	border-radius: 8px;
}

#to-container-2-2 .more-btn {
	width: 100%;
	height: 40px;
	border: 0;
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(210, 210, 210);
}
#to-container-2-2 .more-btn img { padding-left: 5px; }

#to-container-2-2 .tbl { display: table; }
#to-container-2-2 .cell { display: table-cell; }

#to-container-2-2 .view-r { text-align: right; }
#to-container-2-2 .view-c { text-align: center; }
#to-container-2-2 .view-middle { vertical-align: middle; }
#to-container-2-2 .white-s { white-space: nowrap; }

#to-container-2-2 .low-price1 { background-color: rgb(255, 204, 162)!important; }
#to-container-2-2 .low-price2 { background-color: rgb(255, 220, 220)!important; }
#to-container-2-2 .low-price3 { background-color: rgb(255, 240, 240)!important; }

#to-container-2-2 { font-family: "HiraKakuProN-W6"!important; }

/* */
#to-container-2-2 section[name="search-result"] { padding: 0 10px 0 10px; }
#to-container-2-2 section[name="search-result"] .frame { font-size: 15px; font-weight: bold; width: 100%; }
#to-container-2-2 section[name="search-result"] .res-count { padding: 0 0 0 10px; }

/* */
#to-container-2-2 section[name="search-condi"] { padding: 15px 10px 5px 10px; font-size: 11px; background-color: rgb(237, 237, 237); }
#to-container-2-2 section[name="search-condi"] .head {
	display: table;
	width: 100%;
	padding: 2px 5px 2px 5px;
	background-color: rgb(237, 237, 237);
}
#to-container-2-2 section[name="search-condi"] .head div { display: table-cell; }
#to-container-2-2 section[name="search-condi"] .condi-view {
	font-size: 13px; 
	font-weight: bold;
	color: rgb(0, 0, 0);
	text-decoration: none;
}

#to-container-2-2 .frame2 .filter-btn-row { position: relative; }
#to-container-2-2 .frame2 .f-btn-wrap {
	position: absolute;
	z-index: 10;
	margin: 4px;
}
#to-container-2-2 .frame2 .filter-btn-row .btn-back {
	display: none;
	position: absolute;
	z-index: 1;
	width: 90px;
	height: 42px;
	background-color: rgb(230, 230, 230);
	border-top: solid 1px rgb(190, 190, 190);
	border-left: solid 1px rgb(190, 190, 190);
	border-right: solid 1px rgb(190, 190, 190);
	border-bottom: solid 1px rgb(230, 230, 230);
}

#to-container-2-2 section[name="search-condi"] .condi-view img { padding: 0 0 0 10px; }

#to-container-2-2 section[name="search-condi"] .condi-view .up, 
#to-container-2-2 section[name="search-condi"] .condi-view.on .down { display: none; }
#to-container-2-2 section[name="search-condi"] .condi-view .down, 
#to-container-2-2 section[name="search-condi"] .condi-view.on .up { display: inline; }
#to-container-2-2 section[name="search-condi"] .condi-wrap { display: block; }
#to-container-2-2 section[name="search-condi"] .frame1 {
	padding: 5px;
	margin-bottom: 10px;
	background-color: rgb(255, 255, 255);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
#to-container-2-2 section[name="search-condi"] .frame1 .item { padding: 4px; }
#to-container-2-2 section[name="search-condi"] .frame1 .item-name { color: rgb(100, 100, 100); }


/* */
#to-container-2-2 section[name="tel-inquiry"] .frame { padding: 15px; background-color: rgb(237, 237, 237); }
#to-container-2-2 section[name="tel-inquiry"] .str-1 { font-size: 11px; font-weight: bold; color: rgb(255, 0 , 0); }
#to-container-2-2 section[name="tel-inquiry"] .str-2 { font-size: 10px; }
#to-container-2-2 section[name="tel-inquiry"] .str-3 { font-size: 19px; font-weight: bold;}
#to-container-2-2 section[name="tel-inquiry"] .inq-box { background-color: rgb(255, 255, 255); border: solid 2px rgb(210, 210, 210); }
#to-container-2-2 section[name="tel-inquiry"] .inq-row1 { text-align: center; padding: 5px 0 5px 0; }
#to-container-2-2 section[name="tel-inquiry"] .inq-row2 { text-align: center; vertical-align: middle; padding: 5px 0 5px 0; }

/*  */
#to-container-2-2 section[name="dark-dialog"] {
	z-index: 100;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	display: none;
}
#to-container-2-2 section[name="dark-dialog"] .frame {
	width: 200px;
	height: 100px;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	padding: 5px;
	text-align: center;
}
#to-container-2-2 section[name="dark-dialog"] img { padding: 20px; }
#to-container-2-2 section[name="dark-dialog"] .str-1 { font-size: 13px; font-weight: bold; color: rgb(255, 255, 255); }



#to-container-2-2 section[name="search-condi"] .frame1 { margin-bottom: 2px!important;}
#to-container-2-2 section[name="search-condi"] .frame2 { width: 100%; margin: 0 0 3px 0; padding: 0 0 5px 0; }
#to-container-2-2 section[name="search-condi"] .frame2 .item-name { font-size: 14px; font-weight: bold;}
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list,
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list li {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	width: 120px;
	background-color: rgb(255, 255, 255);
}
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list { float: right; margin: 0 0 5px 10px; }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list li {
	vertical-align: middle;
	border-top: solid 2px rgb(200, 200, 200);
	border-left: solid 2px rgb(200, 200, 200);
	border-right: solid 2px rgb(200, 200, 200);
	padding: 5px;
	display: none;
	width: 100%;
}
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list li.li-last { border-bottom: solid 2px rgb(200, 200, 200)!important; }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list.on li { display: block; }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list.on li.select { border-bottom: solid 0px; }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list li.select { display: block; border-bottom: solid 2px rgb(200, 200, 200); }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list a { color: rgb(0, 0, 0); }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list li .row2 { width: 90%; }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-list li .row3 { width: 10%; }
#to-container-2-2 section[name="search-condi"] .frame2 .row1 { width: 70%; padding: 10px 0 0 0; }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-btn-row { width: 30%; padding: 3px 0 30px 0; text-align: center; }
#to-container-2-2 section[name="search-condi"] .frame2 .filter-btn-row.on .dark-btn {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(180, 180, 180)), color-stop(100%, rgb(200, 200, 200)));
}
#to-container-2-2 section[name="search-condi"] .frame2 .filter-btn-row { position: relative; }
#to-container-2-2 section[name="search-condi"] .frame2 .f-btn-wrap {
	position: absolute;
	z-index: 10;
	margin: 4px;
	right:0;
}
#to-container-2-2 section[name="search-condi"] .frame2 .filter-btn-row .btn-back {
	display: none;
	position: absolute;
	z-index: 1;
	width: 90px;
	height: 42px;
	background-color: rgb(230, 230, 230);
	border-top: solid 1px rgb(190, 190, 190);
	border-left: solid 1px rgb(190, 190, 190);
	border-right: solid 1px rgb(190, 190, 190);
	border-bottom: solid 1px rgb(230, 230, 230);
}
#to-container-2-2 section[name="search-condi"] .frame2 .filter-btn-row.on .btn-back { display: block; right:0;}

#to-container-2-2 section[name="add-condi"] a { color: rgb(0, 0, 0); }
#to-container-2-2 section[name="add-condi"] a[name="radio"].on img, 
#to-container-2-2 section[name="add-condi"] a[name="radio"] img.chk { display: none; }
#to-container-2-2 section[name="add-condi"] a[name="radio"].on img.chk { display: inline; }
#to-container-2-2 section[name="add-condi"] .str-1 { font-size: 14px; font-weight: bold; }
#to-container-2-2 section[name="add-condi"] .frame { display: none; padding: 20px 10px 20px 10px; border: solid 1px rgb(190, 190, 190); background-color: rgb(230, 230, 230);position:relative; overflow: hidden; position: relative;}
#to-container-2-2 section[name="add-condi"] .condi-box { width: 100%; }
#to-container-2-2 section[name="add-condi"] .row1 { width: 20%; vertical-align: top; }
#to-container-2-2 section[name="add-condi"] .row1 .tbl .cell { height: 30px; }
#to-container-2-2 section[name="add-condi"] .row2 { width: 80%; }
#to-container-2-2 section[name="add-condi"] .row3 { width: 100%; padding: 5px; height: 30px; }
#to-container-2-2 section[name="add-condi"] .row4 { width: 50%; }
#to-container-2-2 section[name="add-condi"] .row5 { padding: 5px 0 5px 0; }
#to-container-2-2 section[name="add-condi"] .row5 .set-val { padding: 2px 0 5px 5px; }
#to-container-2-2 section[name="add-condi"] .row6 { padding: 5px 0 0 0; }
#to-container-2-2 section[name="add-condi"] .set-box {
	padding: 10px 5px 10px 5px;
	background-color: rgb(255, 255, 255);
	border: solid 1px rgb(190, 190, 190);
}
#to-container-2-2 section[name="add-condi"] .condi-box .item-nm { padding: 0 0 0 8px; }



#to-container-2-2 section[name="result-list"] .frame1,
#to-container-2-2 section[name="result-list"] .frame2 { width: 100%; border-top: solid 1px rgb(100, 100, 100); border-bottom: solid 1px rgb(100, 100, 100); }
#to-container-2-2 section[name="result-list"] .str-1 { font-size: 14px; font-weight: bold;}
#to-container-2-2 section[name="result-list"] .str-2 { font-size: 17px; font-weight: bold; color: rgb(255, 0, 0); /*letter-spacing: 1px;*/ }
#to-container-2-2 section[name="result-list"] .str-3 { font-size: 11px; }
#to-container-2-2 section[name="result-list"] .str-4 { font-size: 22px; font-weight: bold; color: rgb(0, 51, 153); letter-spacing: 1px; }
#to-container-2-2 section[name="result-list"] .str-5 { font-size: 8px; color: rgb(150, 150, 150); }
#to-container-2-2 section[name="result-list"] .str-6 { font-size: 10px; font-weight: bold; color: rgb(255, 0, 0); }
#to-container-2-2 section[name="result-list"] .res-label { padding: 5px 10px 5px 10px; }
#to-container-2-2 section[name="result-list"] .res-label .label1,
#to-container-2-2 section[name="result-list"] .res-label .label2 {
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 11px;
	padding: 1px;
}
#to-container-2-2 section[name="result-list"] .res-label .label1 { background-color: rgb(102, 153, 255); }
#to-container-2-2 section[name="result-list"] .res-label .label2 { background-color: rgb(255, 100, 100); }
#to-container-2-2 section[name="result-list"] .res-ttl { width: 100%; height: 30px; padding: 5px 10px 5px 10px; }
#to-container-2-2 section[name="result-list"] .res-ttl div { vertical-align: middle; }
#to-container-2-2 section[name="result-list"] .res-ttl .row1 { width: 60%; }
#to-container-2-2 section[name="result-list"] .res-ttl .row2 { width: 40%; padding: 0 0 0 10px; }
#to-container-2-2 section[name="result-list"] .res-ttl .row2 .tbl { float: right; }
#to-container-2-2 section[name="result-list"] .res-data { width: 100%; padding: 4px 10px 4px 10px; border-top: solid 1px rgb(200, 200, 200); }
#to-container-2-2 section[name="result-list"] .res-data .cell.row1 { width: 30%; }
#to-container-2-2 section[name="result-list"] a.dtl-link { color: rgb(0, 0, 0); }
#to-container-2-2 section[name="result-list"] .dtl-wrap { display: none; }
#to-container-2-2 section[name="result-list"] .dtl-data { padding: 6px 10px 6px 10px; background-color: rgb(200, 200, 200); }
#to-container-2-2 section[name="result-list"] .box-head .dark-btn { padding-right: 5px; padding-left: 5px; }
#to-container-2-2 section[name="result-list"] .dtl-box { border: solid 1px rgb(100, 100, 100); background-color: rgb(255, 255, 255); }
#to-container-2-2 section[name="result-list"] .box-head.tbl { width: 100%; }

#to-container-2-2 section[name="result-list"] .dtl-ttl { padding: 5px 0 5px 0!important; }
#to-container-2-2 section[name="result-list"] .box-body { padding: 0 10px 5px 10px; }
#to-container-2-2 section[name="result-list"] .box-body div { padding: 2px 0 2px 0; }
#to-container-2-2 section[name="result-list"] .flight-time { padding: 4px; vertical-align: top; }
#to-container-2-2 section[name="result-list"] .dark-tile {
	font-size: 13px;
	white-space: nowrap;
	padding: 3px;
	color: rgb(255, 255, 255);
	background-color: rgb(60, 60, 60);
	text-align: center;
}
#to-container-2-2 section[name="result-list"] .dark-tile span { padding: 0 2px 0 2px; }
#to-container-2-2 section[name="result-list"] .dtl-stay { width: 100%; padding: 5px 0 10px 0; }
#to-container-2-2 section[name="result-list"] .dtl-stay hr { z-index: 1; border-style: solid; border-color: rgb(80, 80, 80); }
#to-container-2-2 section[name="result-list"] .dtl-stay div { z-index: 2; margin-top: -20px; text-align: center; }
#to-container-2-2 section[name="result-list"] .dtl-stay span { padding: 0 5px 0 5px; background-color: rgb(200, 200, 200); }
#to-container-2-2 section[name="result-list"] .dtl-select { 
	text-align: center; 
	padding: 5px;
	-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
}
#to-container-2-2 section[name="result-list"] .dtl-select .dark-btn { width: 40%; }
#to-container-2-2 section[name="result-list"] .dtl-btn-row { border-bottom: solid 1px rgb(100, 100, 100); }
#to-container-2-2 section[name="result-list"] .dtl-btn {
	width: 100%;
	height: 30px;
	border: 0;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, gainsboro), color-stop(100%, #F0F0F0));
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 0 20px 0 0;
}
#to-container-2-2 section[name="result-list"] .dtl-btn img { padding: 0 0 0 10px; }

#to-container-2-2 section[name="result-list"] .dtl-btn.on {
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}
#to-container-2-2 section[name="result-list"] .dtl-btn .up, 
#to-container-2-2 section[name="result-list"] .dtl-btn.on .down { display: none; }
#to-container-2-2 section[name="result-list"] .dtl-btn .down, 
#to-container-2-2 section[name="result-list"] .dtl-btn.on .up { display: inline; }
#to-container-2-2 section[name="result-list"] .dtl-more-row { width: 100%; }
#to-container-2-2 section[name="result-list"] .sel-btn-row { width: 100%; }
#to-container-2-2 section[name="result-list"] .sel-btn-center { width: 60%; }
#to-container-2-2 section[name="result-list"] .sel-btn-center .dark-btn { width: 80%; }
#to-container-2-2 section[name="result-list"] .sel-btn-side { width: 20%; }

#under-review-list02  {
	width: 106px;
	height: 95px;
	background:url(../img/airticket/btn_under_review.png) no-repeat 0 0;
	zoom: .5;
	z-index:102;
	position: absolute;
	right: -16px;
	top: 0px;
}

#to-container-2-2  #ticket-search {
	position:relative;
	height:850px;
	overflow:visible;
}

#to-container-2-2 .po-position {
	position:relative;
}


#to-container-2-2 .height-pix {
	height:50px;
}

#to-container-2-2 .follow {
	position:fixed;
	top:0px;
	right:3px;
}

#to-container-2-2 #tbm01-com {
	position:relative;
	overflow:hidden;
}

#to-container-2-2 #at-contents .tab-inner{
	padding: 12px 0 12px 0;
	overflow:hidden;
}

#to-container-2-2 #search .start-place {
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float:left;
	width: 40%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin: 0 0 5px 0;
}

#to-container-2-2 .border {
	width: 7%;
	height: 4px;
	color: #878787;
	float:left;
	background-color: #878787;
	text-indent: -9999px;
	margin:10px 2% 0 2%;
}

#to-container-2-2 .place{
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float:left;
	width: 96%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin: 0 0 5px 0;
}

#to-container-2-2.place span{
	display:block;
	background-size:13px 9px;
}

#to-container-2-2 .start-day{
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float:left;
	width: 43%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin: 5px 0 5px 0;
	clear: both;
}

#to-container-2-2 .time-set{
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6% 7px 1.6%;
	vertical-align: middle;
	display:block;
	float: right;
	width: 43%;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin: 5px 0 5px 0;
}

#to-container-2-2 .slider-range {
	position:relative;
	top:20px;
	bottom:0;
	height:50px;
}

#to-container-2-2 h3.budget {
	text-align:left;	
	width: 33px;
	clear:both;
	padding:0 0 25px 0;
}

#to-container-2-2 .infoBox {
	position:absolute;
	top:0;	
	margin: -28px 0 0 0;
	width: 90px;
	left: -66px;
	font-size:11px;
	font-weight:bold;
	text-align: right;
}

#to-container-2-2 .infoBox01-1 {
	position:absolute;
	top:0;	
	margin: -28px 0 0 0;
	width: 90px;
	left: -66px;
	font-size:11px;
	font-weight:bold;
	text-align: right;
}

#to-container-2-2 .infoBox01-1 {
	position:absolute;
	top:0;	
	margin: -28px 0 0 0;
	width: 90px;
	left: -66px;
	font-size:11px;
	font-weight:bold;
	text-align: right;
}


#to-container-2-2 .infoBox02 {
	position:absolute;
	top:0;	
	margin: -28px 0 0 26px;
	width: 20px;
	font-size:11px;
	font-weight:bold;
}

#to-container-2-2 .tab-inner02 {
	margin:25px 0 0 0;
}

#to-container-2-2 .to-h-search {
	clear:both;
	padding:5px 0 0 0;
}

#to-container-2-2 .to-h-search-in {
	padding:5px 0 5px 5px;
	font-size:13px;
	font-weight:bold;
	color:#000;
}

#to-container-2-2 .tour-text {
	margin:15px 0 0 0;
	overflow:hidden;
}

#to-container-2-2 .tab-inner02 a {
	border: 1px solid #979797;
	font-size: 13px;
	padding: 7px 1.6%;
	vertical-align: middle;
	display:block;
	background-color: #ffffff;
	color:#000;
	font-weight:bold;
	margin-bottom: 5px;
}

#to-container-2-2 .squeeze-area {
	margin:0 auto;
	text-align:center;
	margin:10px 0 0 0;	
}

#to-container-2-2 .squeeze-area .sq-text{
	margin:0 0 5px 0;
}

#to-container-2-2 .squeeze-area .dark-btn {
	padding: 6px 16px 6px 16px;
	border: 0;
	font-size: 12px;
	white-space: nowrap;
	color: rgb(255, 255, 255);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(20, 20, 20)), color-stop(100%, rgb(80, 80, 80)));
	border-radius: 8px;
}

#to-container-2-2 .m-list01 dt {
	float: left;
	width: 90px;
	margin: 6px 0 0 3%;
}

#to-container-2-2 .m-list01 dd {
	float: left;
	padding: 0 0 0 0px;
	width:200px;
}

#to-container-2-2 .m-list01-02 dd {
	float: left;
	padding: 0 0 0 0px;
	width:200px;
}

#to-container-2-2 .m-list01 dl {
	padding:0 0 5px 0;
	border-top:solid 1px #cecece;
}

/* ------------------------------
M-tour 
------------------------------ */
#to-container #m-tour {
	overflow: hidden;
	margin:10px 0 0 0;
	clear:both;
}

#to-container #m-tour .m-tour-title{
	width:84%;
	color:#fff;
	height: 27px;
	background-color:#034896;
	line-height: 1.0;
	float: left;
	margin: 0 0 5px 0;
}

#to-container #m-tour .m-tour-title-l {
	font-weight:bold;
	font-size:13px;
	padding: 7px 0 10px 12px;
	float: left;
}

#to-container #m-tour .fuel{
	display: block;
	background-color: #ff0000;
	padding: 3px 0 3px 3px;
	font-size: 11px;
	width: 116px;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 6px 0 0 13px;
	-webkit-border-radius: 3px/3px 3px 3px 3px;
	-moz-border-radius: 3px/3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

#to-container #m-tour .m-tour-tax {
	font-size: 10px;
	float: right;
	width: 14%;
	color:#000;
	margin: 12px 0 0 0;
}

#to-container #m-tab01 ul{
	width: 100%;
	display: table;
	background-color: #024895;
	padding: 0 0 3px 0;
}
#to-container #m-tab01 ul li{
	width: 50%;
	display: table-cell;

}

#to-container #m-tab01 ul li a{
	display: table-cell;
    vertical-align: middle;
	width: 1%;
	height: 10px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #81858b;
	border: solid 1px #d6d6d6;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#bfbfbf), to(#fff));   
	background-image: linear-gradient(to top, #bfbfbf, #fff);
	-webkit-box-shadow: inset 0 0 10px rgba(169,168,168,.3);
	box-shadow: inset 0 0 10px rgba(169,168,168,.3);
	border-bottom: none;
	border-top: none;
}

#to-container #m-tab01 ul li a.active {
	display: table-cell;
	vertical-align: middle;
	width: 1%;
	height: 10px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: solid 1px #d6d6d6;
	background-image: -webkit-linear-gradient(bottom, #034895, #00254e);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#034895), to(#00254e)); 
	background-image: -moz-linear-gradient(bottom, #034895, #00254e);
	background-image: -o-linear-gradient(bottom, #034895, #00254e);
	background-image: -ms-linear-gradient(bottom, #034895, #00254e);
	background-image: linear-gradient(to, top, #034895, #00254e);
}

#to-container #m-tab01 {
    display: table-cell;
    vertical-align: middle;
	width: 1%;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	height: 33px;
	zoom: 1.0;

}

#to-container #m-tab01 {
	overflow: hidden;
}

#to-container #m-tab01 ul li a {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	padding: 10px 0 12px 0;
	display: block;
	width:100%;
	
}

#to-container #m-tab01 ul li a.active {
    display: block;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 10px 0 12px 0;
	border-bottom:#003570;
	border-left:none;
	border-right:none;
	border-top:none;
	}

#to-container #tab-m {
	margin:0 0 0 0;
	zoom: 1.0;
}

#to-container #tbm02-com,#to-container #tbm01-com{
    overflow: hidden; 
}

#to-container #m-tab01 #tbm01-com  dd,#to-container-2-2 #tbm02-com dd {
	float: left;
	padding: 0 0 0 0px;
	width:200px;
}

#to-container　#m-tab01 #tbm01-com .list-lab .lab01,#to-container #tbm02-com .list-lab .lab01 {
	margin:0 5px 0 0;
	float: left;
	color: #ffffff;
	background-color: #9c9c9c;
	padding: 3px 5px 2px 5px;
	-webkit-border-radius: 5px/5px 5px 5px 5px;
	-moz-border-radius: 5px/5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: 10px;
}
#to-container　#m-tab01 #tbm01-com  .list-lab .lab02,#to-container #tbm02-com  .list-lab .lab02 {
	margin:0 5px 0 0;
	float: left;
	color: #ffffff;
	background-color: #9c9c9c;
	padding: 3px 5px 2px 5px;
	-webkit-border-radius: 5px/5px 5px 5px 5px;
	-moz-border-radius: 5px/5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: 10px;
}

#to-container #m-tab01 #tbm01-com  .list-lab .price,#to-container #tbm02-com  .list-lab .price {
	font-size:13px;
	color: #ff0000;
	float: left;
	padding:2px 0 0 0;
}

#to-container #m-tab01 #tbm01-com .lab-box,#m-tab01 #tbm02-com .lab-box {
	width:160px;
	overflow: hidden;
	margin: 6px 0 3px 0;
}

#to-container #m-tab01 #tbm01-com .lab-box02,#m-tab01 #tbm02-com .lab-box02 {
	width:160px;
	overflow: hidden;
	margin: 0 0 7px 0;
}

#to-container #m-tab01 #tbm01-com  .m-list01 dl,#m-tab01 #tbm02-com .m-list01 dl  {
	overflow: hidden;
	padding:0 0 5px 0;
	border-top:solid 1px #cecece;

}

#to-container #m-tab01 #tbm01-com  .m-list-arrow,#m-tab01 #tbm02-com  .m-list-arrow  {
	background: url(../img/common/arrow.png) no-repeat right center;
	margin: 0 15px 0 0;
	overflow: hidden;
}

#to-container #m-tab01 #tbm01-com .m-list-desc,#m-tab01 #tbm02-com .m-list-desc {
	font-size:14px;
	line-height: 18px;
	color: #000;
	text-decoration: none;
	clear: both;
	width: 160px;
	float: right;
	margin:0 20px 0 0;
}

#to-container #tab-m .price-value {
	width: 180px;
	float: left;
	text-align: left;
	margin: 10px 0 0 10px;
}

#to-container #tab-m .price-value .lab01 {
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	width: 50px;
	float: left;

}

#to-container #tab-m .price-value .price {
	font-size: 14px;
	color: #ff0000;
	width: 100px;
	float: right;
}

#to-container #tab-m .m-list01 .m-list-desc02 {
	clear: both;
	font-size: 13px;
	padding: 9px 0 0 0;
	color: #000;
	float: left;
	margin:0 0 0 10px;
	text-align: left;
	font-weight: bold;
	
}

#to-container #tab-m .m-list01 .m-list-desc02 span {
	font-size: 15px;
	color: #000;
	padding: 7px 0 0 0;
	display: block;
}
 
#to-container .plane-area-t .p-area-text03 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0 0 0 18px;
	width:179px;
	display:block;
	text-align: left;
	zoom: 2.0;
}

#to-container #m-tab01 .p-area-letter02 {
	width:22px;
	height:23px;
	background:url(../img/top/plane_icon01.png) no-repeat 0 0;
	zoom: .5;
	margin: 25px 0 0 0;
}

#to-container #m-tab01 .p-area-letter02 a {
	width:320px;
	height:26px;
	display:block;
}

#to-container .tour-code-text05 {
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
}

/*#to-container .wrap02 { width: 90px; overflow: hidden; }
*/
/* ------------------------------
 Plane-area
------------------------------ */
#to-container .plane-area-t {
	width:100%;
	margin:0 0 10px 0;
}

#to-container .plane-area-t .p-area-title {
	padding:0 2.5% 2px 2.5%;
	overflow:hidden;
}

#to-container .plane-area-t .p-area-left {
	float:left;	
	margin: 0 0 0 1%;
}

#to-container .plane-area-t .p-area-letter{
	width:22px;
	height:23px;
	float:left;
	background:url(../img/top/plane_icon01.png) no-repeat 0 0;
	zoom: .5;
}

#to-container .plane-area-t .p-area-letter a{
	width:243px;
	height:26px;
	display:block;
}


#to-container .plane-area-t .p-area-letter span.p-area-text01 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:2px 0 0 27px;
	width:290px;
	display:block;
	height:26px;
}

#to-container .plane-area-t .p-area-letter span.p-area-text02 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0 0 0 27px;
	width:219px;
	display:block;
}

#to-container .plane-area-t .plane-arrow {
	width:12px;
	height: 17px;
	background: url(../img/top/plane_arrow_icon.png) no-repeat center right;
	zoom: .5;
	margin: 4px 0 0 157px;
}

#to-container .plane-area-t .plane-arrow02 {
	width:12px;
	height: 17px;
	background: url(../img/top/plane_arrow_icon.png) no-repeat center right;
	zoom: .5;
	margin: 4px 0 0 252px;
}

#to-container .plane-area-t .p-area-right {
	float: right;
    margin: 4px 1% 0 0;
}

#to-container .plane-area-t .t-sprite-btn_more_look {
	 text-indent:-9999px;
	 width: 196px;
     height: 48px;
     zoom: 0.5;
     float: right;
     margin:5px 0 0 0;
	}


#to-container .tour-preview { line-height: 1.5; padding: 10px 0 5px 0; overflow:hidden;border-bottom: solid 1px #CECECE;}
#to-container .tour-preview02 { line-height: 1.5; padding: 10px 0 5px 0; margin:32px 0 0 0;}
/*#to-container .tour-img { float: left; margin:0 0 5px 5px; clear: both;}*/
#to-container .tour-img { float: left; margin:0 0 0 5px; clear: both;}
#to-container .tour-img .tour-img-container { 
	width:95px;
	height:95px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
#to-container .tour-desc { float: left; margin: 0 0 0 8px; width: 66%;}
#to-container .tour-desc .tour-desc-text01 { font-size: 10px;  text-align:left;color:#000;}
#to-container .tour-desc .tour-desc-text02 { font-size: 13px; color:#000; text-align:left;}
#to-container .tour-desc .tour-desc-text05 { font-size: 13px; color:#000; text-align:left;}
#to-container .tour-desc .tour-desc-text03 { color: #e32400; font-size: 16px;  text-align:left;}
#to-container .tour-label { clear: both; margin: 0 0 4px 5px; }
#to-container .tour-label li { display: inline; margin: 0 2px 0 0; }
#to-container .tour-code { color: #000; font-size: 8px; font-weight: bold; padding: 0 10px 0 10px; }

#to-container .str-3 .details-toggle .dark-btn { border-radius: 0; font-size: 15px; padding: 15px 0 15px 0; width: 100%; }

#to-container .tour-details { font-size: 10px; line-height: 1.5; margin: 5px 10px 10px 10px; font-weight:bold;}
#to-container .tour-details tr { border-bottom: 1px dotted #e0dfde; }
#to-container .tour-details td { padding: 5px 0 0 0; }
#to-container .tour-details .table-subject { padding: 0 0 0 4px; width: 90px; }
#to-container .tour-details .table-text01 { font-weight: normal; width: 150px; }
#to-container .tour-details .table-text01 a { color: #ee9a30; }
#to-container .tour-details .table-text02 { padding: 5px 0 0 4px; }
#to-container .tour-details .table-text02 a { color: #000; text-decoration: underline; }
#to-container .tour-details .table-text03 { font-weight: normal; width: 150px; color:#999;}

#result-list .frame1 .tour-preview { line-height: 1.5; padding: 10px 0 5px 0; }
#result-list .frame1 .tour-preview02 { line-height: 1.5; padding: 10px 0 5px 0; margin:32px 0 0 0;}
#result-list .frame1 .tour-img { float: left; margin:0 0 5px 5px; clear: both; }
#result-list .frame1 .tour-desc { float: left; margin: 0 0 0 8px; width: 195px;}
#result-list .frame1 .tour-desc .tour-desc-text01 { font-size: 10px; }
#result-list .frame1 .tour-desc .tour-desc-text02 { font-size: 13px; }
#result-list .frame1 .tour-desc .tour-desc-text03 { color: #e32400; font-size: 16px; }
#result-list .frame1 .tour-label { clear: both; margin: 0 0 4px 5px; }
#result-list .frame1 .tour-label li { display: inline; margin: 0 2px 0 0; }
#result-list .frame1 .tour-code { color: #000; font-size: 8px; font-weight: bold; padding: 0 10px 0 10px; }

#result-list .frame1 str-3 .details-toggle .dark-btn { border-radius: 0; font-size: 15px; padding: 15px 0 15px 0; width: 100%; }

#result-list .frame1 .tour-details { font-size: 10px; line-height: 1.5; margin: 5px 10px 10px 10px; font-weight:bold;}
#result-list .frame1 .tour-details tr { border-bottom: 1px dotted #e0dfde; }
#result-list .frame1 .tour-details td { padding: 5px 0 0 0; }
#result-list .frame1 .tour-details .table-subject { padding: 0 0 0 4px; width: 90px; }
#result-list .frame1 .tour-details .table-text01 { font-weight: normal; width: 150px; }
#result-list .frame1 .tour-details .table-text01 a { color: #ee9a30; }
#result-list .frame1 .tour-details .table-text02 { padding: 5px 0 0 4px; }
#result-list .frame1 .tour-details .table-text02 a { color: #000; text-decoration: underline; }
#result-list .frame1 .tour-details .table-text03 { font-weight: normal; width: 150px; color:#999;}

#to-container .on-label {
	font-size:10px;
	font-weight:bold;
	width:75px;
	height:13px;
	color:#FFF;
	margin:0 0 5px 5px;
	float:left;
	text-align:center;
	padding:1px;
}

#to-container .on-label02 {
	font-size: 9px;
	font-weight:bold;
	width:75px;
	height:13px;
	color:#FFF;
	margin:0 0 5px 0;
	float:left;
	border:solid 1px #e0dfde;
	text-align: center;
	padding: 2px 0 0 0;
}

#to-container .tour-icon02 {
	vertical-align:middle;
}


#to-container .b-box {
	background-color:#749bc5;
}

#to-container .c-box {
	background-color:#b68f87;	
}

#to-container .e-box {
	background-color:#c6a077;	
}

#to-container .d-box {
	background-color:#b199c7;	
}

#to-container .p-red {
	color:#F00;
}

#to-container .f-box {
	background-color:#cfc371;
}

#to-container .g-box {
	background-color:#7c9aaa;
}

#to-container .h-box {
	background-color:#b894b1;
}

#to-container .i-box {
	background-color:#83c178;
}

#to-container .j-box {
	background-color:#6bc189;
}

#to-container .k-box {
	background-color:#74afc5;
}

#to-container .l-box {
	background-color:#9e93ce;
}

#to-container .m-box {
	background-color:#7b92c8;
}

#to-container .on-label-text {
	font-size:11px;
	font-weight:bold;
	color:#749bc5;	
	float:left;
	margin: 0 0 3px 5px;
}

#to-container .tour-code-text {
	font-size:7px;
	color:#999;
	clear: both;
	margin: 0 0 0 5px;
	font-weight:bold;
}

#to-container .tour-codex {
	width:200px;
	float:left;
}
#to-container .tour-codex-text {
	width:200px;
	float:left;
}

#to-container #range-t {width:86%;margin:0 auto; clear:both;}

#to-container .budget {
	border: 0; 
	color: #000; 
	font-weight: bold; 
	width:100%;
	padding:10px 0 14px 0;
	float:left;
	background-color:#E6E6E6;
	font-size:13px;
	text-align:center;
	outline: none;
}

#to-container .budget-t {
	width:30px;
	float:left;	
	padding: 19px 0 0px 0;
	position: absolute;
	top: 70px;
	left: 0;
}

#slider-en {
	clear:both;
}

#to-container .search-icon {
	float:right;
}

#to-container section.tour-s {
	background-color:#EDEDED;
	padding:5px 0 5px 7px;
	
}

#to-container ul.tour-sort {
	width:100%;
	display:table;
	overflow:hidden;
	margin:0 0 0 0;
	
}

#to-container ul.tour-sort li {
	padding:0 2px 0 0;
}

#to-container ul.tour-sort li .gray-btn03 {
	float:left;
	font-size:10px;
	color: #000;
	display:table-cell;
	vertical-align:middle;
	font-weight: bold;
	padding:5px 11px 5px 11px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:none;
	background-color: #81858b;
	background-image: -webkit-linear-gradient(bottom, #b4b5b6, #fefefe);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#b4b5b6), to(#fefefe)); 
	background-image: linear-gradient(to top, #b4b5b6, #fefefe);
	margin:0 5px 0 0;
}

#to-container ul.tour-sort li a.active .gray-btn03 {
	float:left;
	font-size:10px;
	color: #000;
	display:table-cell;
	vertical-align:middle;
	font-weight: bold;
	padding:5px 11px 5px 11px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:none;
	background-color: #81858b;
	background-image: -webkit-linear-gradient(bottom, #fefefe,#b4b5b6 );
	background-image: -webkit-gradient(linear, left bottom, left top, from(#fefefe), to(#b4b5b6)); 
	background-image: linear-gradient(to top, #fefefe, #b4b5b6);
	margin:0 5px 0 0;
}

#to-container ul li:last-child a.active .gray-btn03 {	
	margin:0 0 0 0;
}

#to-container ul li:last-child .gray-btn03{	
	margin:0 0 0 0;
}

#to-container #m-feature{
	overflow: hidden;
	padding:0 0 0 0;
	width:100%;
	clear:both;
}



#to-container .popular-title {
	width:44%;
	color:#fff;
	background-color:#034896;
	line-height: 1.0;
	float: left;
	font-size: 13px;
	font-weight:bold;
	color: #fff;
	height: 10px;
	padding:6px 10px 11px 12px;
}

#to-container .popular-area {
	clear:both;
	padding: 10px 3% 0 3%;
	overflow:hidden;
	width: 100%;
	text-align: center;
	display: table;
}

/*
#to-container .popular-area ul.over {
	overflow:hidden;
	margin:0 0 12px 0;
}

#to-container .popular-area ul.under {
	overflow:hidden;
	margin:0 0 5px 0;
}
*/

#to-container .popular-area ul {
	overflow:hidden;
	margin:0 0 12px 0;
}

#to-container .popular-area ul:last-child {
	margin-bottom:5px;
}

#to-container .popular-area ul li {
	float:left;
	padding: 0 1% 0 1%;
	display: table-cell;
	width: 23%;
}


#to-container .popular-area ul li span {
	font-size:12px;
	font-weight:bold;
	color:#333;	
}

#to-container .tour-banner-area {
	text-align:center;
	padding-bottom: 5px;
	margin-top:5px;
}


/*TK121120*/

#to-container .his-app-title {
	width:43%;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	height:8px;
	background-color:#034896;
	padding: 7px 0 10px 12px;
	margin:0 0 5px 0;
	height: 10px;
	line-height: 1.0;	
}
/*TK121128*/
#to-container  a.tr-link {
	width: 106px;
	height: 95px;
	position: absolute;
}


/*input[type="radio"],input[type="checkbox"]
{font-size:200%;height:20px;width:20px;} */