@charset "UTF-8";


/* 
---------------------------------- */


/* ツアー検索
---------------------------------- */

h2 {
	width: 100%;
	height: 95px;
	margin: 0 auto;
	
	background: url(../../img/area/area_title_2.gif) right top no-repeat;
    background-size:500px 95px;
    background-position: right top;
}
h3 {
	width: 100%;
	height: 93px;
	margin: 0 auto;
	
	background: url(../../img/area/area_title_bg.gif) right top repeat-x;
    background-size:10px 93px;
    background-position: right top;
    text-align: center;
}

#pic {
	width: 100%;
	margin: 0 auto 14px;
	padding-bottom: 14px;
	text-align: center;
	background-color: #60c9d8;
}

/* ツアー検索
---------------------------------- */

#tour-search h2 {
	width: 100%;
	height: 87px;
	margin: 0 auto;
	
	background: url(../../img/top/search_stit_2.gif) right top no-repeat;
    background-size:500px 87px;
    background-position: right top;
}

#tour-search .pseudoUI-select {
	/*
background-color: #e9e9eb;
	height: 44px;
	margin-bottom: 7px;
*/
}




#tour-search #date {
	width: 100%;
	background: #fff;
	border-top: 7px solid #e9e9eb;
	border-bottom: 7px solid #e9e9eb;
	height: 31px;
    margin-bottom: 7px;
}

#tour-search #date #date-inner {
	width: 320px;
	background: #fff;
	height: 31px;
    margin: 0 auto;
}

#tour-search #date #stit {
	float: left;
}
#tour-search #date p {
	float: left;
	height: 31px;
	padding: 1px 0 0 5px;
}

#tour-search .form-set {
	width: 100%;
	background: #e9e9eb;
	border-top: 7px solid #e9e9eb;
	border-bottom: 7px solid #e9e9eb;
	height: 30px;
    margin-bottom: 7px;
}
#tour-search .form-set-inner {
	width: 320px;
	background: #fff;
	height: 30px;
    background:#fff url(../../img/common/form_pulldown_bg.gif) right center no-repeat;
    background-size:15px 30px;
    background-position: right center;
    margin: 0 auto;
}
#tour-search .form-set #stit {
	float: left;
}
#tour-search select{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    /* border-radius:6px; */
    width: 232px;
    height: 30px;
    font-size: 13px;
    text-indent: 1em;
    color: #585858;
    border: none;
    cursor: pointer;
    background:#fff url(../../img/common/form_pulldown_ar.gif) right center no-repeat;
    background-size:32px 20px;
    background-position: right center;
    padding-left: 0;
}

#tour-search #f2 select {
	width: 116px;
	float: left;
}

#tour-search #search-btn {
	width: 320px;
	margin: 0 auto;
}


/* さらに検索条件を追加する
---------------------------------- */

#add-condition {
	width: 100%;
	background: #eaeaea url(../../img/common/sh_bottom.png) left top repeat-x;
    background-size:320px 9px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
#add-condition li {
	width: 100%;
	/* background: url(../img/common/side_nav_ar_1.gif) right center no-repeat; */
	border-bottom: 1px solid #c7c7c7;
	/* border-top: 1px solid #f5f5f5; */
	border-top: 1px solid #f5f5f5;
	position: relative;
}
#add-condition .main_menu {
	display: block;
	cursor: pointer;
	height: 54px;
}
#add-condition li #ar {
	width: 36px;
	height: 33px;
	position: absolute;
	top: 12px;
	right: 20px;
	background: url(../../img/common/plus_icon.gif) center top no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}
#add-condition li.main_menu p {
	padding: 18px 0 0 25px;
	margin: 0;
	display: block;
}
#add-condition a {
	display: block;
	color: #585858;
}
#add-condition li.sub_menu {
	width: 100%;
	background-color: #dedede;
	border-bottom: 1px solid #c7c7c7;
	border-top: 1px solid #f5f5f5;
	position: relative;
}
#add-condition li.sub_menu p {
	width: 88%;
	padding: 12px 0 12px 25px;
	margin: 0;
}

/* 
---------------------------------- */

#add-condition .checkbox-set {
	width: 320px;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 16px;
	padding-left: 11px;
}
#add-condition .checkbox-set input {
	display: none;
}
#add-condition .checkbox-set label {
	width: 133px;
	height: 60px;
	background-color: #fff;
	
	border: 3px solid #fff;
	
	cursor: pointer;
	margin: 11px 0 0 0;
	padding: 10px 0;
	text-align: left;
	
	background: #fff url(../../img/common/form_check_box.gif) left center no-repeat;
    background-size:48px 39px;
    background-position-x: -8px;
    float: left;
}
#add-condition .checkbox-set label:nth-child(even){
	margin: 11px 11px 0 0;
}

#add-condition .checkbox-set label p {
	display: table-cell;
    vertical-align: middle;
    
	width: 95px;
	height: 40px;
	margin: 0;
	padding: 0;
	padding-left: 34px;
	line-height: 1.4;
}
#add-condition .checkbox-set input[type="checkbox"]:checked  + .switch {
	border: 3px solid #febb55;
	background: #fff url(../../img/common/form_check_box_.gif) left center no-repeat;
    background-size:48px 39px;
    background-position-x: -8px;
}


/* ホットワード
---------------------------------- */

#hotword {
	width: 100%;
	background-color: #5b5b5b;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#hotword ul {
	width: 300px;
	margin: 0 auto 0px;
	position: relative;
}
#hotword ul li {
	float: left;
	padding-right: 10px;
	position: relative;
}
#hotword ul li:last-Child {
	float: left;
	padding-right: 0px;
	position: relative;
}
#hotword ul li a {
	display: block;
	color: #fff;
}

/* ピックアップツアー タブ
---------------------------------- */

#area-tab {
	width: 100%;
	height: 69px;
	
	background: url(../../img/search/tab_bg.gif) left top repeat-x;
    background-size:2px 69px;
    background-position: left top;
    margin-bottom: 20px;
}
#area-tab li {
	width: 25%;
	height: 69px;
	float: left;
	text-align: center;
	
	background: url(../../img/search/tab_line.gif) right top no-repeat;
    background-size:8px 69px;
    background-position: right top;
    display: block;
    cursor: pointer;
}
#area-tab li a {
	width: 100%;
	height: 69px;
	display: block;
}
#area-tab li:first-Child {
}
#area-tab li:last-Child {
	background: none;
}


/* ピックアップツアー 詳細
---------------------------------- */

#tour-list {
	width: 100%;
	margin: 0 auto;
	background-color: #f5f5f5;
	padding-bottom: 15px;
}
#tour-list h4 {
	width: 100%;
	height: 70px;
	margin: 0 auto;
	
	background: url(../../img/area/area_stit_pickup_bg.gif) right top repeat-x;
    background-size:5px 70px;
    background-position: right top;
    text-align: center;
}
#tour-list .tour-info {
	width: 100%;
}
#tour-list .tour-line {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 30px;
	background: url(../../img/common/sh_detail.gif) left top repeat-x;
    background-size:5px 30px;
}

#tour-list .tour-info {
	width: 100%;
	min-height: 90px;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	background: #fff url(../../img/common/tour_info_ar.gif) right center no-repeat;
    background-size:30px 35px;
    margin-bottom: 8px;
    position: relative;
}
#tour-list .thumb {
	width: 120px;
	height: 90px;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 2;
}
#tour-list .info {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	
	line-height: 20px;
}
#tour-list .info .txt {
	padding: 5px 30px 0 130px;
}
#tour-list .price {
	padding: 5px 30px 0 130px;
}
#tour-list a {
	color: #585858;
	display: block;
}



#tour-list #list-tokyo,
#tour-list #list-nagoya,
#tour-list #list-kansai,
#tour-list #list-fukuoka {
	display: none;
}


/* 新着ツアー
---------------------------------- */

#new-tour {
	width: 100%;
	margin: 0 auto;
	background-color: #f5f5f5;
	padding-bottom: 15px;
}
#new-tour h4 {
	width: 100%;
	height: 70px;
	margin: 0 auto 20px;
	
	background: url(../../img/area/area_stit_newtour_bg.gif) right top repeat-x;
    background-size:5px 70px;
    background-position: right top;
    text-align: center;
}

#new-tour .tour-info {
	width: 100%;
	min-height: 90px;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	background: #fff url(../../img/common/tour_info_ar.gif) right center no-repeat;
    background-size:30px 35px;
    margin-bottom: 8px;
    position: relative;
}
#new-tour .thumb {
	width: 120px;
	height: 90px;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 2;
}
#new-tour .info {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	
	line-height: 20px;
}
#new-tour .info .txt {
	padding: 5px 30px 0 130px;
}
#new-tour .price {
	padding: 5px 30px 0 130px;
}
#new-tour a {
	color: #585858;
	display: block;
}




/* Slider
---------------------------------- */

#sliders {
	width: 100%;
	
	background: #e9e9eb url(../../img/common/col_bg_grey_4.gif) left top repeat-x;
	background-size: 5px 20px;
	padding-top: 20px;
	overflow: hidden;
}

#slide-pos {
	width: 320px;
	height: 264px;
	margin: 0 auto;
	position: relative;
}
#slide-frame {
	width: 831px;
	position: relative;
	
	top: 0;
	left: -255px;
	/* left: -117px; */
	
}
#slider li {
	width: 277px;
	height: 236px;
	background: #e9e9eb url(../../img/area/slide_img_frame.png) center top no-repeat;
	-moz-background-size: 277px 196px;
	background-size: 277px 196px;
}
#slider li img {
	margin: 15px 0 0 15px;
}
#slider li p {
	width: 230px;
	margin: 12px 20px;
	line-height: 1.3;
}
#slider li a {
	color: #4f4f50;
	display: block;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	/* background: #f8b551; */
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager {
	background-color: #f7f7f7;
	padding-top: 15px;
	padding-bottom: 10px;
	position: absolute;
	width: 2000px;
	text-align: center;
	left: -585px;
	/* left: -860px; */
	bottom: -32px;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link.active {
	background-color: #f8b551;
}

/* 
---------------------------------- */

#back-btn {
	width: 100%;
	height: 93px;
	margin: 0 auto;
    background:#efefef url(../../img/common/sh_bottom_2.gif) left top repeat-x;
    background-size:5px 25px;
}
#back-btn-inner {
	width: 320px;
	margin: 0 auto;
	padding-top: 13px;
}


.sp {
	width: 100%;
	height: 25px;
	
	background: #fff url(../../img/common/col_bg_grey.gif) left top repeat-x;
	background-size: 10px 30px;
}
.sp-2 {
	width: 100%;
	height: 30px;
	
	background: #fff url(../../img/common/col_bg_grey_2.gif) left bottom repeat-x;
	background-size: 5px 35px;
}
.sp-3 {
	width: 100%;
	height: 20px;
	
	background: #fff url(../../img/common/col_bg_grey_3.gif) left bottom repeat-x;
	background-size: 5px 20px;
}
.sp-4 {
	width: 100%;
	height: 15px;
	
	background-color: #f7f7f7;
}



/* エリアページを見る Kuruwa add 2015/04/17
---------------------------------- */

#area-select {
	width: 100%;
	height: 82px;
	background: url(../../img/area/area_select/area_select_btn_bg.png) left top repeat-x;
	background-size: 1px 75px;
	padding-top: 2px;
}
#area-select a {
	width: 320px;
	height: 65px;
	margin: 0 auto 0;
	display: block;
}

#area-popup {
	width: 100%;
	background: url(../../img/area/area_select/area_select_bg.png) left top repeat;
	padding-bottom: 30px;
	position: absolute;
	top: 422px;
	left: 0;
	z-index: 1000;
	display: none;
}
#area-popup-title {
	width: 320px;
	margin: 0 auto;
}
#area-popup-title h4 {
	float: left;
}
#area-popup ul {
	width: 318px;
	margin: 0 auto 0;
	display: table;
}
#area-popup ul a {
	width: 144px;
	height: 45px;
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	color: #fff;
}
#area-popup ul li {
	width: 144px;
	height: 45px;
	padding-left: 5px;
	display: table-cell;
	vertical-align: middle;
	background: url(../../img/area/area_select/area_select_ar.png) right -1px no-repeat;
	background-size: 32px 47px;
	border-bottom: 1px solid #fad18c;
	line-height: 1.2;
}
#area-popup-bg {
	width: 100%;
	height: 1200px;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}