@charset "UTF-8";
/*
	File Name : station.css
	Last Update : 2016.10.18
	Revision : 1.0.0
*/

/*---------------------------------------------------------
 for station info, dia
---------------------------------------------------------*/
/*
 clearfix
-----------------------------------------*/
#navStaInfo,
.elmSearchItem dl,
.elmSearchItem dd ul,
.elmSearchItem.station ul,
.elmSearchItem.quad ul,
.elmSearchItem.double ul{overflow:hidden;/zoom:1;}
#navStaInfo:after,
.elmSearchItem dl:after,
.elmSearchItem dd ul:after,
.elmSearchItem.station ul:after,
.elmSearchItem.quad ul:after,
.elmSearchItem.double ul:after{display:block;clear:both;height:0;content:".";visibility:hidden;}


/*
 icon
-----------------------------------------*/
/*-- replace img --*/
.icnArwNav{display:inline-block;text-indent:100%;vertical-align:middle;white-space:nowrap;overflow:hidden;/zoom:1;}
/*-- background img --*/
.icnArwNav{background-image:url(../img/common/spriteIcnCommon_2x.png);background-image/*\**/:url(../img/common/spriteIcnCommon.png)\9;/*<ie8*/background-repeat:no-repeat;-webkit-background-size:272px 85px;-moz-background-size:272px 85px;background-size:272px 85px;}
.icnArwNav{/display:block;/float:left;width:16px;height:16px;/margin-top:9px;background-position:-262px 0;}
.current .icnArwNav{background-position:-245px 0;}
/*-- for firefox --*/
@-moz-document url-prefix(){
.icnArwNav{text-indent:115%;}
}


/*
 module
-----------------------------------------*/
/* === navStaInfo === */
#navStaInfo{margin-bottom:10px;}
#navStaInfo ul{float:left;}
#navStaInfo .option{float:right;}
#navStaInfo li{line-height:32px;font-weight:bold;/zoom:1;}
#navStaInfo .current{color:#333;}
#navStaInfo .deactivation{color:#bababa;}
#navStaInfo li,
.elmStaLocalSpotItem li{display:inline;margin-right:20px;font-size:116%;white-space:nowrap;}
#navStaInfo .option li{/float:left;margin-right:0;/margin-left:5px;font-size:100%;font-weight:normal;}

/* === elmSearchItem === */
.elmSearchItem{margin-bottom:20px;}
.elmSearchItem li{padding:5px 10px;line-height:1.1;}
.elmSearchItem.direction li{line-height:1.4;}
.elmSearchItem li.even{background:#f2f2f2;}
.elmSearchItem dt{float:left;padding:2px 0;font-weight:bold;}
.elmSearchItem dd li{float:left;margin:2px 0 2px -1px;padding:0;border-left:1px solid #ccc;/zoom:1;}
.elmSearchItem.direction dd li{float:none;border-left:none;}
.elmSearchItem dd li a{padding:0 8px;white-space:nowrap;text-decoration:none;}
.elmSearchItem dd li a:hover{text-decoration:underline;}
.elmSearchItem.pref dt{width:50px;}
.elmSearchItem.line dt,
.elmSearchItem.direction dt{width:150px;}
.elmSearchItem.kana dt{width:25px;}
.elmSearchItem.station li,
.elmSearchItem.quad li{width:21%;}
.elmSearchItem.double li{width:46%;}
.elmSearchItem.station li,
.elmSearchItem.quad li,
.elmSearchItem.double li{display:inline-block;/display:inline;vertical-align:top;/zoom:1;}
.elmSearchItem.station li a,
.elmSearchItem.quad li a,
.elmSearchItem.double li a{display:block;text-decoration:underline;}



/*---------------------------------------------------------
 for station info
---------------------------------------------------------*/
/*
 layout
-----------------------------------------*/
#mdStaAreaMap,
#mdStaImgSearch,
#mdStaEquip,
#mdStaExit,
#mdStaLocalSpot{margin-bottom:20px;}


/*
 icon
-----------------------------------------*/
/*-- replace img --*/
.elmAreaSpot dd li span{display:inline-block;/display:block;/float:left;text-indent:100%;white-space:nowrap;vertical-align:middle;overflow:hidden;}
.elmAreaSpot dd li span{width:20px;height:20px;background-image:url(../img/stainfo/areaSpotNum_2x.png);background-image/*\**/:url(../img/stainfo/areaSpotNum.png)\9;/*<ie8*/background-repeat:no-repeat;-webkit-background-size:245px 20px;-moz-background-size:245px 20px;background-size:245px 20px;}
.icnSpot1{background-position:0 -1px;}
.icnSpot2{background-position:-25px -1px;}
.icnSpot3{background-position:-50px -1px;}
.icnSpot4{background-position:-75px -1px;}
.icnSpot5{background-position:-100px -1px;}
.icnSpot6{background-position:-125px -1px;}
.icnSpot7{background-position:-150px -1px;}
.icnSpot8{background-position:-175px -1px;}
.icnSpot9{background-position:-200px -1px;}
.icnSpot10{background-position:-225px -1px;}

/*-- for firefox --*/
@-moz-document url-prefix() {
.elmAreaSpot dd li span{text-indent:115%;}
}


/*
 text
-----------------------------------------*/
.elmStaItem .msgNoData{width:100%;}
.elmAreaSpot .msgNoData{margin:40px auto;}
.elmAreaSpot dd li .msgNoData{padding:20px;}


/*
 module
-----------------------------------------*/
/* === elmStaItem === */
.elmStaItem{margin:-10px 0 0 -7px;}
.elmStaItem li{display:inline-block;/display:inline;width:200px;margin:10px 0 0 7px;vertical-align:top;/zoom:1;}
.elmStaItem.equip li p,
.elmStaItem.equip li li{font-size:85%;}
.elmStaItem li li{display:inherit;margin:0 0 5px;line-height:1.3;}
.elmStaItem .labelSmall .title{font-size:100%;}

/* === elmAreaSpot === */
.elmAreaSpot{margin:15px 0 20px;position:relative;}
.elmAreaSpot .relLink{margin:5px 10px;padding:10px;background:#f5f5f5;text-align:center;}
.elmAreaSpot .relLink a{margin-right:10px;}
.elmAreaSpot dt{width:100px;background:#f5f5f5;}
.elmAreaSpot dt a{cursor:pointer;}
.elmAreaSpot dt a,
.elmAreaSpot dt span{display:block;padding:7px 10px 5px;color:#0059b2;font-size:108%;text-align:center;line-height:1;}
.elmAreaSpot dt.current span,
.elmAreaSpot dt.current span:hover{background-color:#46a667;border-color:#46a667;color:#fff;font-weight:bold;}
.elmAreaSpot dt:hover{background-color:#c6e4c7;color:#0059b2;}
.elmAreaSpot dd{width:511px;border-left:3px solid #46a667;position:absolute;top:0;bottom:0;left:100px;}
.elmAreaSpot dd ul{padding:10px 0;}
.elmAreaSpot dd li{display:inline-block;/display:inline;width:220px;margin-bottom:7px;padding:0 15px;vertical-align:top;/zoom:1;}

/* === elmImgList === */
.elmImgList{background:#f5f5f5;padding:20px 15px;}
.elmImgList ul{text-align:center;}
.elmImgList li{display:inline-block;/display:inline;margin:0 10px;vertical-align:middle;/zoom:1;}
.elmImgList li a{display:table-cell;/display:block;width:170px;height:170px;background:#f9f9f9;border:1px solid #ccc;vertical-align:middle;/layout-grid-line:170px;/zoom:1;}
.elmImgList li a:hover{border-color:#36a960;}
.elmImgList li a img{vertical-align:top;}

/* === elmTblStaExit === */
.elmTblStaExit table{display:table;width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-align:left;}
.elmTblStaExit th{width:70px;padding:5px 8px 5px 5px;background:#eee;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:bold;white-space:nowrap;}
.elmTblStaExit td{padding:5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

/* === navKana === */
.navKana{margin-bottom:20px;overflow:hidden;}
.navKana li{width:10%;/width:9.9%;float:left;}
.navKana li:first-child a{border-left:1px solid #bbb;}
.navKana li a,
.navKana li span{display:block;padding:6px 10px 4px;border-top:1px solid #bbb;border-right:1px solid #bbb;border-bottom:1px solid #bbb;color:#0059b2;font-size:116%;text-align:center;line-height:1;}
.navKana li.current span,
.navKana li.current span:hover{background-color:#46a667;border-color:#46a667;color:#fff;font-weight:bold;}
.navKana li a:hover{background-color:#c6e4c7;color:#0059b2;}
.navKana li .deactivation{background-color:#eee;color:#aaa;}


/*---------------------------------------------------------
 for Dia
---------------------------------------------------------*/
/*
 layout
-----------------------------------------*/
.elmLineDia .navDayOfWeek,
.elmLineDia .tblDiaDetail td ul{overflow:hidden;/zoom:1;}
.elmLineDia .navDayOfWeek:after,
.elmLineDia .tblDiaDetail td ul:after{display:block;clear:both;height:0;content:".";visibility:hidden;}

#mdFlightDia,
#mdAirportInfo{margin-bottom:20px;}


/*
 icon
-----------------------------------------*/
/*-- replace img --*/
/*airlinelogo*/
.logoAna, .logoJal, .logoAdo, .logoSfj, .logoSna{display:inline-block;/display:block;/float:left;text-indent:100%;white-space:nowrap;vertical-align:middle;overflow:hidden;}
.logoAna, .logoJal, .logoAdo, .logoSfj, .logoSna{width:70px;height:29px;margin-right:10px;background-image:url(../img/timetable/spriteLogoAirline_2x.png);background-image/*\**/:url(../img/timetable/spriteLogoAirline.png)\9;background-repeat:no-repeat;-webkit-background-size:150px 150px;-moz-background-size:150px 150px;background-size:150px 150px;}
.logoAna{background-position:0 -1px;}
.logoJal{background-position:0 -29px;}
.logoAdo{background-position:0 -89px;}
.logoSfj{background-position:0 -58px;}
.logoSna{background-position:0 -119px;}

/*-- button --*/
/*btnRsrvAir*/
.btnRsrvAir{display:inline-block;height:28px;margin:0 0 0 5px;_margin-bottom:0;color:#fff!important;line-height:30px;text-align:center;}
.btnRsrvAir:first-child{margin-left:0;}
.btnRsrvAir{width:90px;background-color:#0099ec;border-bottom:2px solid #0675dd;}
.btnRsrvAir:hover{background-color:#0675dd;text-decoration:none;}
/*-if formBtn-*/
.btnRsrvAir{position:relative;/display:inline;}
.btnRsrvAir form{overflow:hidden;position:absolute;top:0;right:0;-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);/*ie5-7*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/*ie8*/}
.btnRsrvAir input:hover{cursor:pointer;}
/*for flight*/
.btnRsrvAir input{width:90px;height:30px;}


/*
 text
-----------------------------------------*/
#mdDiaStopSta .txtTrainInfo{margin-top:20px;font-size:108%;}
#mdDiaStopSta .msgNoData{margin:40px auto;}
#mdFlightDia .msgNoData{margin:40px auto 30px;}


/*
 module
-----------------------------------------*/
/* === elmLineDia === */
/*--navDirection--*/
/*---> for vertical-align middle*/
.elmLineDia .navDirection{display:table;width:100%;/width:615px;table-layout:fixed;border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.elmLineDia .navDirection li{display:table-cell;/display:inline;vertical-align:middle;/zoom:1;}
/*------------------------------*/
.elmLineDia {margin:20px 0;position:relative;}
.elmLineDia .navDirection{border-bottom:2px solid #36a960;border-right:1px solid #bbb;/*position:relative;z-index:0;*/}
.elmLineDia .navDirection li{width:305px;height:43px;background:#fff;border-top:1px solid #bbb;border-left:1px solid #bbb;font-size:123.1%;text-align:center;/*position:relative;z-index:1;*/}
.elmLineDia .navDirection li:hover{background:#e0f9cb;}
.elmLineDia .navDirection li a{display:block;width:100%;}
.elmLineDia .navDirection li.current{padding-left:1px;border-top:1px solid #36a960;border-right:1px solid #36a960;border-left:1px solid #36a960;background:#36a960;color:#fff;font-weight:bold;/*position:relative;z-index:2;*/}
.elmLineDia .navDirection li .title{margin:0;padding:0;background:none;font-size:100%;}
.elmLineDia .navDirection li.current .title{font-weight:bold;}
/*triple, quad*/
.elmLineDia .navDirection.triple li,
.elmLineDia .navDirection.quad li{font-size:108%;}
.elmLineDia .navDirection.triple li.current,
.elmLineDia .navDirection.quad li.current{padding:0;}
.elmLineDia .navDirection.triple li{width:203px;}
.elmLineDia .navDirection.quad li{width:152px;}

/*--table--*/
.elmLineDia table{width:100%;border-collapse:collapse;border-top:1px solid #ccc;border-left:solid 1px #ccc;}
.elmLineDia th,
.elmLineDia td{border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;}

/*--navDayOfWeek--*/
.elmLineDia .navDayOfWeek{float:right;margin:6px 10px;border-left:1px solid #ccc;font-size:108%;text-align:center;}
.elmLineDia .navDayOfWeek li{float:left;margin-left:-1px;}
.elmLineDia .navDayOfWeek li a,
.elmLineDia .navDayOfWeek span{display:block;width:90px;padding:2px 0;border:solid 1px #ccc;text-align:center;}
.elmLineDia .navDayOfWeek span{color:#fff;}
.elmLineDia .navDayOfWeek .weekday a{background:#c0d9a2;}
.elmLineDia .navDayOfWeek .saturday a{background:#d9e9f7;}
.elmLineDia .navDayOfWeek .holiday a{background:#f7dfe4;}
.elmLineDia .navDayOfWeek .weekday a:hover{background:#87ce88;}
.elmLineDia .navDayOfWeek .saturday a:hover{background:#b2d3f0;}
.elmLineDia .navDayOfWeek .holiday a:hover{background:#f0bfc9;}
.elmLineDia .navDayOfWeek .weekday span{background:#266b3e;}
.elmLineDia .navDayOfWeek .saturday span{background:#225aac;}
.elmLineDia .navDayOfWeek .holiday span{background:#d02d39;}

/*--tblDiaDetail--*/
.elmLineDia .tblDiaDetail .hour{width:2em;text-align:center;}
.elmLineDia .tblDiaDetail th{padding:2px;background:#f2f2f2;}
.elmLineDia .tblDiaDetail th.hour{background:#f2f2f2;font-weight:bold;font-size:123.1%;}
.elmLineDia .tblDiaDetail td.hour{height:2.5em;font-weight:bold;}
.elmLineDia .tblDiaDetail td li{float:left;}
.elmLineDia .tblDiaDetail td li a{display:block;color:#333;text-decoration:none;cursor:pointer;}
.elmLineDia .tblDiaDetail td li a:hover{background:#e0f9cb;}
.elmLineDia .tblDiaDetail td dl{width:63px;padding:16px 0 5px;position:relative;}
.elmLineDia .tblDiaDetail td dt{font-size:123.1%;text-align:center;text-decoration:underline;}
.elmLineDia .tblDiaDetail td .mark{margin:0 0 0 3px;font-size:62%;}
.elmLineDia .tblDiaDetail td .trainType{font-size:85%;text-align:right;position:absolute;top:3px;right:50%;}
.elmLineDia .tblDiaDetail td .trainFor{padding-left:3px;font-size:85%;text-align:left;position:absolute;top:3px;left:50%;}
.elmLineDia .tblDiaDetail td .trainNote{padding-left:3px;font-size:85%;text-align:right;position:absolute;top:3px;right:5%;}
.elmLineDia .tblDiaDetail td .pattern{padding:8px 16px;font-size:123.1%;}
.elmLineDia .tblDiaDetail .even td{background:#eee;}
.elmLineDia .tblDiaDetail .current td{background:#c6e4c7;}

/*--tblDiaNote--*/
.elmLineDia .tblDiaNote{margin-top:10px;}
.elmLineDia .tblDiaNote th,
.elmLineDia .tblDiaNote td{padding:5px;}
.elmLineDia .tblDiaNote th{width:120px;background:#eee;font-weight:bold;}
.elmLineDia .tblDiaNote li{display:inline;margin-right:20px;color:#333;font-size:100%;white-space:nowrap;text-decoration:none;/zoom:1;}

/*--boxDiaNote--*/
.elmLineDia .boxDiaNote{display:none;width:170px;padding:10px;background:#fff;border:solid 1px #999;
position:absolute;z-index:100;}
.elmLineDia .boxDiaNote .title{margin-bottom:5px;padding:5px;background:#eee;font-size:93%;}
.elmLineDia .boxDiaNote dt{margin-top:5px;font-size:93%;font-weight:bold;text-align:left;text-decoration:none;}
.elmLineDia .boxDiaNote dd{font-size:93%;}
.elmLineDia .boxDiaNote:before,
.elmLineDia .boxDiaNote:after{content:"";display:block;width:0;height:0;position:absolute;left:43%;}
.elmLineDia .boxDiaNote:before{border-bottom:8px solid #666;border-left:4px solid transparent;border-right:4px solid transparent;top:-9px;}
.elmLineDia .boxDiaNote:after{border-bottom:8px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;top:-8px;}
.elmLineDia .boxDiaNote .leftBox:before{left:64%!important;}
.elmLineDia .boxDiaNote .leftBox:after{left:64%!important;}


/* === mdFlightDia === */
/*--elmTblFlightDia--*/
/*common*/
.elmTblFlightDia{margin-bottom:10px;}
.elmTblFlightDia table{display:table;width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-align:left;}
.elmTblFlightDia th{background:#f5f5f5;font-weight:bold;text-align:center;}
.elmTblFlightDia tr{border-left:1px solid #ccc;}
.elmTblFlightDia td{border-bottom:1px solid #ccc;}
.elmTblFlightDia li{border-top:1px solid #ccc;border-right:1px solid #ccc;}
.elmTblFlightDia li:first-child{border-top:none;}
/*route*/
.elmTblFlightDia th{width:75px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.elmTblFlightDia tr{border-top:1px solid #ccc;}
.elmTblFlightDia td > ul > li{display:table;width:100%;border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.elmTblFlightDia dl > *{display:table-cell;/display:inline;height:35px;padding:5px 10px;line-height:35px;vertical-align:middle;/zoom:1;}
.elmTblFlightDia dt{width:229px;font-size:116%;}
.elmTblFlightDia dd.route{padding:5px 10px 5px 5px;background:#f5f5f5;text-align:center;}
.elmTblFlightDia dd.route li{display:table-cell;/display:inline;border:none;vertical-align:middle;/zoom:1;}
.elmTblFlightDia dd.route li a{margin-left:5px;}
.elmTblFlightDia dd.route li:first-child a{padding-right:5px;border-right:1px solid #ccc;}

/*--elmFlightDia--*/
.elmFlightDia{margin-bottom:10px;}
/*setOption*/
.elmFlightDia .setOption{border:none;}
.elmFlightDia .setOption .optAirline{padding:5px 0;}
.elmFlightDia .setOption .optAirline li{padding-right:20px;border:none;}
/*detail*/
.elmFlightDia .detail{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.elmFlightDia .detail > dt{display:none;}
.elmFlightDia .detail > dd li{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding:5px 10px 5px 0;position: relative;}
.elmFlightDia .detail > dd li:first-child {border-top: none;}
/*---> for vertical-align middle*/
.elmFlightDia .detail > dd li > dl{display:table;width:100%;min-height:28px;border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.elmFlightDia .detail > dd li > dl > *{display:table-cell;/display:inline;vertical-align:middle;/zoom:1;}
/*---*/
.elmFlightDia .detail > dd li > dl > .time{width:30%;text-align: center;}
.elmFlightDia .detail > dd li > dl > .time > span{display: inline-block;width: 4em;padding-right:20px;font-size:108%;}
.elmFlightDia .detail > dd li > dl > .ticket{padding:5px 10px;position:absolute;top:0;right:0;}
/*detail header*/
.elmFlightDia .detail > dd.header{background:#f5f5f5;font-weight:bold;}
.elmFlightDia .detail > dd.header li {padding:2px 0 0;border-bottom: none;}
.elmFlightDia .detail > dd.header li > dl{min-height:14px;}
/*detail current*/
.elmFlightDia .detail > dd.current{background:#daf9cb;}
.elmFlightDia .detail > dd.current .time{font-weight:bold;}


/* === mdDiaStopSta === */
#mdDiaStopSta .boxNote dl{margin-bottom:10px;}
#mdDiaStopSta .boxNote dd{margin-bottom:0;}

/*--elmStopSta--*/
/*---> for vertical-align middle*/
.elmStopSta .station{display:table;width:100%;/width:615px;border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.elmStopSta .station .time,
.elmStopSta .station .title,
.elmStopSta .station .relLink{display:table-cell;/display:inline;vertical-align:middle;/zoom:1;}
/*------------------------------*/
.elmStopSta{margin:10px 0 20px;}
.elmStopSta .station{background:#eee;}
.elmStopSta .current .station{background: #daf9cb;}
.elmStopSta .station .time,
.elmStopSta .station .title,
.elmStopSta .station .relLink{padding:5px;}
.elmStopSta .station .time{width:75px;font-weight:bold;text-align:center;}
.elmStopSta .station .title{/width:295px;font-size:138.5%;font-weight:bold;line-height:1.4;}
.elmStopSta .station .relLink{white-space:nowrap;overflow:hidden;/overflow:visible;/zoom:1;}
.elmStopSta .station .relLink li{margin:2px 0;padding:0 5px;border-left:1px solid #ccc;}
.elmStopSta .station .relLink li,
.elmStopSta .station .relLink li a{display:inline-block;/display:inline;line-height:1.1;/line-height:1.2;/vertical-align:top;}
*:first-child+html .elmStopSta .relLink{padding:2px 10px 5px 5px;}
*:first-child+html .elmStopSta .relLink li{margin-left:0;padding:0 0 0 5px;}
.elmStopSta .station .relLink li:first-child{border:0;}
.elmStopSta .station .relLink{padding-right:5px;text-align:right;}
.elmStopSta .station .relLink li{_border:0;}
/*estimatedTime*/
.elmStopSta .estimatedTime{width:85px;padding:10px;border-right:6px solid #006699;text-align:center;}