@charset "Shift_JIS";

/* パンフレットから探す
------------------------------------------ */
.panfuBox {
	float: left;
	width: 197px;
	background-color: #00387d;
	padding: 8px 0 10px 0px;
	margin-bottom: 10px;
	margin-right: -10px;
	overflow:hidden;
	_zoom: 1;
}

.panfuBox .title {
	width: 196px;
	margin-bottom: 5px;
}


.panfuBox .areaBox {
	float: left;
	width: 195px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-right: 10px;
	_margin-right: 5px;
	overflow:hidden;
	display: inline;
}

.panfuBox .areaBox ul {
	float: left;
	width: 198px;
	margin: 5px 7px 2px 3px;
	padding:0;
	display: inline;
	list-style:none;
}

.panfuBox .areaBox ul li {
	float: left;
	background: url(../images/ic_arrow04.gif) no-repeat 0 3px;
	padding-left: 9px;
	margin: 0 8px 2px 0;
	font-size:12px;
}

.panfuBox .areaBox ul.rural {
	float: left;
	width: 196px;
	margin: 2px 7px 0 7px;
	padding: 5px 0;
	background: url(../images/ln_dot01.gif) repeat-x left top;
}

.panfuBox .areaBox ul.rural li {
	float: left;
	background: url(../images/ic_arrow01.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin: 0 8px 2px 0;
	white-space: nowrap;
}


.panfude{
	width:198px;
	margin:0 auto;
	float:left;
}

.panfude a{
	display:block;
	margin:0;
	padding:0;
}

.panfude p{
	width:186px;
	font-size:12px;
	margin:0 auto;
	padding:5px;
	border:1px solid #a4def1; 
}

/* Webコレクション
------------------------------------------ */
.webcolleBox {
	width: 200px;
	height: 113px;
	background: url(../images/bg_webcolle.jpg) no-repeat 0 0;
	margin-bottom: 10px;
}

.webcolleBox ul {
	padding:70px 0px 0px 8px;
}

.webcolleBox ul li {
	float: left;
	margin-right: 5px;
}


/* Webコレクション
------------------------------------------ */
.webcolleBox {
	width: 200px;
	height: 113px;
	background: url(../images/bg_webcolle.jpg) no-repeat 0 0;
	margin-bottom: 10px;
}

.webcolleBox ul {
	padding:70px 0px 0px 8px;
}

.webcolleBox ul li {
	float: left;
	margin-right: 5px;
}

/* 売れ筋！おすすめプラン
------------------------------------------ */
#center {
	float: left;
	margin-bottom: 10px;
}

#center ul.tabNav {
	position: relative;
	z-index: 10;
	*zoom: 1;
	margin-top: 5px;
}

#center ul.tabNav li {
	float: left;
	line-height: 0;
}

*html #center ul.tabNav li {   /* IE6用ハック */
	margin-bottom: -3px;
}

html>body #center ul.tabNav li {   /* IE7,8用ハック */
	margin-bottom: -3px;
}

#center .tabContent_reco {
	clear: left;
	width: 508px;   /* 530pxに設定 */
	position: relative;
	top: -1px;
	z-index: 1;
	background: #FFF;
	padding-top:15px;
}

#center .tabContent_reco .areaLink {
	position:relative;
	width: 508px;
	height: 48px;
	background: url(../images/bg_reco_area.gif) no-repeat 0 0;
	margin-bottom: 10px;
}

#center .tabContent_reco .areaLink ul.tabs01,
#center .tabContent_reco .areaLink ul.tabs02,
#center .tabContent_reco .areaLink ul.tabs03,
#center .tabContent_reco .areaLink ul.tabs05 {
	position:absolute;
	width:404px;
	left:104px;
	top:7px;
}
#center .tabContent_reco .areaLink ul.tabs04{
	position:absolute;
	width:404px;
	left:104px;
	top:15px;
}

#center .tabContent_reco .areaLink ul.tabs01 li,
#center .tabContent_reco .areaLink ul.tabs02 li,
#center .tabContent_reco .areaLink ul.tabs03 li,
#center .tabContent_reco .areaLink ul.tabs04 li,
#center .tabContent_reco .areaLink ul.tabs05 li {
	float: left;
	background: url(../images/ic_arrow04.gif) no-repeat 0 3px;
	padding-left: 10px;
	margin: 0 8px 2px 0;
	white-space: nowrap;
}

/* エリアを選択したときの設定 */
#center .tabContent_reco .areaLink ul.tabs01 .current,
#center .tabContent_reco .areaLink ul.tabs01 .current:hover,
#center .tabContent_reco .areaLink ul.tabs01 li.current a,

#center .tabContent_reco .areaLink ul.tabs02 .current,
#center .tabContent_reco .areaLink ul.tabs02 .current:hover,
#center .tabContent_reco .areaLink ul.tabs02 li.current a,

#center .tabContent_reco .areaLink ul.tabs03 .current,
#center .tabContent_reco .areaLink ul.tabs03 .current:hover,
#center .tabContent_reco .areaLink ul.tabs03 li.current a,

#center .tabContent_reco .areaLink ul.tabs04 .current,
#center .tabContent_reco .areaLink ul.tabs04 .current:hover,
#center .tabContent_reco .areaLink ul.tabs04 li.current a,

#center .tabContent_reco .areaLink ul.tabs05 .current,
#center .tabContent_reco .areaLink ul.tabs05 .current:hover,
#center .tabContent_reco .areaLink ul.tabs05 li.current a {	
	cursor: default !important; 
	color: #333 !important;
	font-weight: bold;
	text-decoration: none;
}

#center .tabContent_reco .panes01,
#center .tabContent_reco .panes02,
#center .tabContent_reco .panes03,
#center .tabContent_reco .panes04,
#center .tabContent_reco .panes05 {
	float: left;
	width: 508px;
}

#center .tabContent_reco h3 {
	width: 490px;   /* 508pxに設定 */
	height: 23px;   /* 30pxに設定 */
	padding: 7px 0 0 18px;
	background: url(../images/bg_list_area.gif) no-repeat 0 0;
}
.rei {
	width:505px;
	color:#F00;
	text-align:right;
	margin:-23px 0px 10px 0px;
}

#center .tabContent_reco ul.list {
	padding:0px;
	margin:0px;	
}

#center .tabContent_reco ul.list li {
	width: 508px;
	background: url(../images/ln_dot01.gif) repeat-x left bottom;
	padding: 5px 0;
}

#center .tabContent_reco ul.list li .detail {
	margin-bottom: 0;
}

#center .price {
	font-weight: bold;
	color: #FF0000;
}

#center .tabContent_reco ul.list li .camera {
	margin-bottom: 0;
}

#center .tabContent_reco ul.list li .ic {
	vertical-align: middle;
	margin-right: 3px;
}

#center .tabContent_reco ul.list li img {
	vertical-align: middle;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {   /* Safari 3以上,Chrome用ハック */
#center .tabContent_reco ul.list li img { margin-top:-4px; }
}

/* 出発地別の旅行情報はこちら
------------------------------------------ */
.departureBox {
	float: left;
	width: 198px;
	border: #CCC solid 1px;
	background-color: #FFF;
	margin-bottom: 10px;
}

.departureBox ul {
	padding: 5px 5px 0;
	padding-bottom: 5px;
	list-style:none;
}

.departureBox ul li {
	float: left;
	background: url(../images/ic_arrow06.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-bottom: 2px;
	margin-right: 10px;
	font-size:12px;
}
.departureBox ul li.wide {
	clear: both;
	width: 160px;
}
/* 国別情報
------------------------------------------ */
#sideR .countryBox {
	float: left;
	width: 198px;
	border: #CCC solid 1px;
	background-color: #FFF;
	margin-bottom: 10px;
}

#sideR .countryBox h3.tx_country {
	margin: 5px 5px 4px 5px;
}

#sideR .countryBox ul {
	margin: 0 5px;
	padding-bottom: 5px;
}

#sideR .countryBox ul li {
	width: 173px;
	background: url(../images/ic_arrow06.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-bottom: 2px;
}

/* 右サイドバナー
------------------------------------------ */
#sideR ul.sideBn {
	width: 200px;
}

#sideR ul.sideBn li {
	line-height: 0;
	font-size: 0.1em;   /* リストの隙間消す　IE用ハック */
	margin-bottom: 10px;
}

/* 携帯サイトはこちら
------------------------------------------ */
#sideR #mobileBox {
	float: left;
	width: 198px;
	border: #CCC solid 1px;
	background-color: #FFF;
	margin-bottom: 10px;
}
#sideR #mobileBox p.txt{
	padding: 5px;
	float: left;
	width: 125px;
}
#sideR #mobileBox p.QR {
	padding: 5px;
}
#sideR #mobileBox a {
	background: url(../images/ic_arrow03.gif) no-repeat 0 2px;
	padding-left: 15px;
}

/* お問い合わせ　Ｑ＆Ａ
------------------------------------------ */
#sideR #qaBox {
	float: left;
	width: 198px;
	border: #CCC solid 1px;
	background-color: #FFF;
	margin-bottom: 10px;
}
#sideR #qaBox ul {
	margin: 5px;
}
#sideR #qaBox li {
	background: url(../images/ic_arrow03.gif) no-repeat 0 2px;
	padding-left: 15px;
	margin-bottom: 5px;
}

/* 店舗のご案内
------------------------------------------ */
#sideR .shopinfoBox {
	float: left;
	width: 198px;
	border: #CCC solid 1px;
	background-color: #F7F4EE;
	margin-bottom: 10px;
}

#sideR .shopinfoBox p.tx_shopinfo {
	margin: 8px 5px 4px 5px;
}

#sideR .shopinfoBox ul {
	margin: 0 5px;
	padding-bottom: 5px;
}

#sideR .shopinfoBox ul li {
	background: url(../images/ic_arrow03.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-bottom: 2px;
}

#sideR .shopinfoBox ul li img {
	margin-left: 3px;
}

/* 学生旅行
------------------------------------------ */
#center .student {
	float: left;
	width: 506px;
	border: #F66 solid 2px;
	background-color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}

#center .student ul li.no {
	padding: 0 0 0 13px;
	background: url(../../../panfu/kokunai/images/arrow_navy.gif) no-repeat left 2px;
}

#center .student ul li a {
	padding: 0 0 0 13px;
	background: url(../../../panfu/kokunai/images/arrow_navy.gif) no-repeat left 2px;
}

#center .student p.right {
	text-align: right;
	margin-top: 5px;
}


/* 宿泊・ツアー検索
------------------------------------------ */
#boxKensaku {
	width:200px;
	margin-bottom:15px;
}
#boxKensaku h3 {
	margin-bottom:6px;
}
.tabKensaku {
	width:200px;
	height:29px;
	background-image: url(../images/tab_kensaku.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tabKensaku li {
	height: 29px;
	float: left;
}
.tabKensaku li a {
	display:block;
	text-indent: -9999px;
}
a#kensaku1 {
	background: url(../images/tab_kensaku.gif) no-repeat 0px 0px;
	height: 29px;
	width: 77px;
	margin-right:3px;
}
a#kensaku2 {
	background: url(../images/tab_kensaku.gif) no-repeat -80px -29px;
	height: 29px;
	width: 120px;
}
#tab-01 {
	width: 194px;
	padding-bottom:3px;
	border: 3px solid #fa3b4b;
}
#tab-01In {
	padding: 3px;
}
#boxSearchSyuku {
	padding:8px 0px 10px 0px;
}

#boxSearchSyuku dl {
	padding:0px 0px 5px 8px;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0px 0px 10px 0px;
}
#boxSearchSyuku dt {
	font-weight:bold;
	color:#910902;
	margin-bottom:3px;
	font-size: 12px;
}
#boxSearchSyuku dd {
	margin-bottom:5px;
}

#boxSearchSyuku .itemleft{
	width: 80px;
	color: #910902;
	font-weight: bold;
	font-size: 12px;
}
#boxSearchSyuku .itemright {
	margin:-22px 0px 0px 80px;
}
.focusSubmit{
	background-color:#ffd0da;
	text-align:center;
	clear: both;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	font-size: 12px;
}
#tab-02 {
	width: 194px;
	padding-bottom:3px;
	border: 3px solid #3e45fa;
}
#tab-02In {
	padding: 3px;
}
.btnKensaku {
	background-image: url(../images/btn_kensaku.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 65px;
	width: 185px;
	margin-left:2px;
	margin-top:10px;
}
.btnKensaku a {
	display:block;
	background-image: url(../images/btn_kensaku.gif);
	height: 65px;
	width: 185px;
}
.btnKensaku a:hover {
	background-image: url(../images/btn_kensaku_ov.gif);
}






.station{
	margin-top:5px;
	margin-bottom:10px;
	line-height:12px;
}

.rank{
	font-size:14px;
}

.star{
	font-size:18px;
}



/* ブランド
------------------------------------------ */
#boxBrand {
	width: 200px;
}
.blandList {
	padding: 2px 5px 0px;
	margin-bottom:15px;
	background: url(../images/bg_brand.gif) no-repeat left bottom;
}
.blandList li {
	width: 190px;
	padding: 8px 0px;
	clear: both;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
}
.blandList li .bnr {
	width: 70px;
	float: left;
	text-align: center;
	padding-top: 5px;
}
.blandList li dl {
	width: 115px;
	float: left;
}
.blandList li dl dt {
	font-size: 12px;
	font-weight: bold;
}
.blandList li dl dd {
	font-size: 11px;
}


/*AIU保険バナー*/
.bnrAIU {
	width: 200px;
	clear: both;
	padding: 10px 0px 0px;
}
.bnrAIU li {
	margin-bottom: 5px;
	font-size: 10px;
	text-align: center;
}


/* お役立ち
------------------------------------------ */
#boxOyakudachi {
	background: url(../images/bg_brand.gif) no-repeat left bottom;
	width: 200px;
	margin-bottom: 15px;
	font-size: 12px;
	padding-bottom: 15px;
}
#boxOyakudachi .info {
	padding: 10px 0px 2px 7px;
}
#boxOyakudachi ul {
	padding: 2px 0px 5px;
	border-bottom: 1px dotted #CCC;
	width: 180px;
	margin-left: 10px;
	margin-right: 10px;
}
#boxOyakudachi ul li {
	padding: 3px 0px 3px 10px;
	background-image: url(../images/ic_cmn_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 5px;
	margin-right: 5px;
}

#boxOyakudachi .link {
	padding-left: 15px;
	background-image: url(../images/ic_arrow06.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 50px;
	margin-top: 10px;
}


/*webチラシページ
------------------------------------------ */
#webAd {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 950px;
	text-align: center;
}
#webAd img {
	border:solid 1px #999;
}
.txtWebAd {
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
	background-color: #1e6fdd;
	margin: 5px 25px;
	font-size: 18px;
}



/*JRセットプラン人気の定番区間から探す
------------------------------------------ */
.boxBtnArea{
	padding:0;
	margin:15px 0 10px 0;
	width:720px;
}
.boxBtnArea dt{
	margin:0 0 10px 0;
}
.boxBtnArea dd{
	padding:0;
	margin:0;
}
.btnArea{
	margin: 0px 0px 0px 25px;
	padding: 0;
}
.btnArea li {
    float: left;
    height: 51px;
    width: 105px;
    padding: 0px;
    margin: 0px 7px 10px 0px;
}
.btnArea li a {
display: block;
height: 33px;
width: 87px;
background-image: url(//www.nta.co.jp/shared2013/jr/images/jr_sec_btn.png);
background-size: 105px 51px;
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
color: #12155f;
text-decoration: none;
padding: 18px 18px 0px 0;
text-align: center;
}

/*search*/
:root {
	--gadget-accent-color: #3333af!important;
	--gadget-noactive-color: #ebebeb!important;
	--gadget-botton-color: #F29A16!important;
}
.search_kokunaiBar .fw-top .fw-checkbox__label:before {border-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fw-checkbox__input:checked + .fw-checkbox__label:before {
    background-color: var(--gadget-accent-color);
    border-color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list {border-bottom-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li.fw-is-active {background: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-btn-clear {
    border-color: var(--gadget-accent-color);
    color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li {background-color: var(--gadget-noactive-color);}
.search_kokunaiBar .fw-top .fw-btn-detail-01, .fw-top .fw-btn-fix-01 {background-color: var(--gadget-botton-color);}
.search_kokunaiBar .fw-top .fwnta-btn-search{background-color: var(--gadget-botton-color);}
#Head01 #HeadInner .HeadNav01 {z-index: 1;}
.search_kokunaiBar .serchBox > ul li {font-size: 14px!important;}
.search_kokunaiBar .box_airset .selectday {font-size: 12px!important;}
.search_kokunaiBar input,
.search_kokunaiBar button {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
}
.search_kokunaiBar .w50p {width: 32% !important;}
.search_kokunaiBar header {display: block;}

.search_kokunaiBar .fwnta-search-date-exception label,
.search_kokunaiBar .fwnta-search-date-exception .fwnta-search-group__sub-label,
.search_kokunaiBar .box_airset #pax_wrap .childt_pax .guidance_p_pax {font-size:13px;}

#anchorLinkBlock, .anchorLinkBlock {
	width: 100%;
	max-width:1080px;
	min-width:760px;
    margin: 15px auto;
}