@charset "utf-8";

/*--------------------------------------------------*/
/*BASE*/
/*--------------------------------------------------*/
/*==jkEmc==*/
#jkEmc{
  width:100%;
  background:#eee url(../img_re/index/emc_bg.jpg) left top;
  border-bottom:1px solid #ccc;
}
#jkEmc .inner{
  width:980px;
  margin:0 auto;
  padding-bottom:9px;
  text-align:left;
}
#jkEmc ul,
#jkEmc ul li,
#jkEmc ul li p{
  margin:0;
  padding:0;
  list-style:none;
}
#jkEmc ul{
  padding-top:1px;
}
#jkEmc ul li{
  margin-top:10px;
  padding-top:5px;
  background:url(../img_re/index/emc_bg_top.png) left top no-repeat;
}
#jkEmc ul li.first-child{margin-top:9px;}

#jkEmc ul li div{
  padding-bottom:5px;
  background:url(../img_re/index/emc_bg_btm.png) left bottom no-repeat;
}
#jkEmc ul li p{
  padding-top:5px;
  padding-right:1em;
  padding-bottom:5px;
  padding-left:2em;
  background:url(../img_re/index/emc_bg_mid.png) left top repeat-y;
  color:#992413;
  text-indent:-1em;
  display:block;
}
/*IE7 hack*/
*:first-child+html #jkEmc ul li p{text-indent:-0.5em;}

#jkEmc ul li a{color:#992413;}


/*==container==*/
#jkContainer{
  background-position:center top;
  background-repeat:no-repeat;
  background-image:url(../img_re/index/bg1.jpg);
}

/*pageTop*/
#jkContainer #pageTop{
  margin-top:185px;
}

/*--------------------------------------------------*/
/*contTop*/
/*--------------------------------------------------*/
#jkContents .contTop{
  padding-bottom:30px;
}

/*==mainTop==*/
#jkContents .mainTop{
  width:680px;
  float:left;
}


/*==TAB==*/
#tabs{}
#tabs .tabNav li{float:left;}
#tabs .tabNav li a{
	height:59px;
	background-repeat:no-repeat;
	background-position:left top;
  border-top:1px solid #728393;
  border-right:1px solid #728393;
  border-left:1px solid #728393;
	cursor:pointer;
	display:block;
	overflow:hidden;
}
#tabs .tabNav li a span{
	cursor:pointer;
	display:none;
}

/*imgchange*/
#tabs .tabNav li a#tabUse{width:225px;}
#tabs .tabNav li a#tabUse:link, #tabs .tabNav li a#tabUse:visited{
background:url(../img_re/index/tabuse_off.png);}
#tabs .tabNav li a#tabUse:hover, #tabs .tabNav li a#tabUse:active,
#tabs .tabNav li.ui-tabs-selected a#tabUse:link, #tabs .tabNav li.ui-tabs-selected a#tabUse:visited,
#tabs .tabNav li.ui-tabs-selected a#tabUse:hover, #tabs .tabNav li.ui-tabs-selected a#tabUse:active{
background:url(../img_re/index/tabuse_on.png);
}

#tabs .tabNav li a#tabEnjoy{width:226px; margin-left:-1px;}
#tabs .tabNav li a#tabEnjoy:link, #tabs .tabNav li a#tabEnjoy:visited{
background:url(../img_re/index/tabenjoy_off.png);}
#tabs .tabNav li a#tabEnjoy:hover, #tabs .tabNav li a#tabEnjoy:active,
#tabs .tabNav li.ui-tabs-selected a#tabEnjoy:link, #tabs .tabNav li.ui-tabs-selected a#tabEnjoy:visited,
#tabs .tabNav li.ui-tabs-selected a#tabEnjoy:hover, #tabs .tabNav li.ui-tabs-selected a#tabEnjoy:active{
background:url(../img_re/index/tabenjoy_on.png);}

#tabs .tabNav li a#tabSearch{width:225px; margin-left:-1px;}
#tabs .tabNav li a#tabSearch:link, #tabs .tabNav li a#tabSearch:visited{
background:url(../img_re/index/tabsearch_off.png);}
#tabs .tabNav li a#tabSearch:hover, #tabs .tabNav li a#tabSearch:active,
#tabs .tabNav li.ui-tabs-selected a#tabSearch:link, #tabs .tabNav li.ui-tabs-selected a#tabSearch:visited,
#tabs .tabNav li.ui-tabs-selected a#tabSearch:hover, #tabs .tabNav li.ui-tabs-selected a#tabSearch:active{
background:url(../img_re/index/tabsearch_on.png);}

#tabCnt{
  background:url(../img_re/index/tab_bg.png) left top repeat-x;
  border-right:1px solid #728393;
  border-bottom:1px solid #728393;
  border-left:1px solid #728393;
  clear:both;
}
/*==/TAB==*/

/*resTct*/
#jkContents .rtWrap{
  padding:20px;
}

/*時刻・運賃検索/予約*/
#jkContents .reserve{
  width:309px;
  float:left;
}
#jkContents .reserveForm{
  margin-top:14px;
  background-color:#fff;
  border-top:1px solid #f0f0f0;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  border-left:1px solid #f0f0f0;
}
.reserveForm form{
  padding:1px 19px 12px 19px;
}

.reserveForm .nameWrap{
}
.reserveForm .nameWrap .dsInput{
  width:210px;
  float:left;
}
.reserveForm .nameWrap .dsInput p{
  margin-top:10px;
}
.reserveForm .nameWrap .dsInput img,
.reserveForm .nameWrap .dsInput input{
  vertical-align:middle;
}
.reserveForm .nameWrap input#dsName{
  width:127px;
  padding:7px 5px 7px;
  background-color:#fafafa;
  border:1px solid #ddd;
  color:#666;
  font-size:92.31%;
}
.reserveForm .nameWrap input#asName{
  width:127px;
  padding:7px 5px 7px;
  background-color:#fafafa;
  border:1px solid #ddd;
  color:#666;
  font-size:92.31%;
}
.reserveForm .nameWrap #dsBtn{
  margin-top:20px;
  cursor:pointer;
  float:right;
}
.reserveForm .nameWrap #dsBtn a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.reserveForm .dateWrap{
  margin-top:10px;
}
/*IE7 hack*/
*:first-child+html .reserveForm .dateWrap{
  height:34px;
}
.reserveForm .dateWrap img,
.reserveForm .dateWrap select{vertical-align:middle;}

.reserveForm .timeWrap{
  width:145px;
  margin-top:10px;
  padding-left:48px;
  float:left;
}
.reserveForm .timeWrap img,
.reserveForm .timeWrap select{vertical-align:middle;}


.reserveForm .calendarWrap{
  width:66px;
  margin-top:10px;
  float:right;
}
.reserveForm .calendarWrap input{
}
.reserveForm .calendarWrap img{
}

.reserveForm .typeWrap{
  margin-top:55px;
  padding-left:48px;
}

.reserveForm .ssBtn{
  margin-top:5px;
}
.reserveForm .ssBtn input:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.reserveForm .ssLink{
  background:#fbe5e7 url(../img_re/index/ss_link_bg.gif) left bottom repeat-x;
}
.reserveForm .ssLink p{
  background:url(../common_re/img/arw01.png) 19px 13px no-repeat;
  border-top:1px solid #fad3d6;
  font-size:92.31%;
}
.reserveForm .ssLink p a{
  padding:7px 10px 7px 29px;
  display:block;
}


/*おトクなきっぷ*/
#jkContents .ticket{
  width:309px;
  float:right;
}

.ticket .ticketBnr{
}
.ticket .ticketBnr li{
  margin-top:15px;
  margin-left:19px;
  float:left;
}
.ticket .ticketBnr li.first-child{margin-left:0px;}
.ticket .ticketBnr li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.ticket .ticketLink{
  margin-top:21px;
}
.ticket .ticketLink li{float:left;}

/*時刻表*/
.timeTable{
  clear:both;
}

.timeTable .station{
  width:339px;
  padding-bottom:20px;
  float:left;
}
.timeTable .station ul{
  padding-top:21px;
  padding-left:20px;
}
.timeTable .station ul li{float:left;}

.timeTable .route{
  width:339px;
  float:right;
}
.timeTable .route ul{
  padding-top:21px;
  padding-left:10px;
}
.timeTable .route ul li{float:left;}


/*おでかけ・観光を楽しむ*/
#jkContents .enjoyInner{
  padding:20px;
}
.enjoyList{
}
.enjoyList li{
  margin-right:19px;
  float:left;
}
.enjoyList li.last-child{margin-right:0;}

.enjoyList li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

#jkContents .camList{
  margin-top:29px;
  clear:both;
}
.camList .camListTtl{
  padding-bottom:15px;
}

/*camSlide*/
#camSlide{
  width:100%;
}
#camSlide ul{
}
#camSlide ul li{
  width:180px;
  height:240px;
  margin-right:19px;
  background-color:#fff;
  overflow:hidden;
  float:left;
  position:relative;
}
#camSlide ul li.last-child{margin-right:0;}

#camSlide ul li a{
  display:block;
  position:absolute;
  top:0;
  left:0;
}
#camSlide ul li a:link, #camSlide ul li a:visited{
  width:180px;
  height:240px;
  border:none;
}
#camSlide ul li a:hover, #camSlide ul li a:active{
  width:174px;
  height:234px;
  background:url(../img_re/index/cam_cover.png) 0 0;
  border:3px solid #f18088;
}

#camSlide ul li dl{
  padding:10px 9px;
}
#camSlide ul li dt{
  padding-left:5px;
  border-left:1px solid #e40011;
  font-weight:bold;
}
#camSlide ul li dd{
  margin-top:1px;
  padding-left:6px;
  font-size:92.31%;
}

#camSlide .bx-wrapper{
  margin:0 auto;
  position:relative;
}

#camSlide .bx-pager{display:none;}
#camSlide .bx-wrapper .bx-controls-direction a{
  width:18px;
  height:238px;
  background-color:#fff;
  background-position:center center;
  background-repeat:no-repeat;
  border:1px solid #ddd;
  text-indent:-10000px;
  overflow:hidden;
  position:absolute;
  top:0;
  z-index:9999;
}
#camSlide .bx-wrapper .bx-prev{
  background-image:url(../img_re/index/cam_prev_ac.gif);
  left:-30px;
}
#camSlide .bx-wrapper .bx-next{
  background-image:url(../img_re/index/cam_next_ac.gif);
  right:-30px;
}
#camSlide .bx-wrapper .bx-prev.disabled{
  background-image:url(../img_re/index/cam_prev.gif);
  cursor:default;
}
#camSlide .bx-wrapper .bx-next.disabled{
  background-image:url(../img_re/index/cam_next.gif);
  cursor:default;
}


/*宿泊旅行を探す*/
#jkContents .cmWrap{
  padding:20px;
}

/*sMap*/
#jkContents .sMap{
  width:302px;
  margin-right:5px;
  float:left;
}
.sMap .sMapInner{
  width:300px;
  margin-top:9px;
  background-color:#fff;
  border:1px solid #ddd;
}
.forcia_map_path{
  margin-top:40px;
}
.forcia_map_path p{
  margin-top:38px;
  padding-bottom:17px;
  font-size:92.31%;
}
/* IE8 hack */
html>/**/body .forcia_map_path p{padding-bottom:16px\9;}

/*条件で探す*/
#jkContents .sCndt{
  width:198px;
  float:left;
}
.sCndt .sCndtInner{
  margin-top:9px;
  padding:2px 0px 10px 10px;
  background-color:#fff;
  border:1px solid #ddd;
}
/*IE7 hack*/
*:first-child+html .sCndt .sCndtInner{padding:2px 0px 19px 10px;}
/* IE8 hack */
html>/**/body .sCndt .sCndtInner{padding:2px 0px 35px 10px\9;}
.sCndt dl{
  margin-top:10px;
  clear:both;
}
.sCndt dt{
  width:49px;
  padding-top:10px;
  float:left;
}
.sCndt dd{
  width:130px;
  float:left;
}
/*IE7 hack*/
*:first-child+html body .sCndt .forcia_select dd{
  padding-top:10px;
}
/* IE8 hack */
html>/**/body .sCndt .forcia_select dd{
	padding-top:8px\9;
}

.sCndt dd select{
  width:128px;
  vertical-align:top;
}
.sCndt #btnCalendar{
  padding-bottom:6px;
}
.sCndt #btnCalendar dt{
  padding-top:0;
}
.sCndt #tourType{
  margin-top:13px;
}
.sCndt #tourType dt{
  margin-right:0;
  padding-top:2px;
}

.sCndt dd .easy-select-box{
}
.forcia_tourType dd{
  margin-top:4px;
}

/*searchBudget*/
#jkContents .sBudget{
  width:126px;
  float:right;
}
.sBudget .sBudgetInner{
  margin-top:9px;
  background-color:#fff;
  border:1px solid #ddd;
}


#jkContents .bkWrap{
  margin-top:3px;
  padding:0 20px;
  clear:both;
}

/*searchKeyword*/
#jkContents .sKeyword{
  width:302px;
  float:left;
}
.sKeyword .sKeywordInner{
  margin-top:9px;
}
.sKeyword dt{
  line-height:1;
}
.sKeyword dd{
  margin-top:10px;
}

#sBtn{
  width:331px;
  padding-top:2px;
  text-align:center;
  float:right;
}
#sBtn input{
  width:auto;
}
#sBtn input:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

#jkContents .sLine{
  height:1px;
  margin:30px 20px 0;
  background-color:#ccc;
  clear:both;
}
.sLine hr{display:none;}

/*sBnr*/
#jkContents .sBnr{
  margin-top:30px;
  padding-left:20px;
  padding-bottom:22px;
}
.sBnr ul{}
.sBnr li{
  margin-right:12px;
  float:left;
}
.sBnr li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}


/*--------------------------------------------------*/
/*FORM CUSTOMIZE[Easy Select Box]*/
/*--------------------------------------------------*/
/*==Cndt==*/
#jkContents .forcia_tourType{
  padding-bottom:0;
}
.forcia_openCalendar a{
  width:23px;
  height:25px;
  margin-right:0;
  margin-left:9px;
  padding-top:0;
  background:url(../img_re/index/sk_calendar.gif) 0 0 no-repeat;
}
#jkContents .forcia_calendar{
  z-index:10000;
}
#jkContents .forcia_tourType{
  font-size:100%;
}
.forcia_tourType dd{
  height:auto;
  padding-top:0;
  padding-left:19px;
  float:none;
}
.forcia_tourType dd.ac{
  background-position:0 0.2em !important;
}
.forcia_tourType dd#SearchAPI_tourType_1{
  margin-top:0;
}
.forcia_tourType dd#SearchAPI_tourType_1,
.forcia_tourType dd#SearchAPI_tourType_3{
  width:auto;
  margin-right:0;
  margin-left:49px;
  background:url(../img_re/index/check.gif) 0 0.2em no-repeat;
}
.forcia_tourType dd#SearchAPI_tourType_1.ac,
.forcia_tourType dd#SearchAPI_tourType_3.ac{
  background:url(../img_re/index/check_ac.gif) 0 0.2em no-repeat;
}

/*==MAP==*/
.forcia_map .overlay{
  cursor:pointer;
}
.forcia_map map div{
  padding:1px 3px 2px;
  background-color:#f17d85;
  border:1px solid #eb4754;
  color:#fff;
  font-size:12px;
}
.forcia_map map div.na{
  background-color:#ddd;
  border:1px solid #bbb;
  color:#fff;
  cursor:default;
}

/*==Budget==*/
#jkContents .forcia_priceRange{
  width:100%;
  margin-bottom:0;
  border:none;
  font-size:100%;
}
.forcia_priceRange li{
  width:106px;
  padding:11px 9px 12px;
  /* background:url(../img/index/check.gif) left center no-repeat; */
  background:#fff;
  border-right:none;
  border-bottom:1px solid #ddd;
  color:#333;
  font-size:92.31%;
  line-height:1;
  text-align:left;
}
.forcia_priceRange li.last-child{border-bottom:none;}

.forcia_priceRange li.hover{
  /* background:url(../img/index/check.gif) left center no-repeat; */
  background:#ffe7cd;
  color:#0069b4;
}
.forcia_priceRange li.ac{
  /* background:url(../img/index/check_ac.gif) left center no-repeat; */
  background:#fde9ea;
  border:none;
  border-bottom:1px solid #ddd;
  box-shadow:none;
  color:#0069b4;
}
.forcia_priceRange li.ac.last-child{border-bottom:none;}

/*==Keyword==*/
#jkContents .forcia_kywd{
  width:280px;
  padding:10px 10px 9px;
  background-color:#fff;
  border:1px solid #ddd;
  line-height:1;
}
/*--------------------------------------------------*/
/*FORM CUSTOMIZE[Easy Select Box]*/
/*--------------------------------------------------*/


/*==asideTop==*/
#jkContents .asideTop{
  width:290px;
  float:right;
}

/*info*/
.asideTop .info{
  background-color:#ef6670;
  padding:4px;
}

/*列車運行情報*/
.asideTop .info .train{
  padding:13px 14px 19px;
  background-color:#fff;
  position:relative;
}
.asideTop .info .train .ttl{
  padding-bottom:13px;
}
.asideTop .info .train .link{
  padding-left:12px;
  background:url(../common_re/img/arw01.gif) 0 0.5em no-repeat;
  font-size:92.31%;
  position:absolute;
  top:12px;
  right:13px;
}
.asideTop .info .train .list{
  background: url(../img_re/index/info/train_bg.gif) left top repeat-y;
}
.asideTop .info .train ul{
  width:127px;
  float:left;
}
.asideTop .info .train ul li{
  border-top:1px solid #e8e8e8;
  border-left:1px solid #e8e8e8;
}
.asideTop .info .train ul li.bdrBtm{
  border-bottom:1px solid #e8e8e8;
}
.asideTop .info .train ul li a{
  padding:10px 0 10px 10px;
  display:block;
}
/*
.asideTop .info .train ul li a:link, .asideTop .info .train ul li a:visited{background:none;}
.asideTop .info .train ul li a:hover, .asideTop .info .train ul li a:active{background-color:#e5e5e5;}
*/

.asideTop .info .train ul li img{vertical-align:middle;}

.asideTop .info .train .cap{
  margin-top:13px;
}

.asideTop .info .railway{
  padding:13px 14px;
  background-color:#eee;
  border-top:1px solid #ccc;
}
.asideTop .info .railway .inner{
}

/*鉄道情報*/
.asideTop .info .railway{
  padding:13px 14px 19px;
  background-color:#eee;
  position:relative;
}
.asideTop .info .railway .ttl{
  padding-bottom:13px;
}
.asideTop .info .railway ul{}
.asideTop .info .railway ul li{float:left;}
.asideTop .info .railway ul li.last-child{float:right;}
.asideTop .info .railway ul li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

/*member*/
.asideTop .member{
  margin-top:10px;
  background-color:#fff;
}
.asideTop .member .inner{
  padding:12px;
  border-right:1px solid #676767;
  border-bottom:1px solid #676767;
  border-left:1px solid #676767;
}
.asideTop .member p{
  float:left;
}
.asideTop .member p a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.asideTop .member ul{
  padding-top:15px;
  margin-left:102px;
}
.asideTop .member ul li{
  padding-left:12px;
  background:url(../common_re/img/arw01.gif) 0 0.4em no-repeat;
}

/*bnr*/
.asideTop .bnr{
  margin-top:10px;
}
.asideTop .bnr li{
  background-color:#fff;
  float:left;
}
.asideTop .bnr li.last-child{float:right;}
.asideTop .bnr li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}


/*--------------------------------------------------*/
/*news*/
/*--------------------------------------------------*/
#jkContents .news{
  clear:both;
}
.news .inner{
  background-color:#fff;
  border-top:3px solid #333;
  border-right:1px solid #676767;
  border-bottom:1px solid #676767;
  border-left:1px solid #676767;
}
.news .newsList ul{
  padding:1px;
}
.news .newsList ul{
  height:135px;
  padding:7px 13px 0 30px;
  overflow-y:scroll;
}
.news .newsList ul li{
  margin-top:10px;
  padding-bottom:13px;
  background:url(../img_re/index/news_line.jpg) left bottom repeat-x;
}
.news .newsList ul li a{
  padding-left:23px;
  background:url(../img_re/index/news_pnt.jpg) 0 0.3em no-repeat;
  display:block;
}
.news .newsList ul li a span{
  display:block;
}
.news .newsList ul li a span.date{
  width:10em;
  float:left;
}
.news .newsList ul li a span.txt{
  margin-left:10.5em;
}
.news .newsList ul li a:link span, .news .newsList ul li a:visited span{}
.news .newsList ul li a:hover span, .news .newsList ul li a:active span{text-decoration:underline;}


/*--------------------------------------------------*/
/*clearfix*/
/*--------------------------------------------------*/
.reserveForm .nameWrap:after,
.contTop:after,
.rtWrap:after,
.ticket .ticketBnr:after,
.ticket .ticketLink:after,
.timeTable:after,
.timeTable .station ul:after,
.timeTable .route ul:after,
.enjoyList:after,
#camSlide ul:after,
.sCndt dl:after,
.cmWrap:after,
.bkWrap:after,
.sBnr ul:after,
.asideTop .info .train .list:after,
.asideTop .info .railway ul:after,
.asideTop .member .inner:after,
.asideTop .bnr:after,
.news .newsList ul li a:after{
content:"";
display:block;
clear:both;
}
/*IE6, 7*/
.reserveForm .nameWrap,
.contTop,
.rtWrap,
.ticket .ticketBnr,
.ticket .ticketLink,
.timeTable,
.timeTable .station ul,
.timeTable .route ul,
.enjoyList,
#camSlide ul,
.sCndt dl,
.cmWrap,
.bkWrap,
.sBnr ul,
.asideTop .info .train .list,
.asideTop .info .railway ul,
.asideTop .member .inner,
.asideTop .bnr,
.news .newsList ul li a{* zoom:1;}
