@charset "UTF-8";
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,p,blockquote,th,td,input,textarea,label{margin:0px;padding:0px;zoom:1;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
ul,ol,li,span{margin:0px;padding:0px;}
header, article, footer, article, aside, time ,nav { display: block; } 
li{list-style-type: none}
body{ background: #FFF; color: #333; font-size: 14px; line-height:1.5; font-family:'Hiragino Kaku Gothic ProN','Meiryo'; }
img.emoji { height:1.6em; width:1.6em; vertical-align: middle; border:0; margin-right: 0.3em; }
img.emoji2 { height: 0.9em; width: 0.9em; vertical-align: middle; border: 0; margin-right: 0.3em; margin-bottom: -10px;}
img.emoji3 { height: 0.9em; width: 0.9em; vertical-align: middle; border: 0; margin-right: 0.3em; margin-top: -5px;}
img.emoji4 { vertical-align:middle;border:0;margin-right:0.3em;margin-top:-10px;margin-bottom:-10px;width:4em; height:3em; }
div#footer, footer { background-color: #E5E5E5; color: #000; text-align:center; line-height:20px; padding: 0.7em;}
div#footer > p ,footer > p { margin: 0; padding: 0; font-size: 92%;}
.centerbutton3 a{ margin: 0.1em 0; text-align: center; clear:both; color: #fff; background: #000; padding: 0.5em 2.0em; font-weight: bold; border-radius : 0.3em; -webkit-border-radius : 0.3em; -moz-border-radius : 0.3em; -webkit-appearance: none; border: 0;text-decoration: none; font-size: 15px;}
.list3 ul{ border-bottom: 1px solid #ccc; }
.list3 ul li{ border-top: 1px solid #ccc; height: 70px; margin: 0px; }
.list3 ul li a{ background: url(list_mark1.png) no-repeat 100% 50%; color: #666; display: block; height: 70px; margin: 0; padding: 0 20px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }
.list3 ul li img{ float: left; height: 70px; width: 100px; margin-right: 10px; }
.list3 ul li a strong{ color: #000; display: block; font-weight: bold; padding-top: 9px; }
.area { display: box; display: -webkit-box; display: -moz-box;width:100%; text-align: center;  box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; border: 0px solid #ccc; border-radius: 10px;margin-top: 0px; }
.area4 { width:728px;margin-left:auto;margin-right:auto;text-align: center;} 
.area5 { width:456px;margin-left:auto;margin-right:auto;text-align: center;} 
.area6 { width:600px;margin-left:auto;margin-right:auto;text-align: center;} 
.item { text-align: center;  height: 40px;padding-top:5px; display:inline-block;margin:5px; }
.item3 { width: 200px;margin-top:10px;margin-bottom:15px;padding:10px; text-align: center; display:inline-block; }
.area2 { display: box; display: -webkit-box; display: -moz-box;width:100%; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; border: 0px solid #ccc; border-radius: 10px; text-align: center; }
.item2 { height: 15px;font-size: 10px;margin: 5px;min-width:200px; display:inline-block; }
.td-css11 { border: 1px solid black; border-top-style:none; border-left-style:none; }
.td-css12 { border: 1px solid black; border-bottom-style:none; border-right-style:none; }
.td-css { border: 1px solid black; }
.btn { background: #fff; border-top: 0px solid #fff; border-left: 0px solid #fff; border-right: 3px solid #BBB; border-bottom: 3px solid #BBB; color:#111; width: 100%;}
span.green {font-size: 85%;color: #2e8b57; font-weight:bold; }
span.grey {font-size: 89%;color: #999999; }
span.pink {font-size: 85%;color: #ff4500; font-weight:bold; }
span.orange {font-size: 85%;color: #ff4500; font-weight:bold; }
.area3 { display: box; display: -webkit-box; display: -moz-box;width:100%; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; border: 0px solid #ccc; border-radius: 10px; }
img.special { height: 100px; width: 145px; vertical-align: middle; border: 0; margin: 5px; margin-top: -9px; margin-left: -5px; float: left;}
.clear { clear:left; } 
.links ul,.links2 ul{ margin:0px; padding: 0px; width:100%; border-top: 1px solid #D3D3D3;}
.links li, .links2 li{ line-height:1.8em; list-style: none; border-bottom: 1px solid #D3D3D3;}
.links li { width: 100%;}
.links2 li { width: 50%; float: left; box-sizing: border-box;}
.links2 li:nth-child(2n+1){ border-right: 1px solid #D3D3D3;}
.links li a,.links2 li a{ display: block; height:100%; color: #000000; padding:0.8em 0.5em; position: relative;text-decoration: none;}
.links li a span { width: 97%; display:inline-block;}
.links li span.text { display: block; color: #000000; line-height:1.0em; padding:10px 3px 10px 10px; }
.links ul li a::after,.links2 ul li a::after { position: absolute; top: 50%; right: 10px; display: block; content: ''; width: 0.5em; height: 0.5em; margin-top: -4px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.smallfont2 { font-size: 70%;}
.toppage1,.srchnodesbutton{ width: 95%; margin: 0.5em auto; border: 1px solid #000; text-align: center;}
.toppage1 a,.srchnodesbutton a{ display: block; padding: 0.5em; color: #000; text-decoration: none; position: relative;}
.toppage1 a span,.srchnodesbutton a span { width: 97%; display:inline-block;}
.toppage1 a::after,.srchnodesbutton a::after { position: absolute; top: 50%; right: 10px; display: block; content: ''; width: 0.5em; height: 0.5em; margin-top: -4px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.expiration-date{ width: 95%; margin: 0.5em auto; border: 1px solid #ff0000; text-align: center; font-weight:bold;}
.expiration-date a{ display: block; padding: 0.5em; color: #ff0000; text-decoration: none; position: relative;}
.expiration-date a span { width: 97%; display:inline-block;}
.expiration-date a::after { position: absolute; top: 50%; right: 10px; display: block; content: ''; width: 0.5em; height: 0.5em; margin-top: -4px; border-top: 1px solid #ff0000; border-right: 1px solid #ff0000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.list-box { border-bottom: 1px solid #eee; display: table; width: 100%;}
.list-box a { text-decoration: none;}
.list-img,.list-text { display: table-cell; vertical-align: middle;}
.list-img img { width: 145px; height: 100px; margin: 5px;}
.list-text h3 { color: #000; font-size: 14px; line-height: 1.4; margin-right: 10px;}
div#LOADING_LAYER {background-color: rgba(0, 0, 0, 0.75);height: 3000px;left: 0;position: fixed;top: 0;width: 100%;z-index: 1000}
div#LOADING_DISPLAY {background-color: #FFFFFF;border: 1px solid #A9A9A9;margin-left: 15%;margin-right: 15%;padding-bottom: 0.5em;padding-top: 0.5em;position: fixed;text-align: center;top: 20%;width: 70%;z-index: 1100}
#header_logo:after{ content: ''; display: block; clear: both;}
#header_logo img { margin-top: 4px; margin-bottom: 2px;}
.stc-tl { float: left; text-align: left; width: 50%;}
.stc-tr { float: left; text-align: right; width: 50%;}
.area { width: 100%; margin: 0px;}
.area-sub { margin-right: auto; margin-left: 5px;}
img.logo { margin-left: 5px;}
.loginb { clear: both; border: 0; text-decoration: none; display: inline-block;}
.freeb { margin-right: 2px; margin-left: 2px; border: 0; text-decoration: none; display: inline-block;}
.formpartwrap2{width:290px;margin:0 auto;padding-top:0}
.area { display: box; display: -webkit-box; display: -moz-box;width:100%; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; border: 0px solid #ccc; border-radius: 10px;margin: 0px; }
img.my{width:130px;margin-top:20px; }
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
form,.settei .formdummy{margin-left:10px;margin-right:10px;font-size:120%}
hr{display:none}
.dotline{display:none}
form.searchtrainform,form.ryohimemolistform,form.myrouteentryform,form.mypointentryform{font-size:100%}
form.searchtrainform .centerbutton,form.myrouteentryform .centerbutton3,form.mypointentryform .centerbutton3{font-size:120%}
form.ryohimemolistform{margin:0}
form[name="setteiform"]{margin-left:5px}
input[type="submit"]{font-size:.9em}
input[type="text"],input[name="tm"],input[name="d"]{padding:.2em}
input[type="text"],input[type="tel"],select{border-radius:.3em;border:1px solid #000}
.centerbutton input[type="submit"],.centerbutton input[type="button"],.centerbutton2 input[type="submit"],.centerbutton2 input[type="button"],.centerbutton3 input[type="submit"],.centerbutton3 input[type="button"],.inlinebutton input[type="submit"],.inlinebutton input[type="button"],.inlinebutton2 input[type="submit"],.inlinebutton2 input[type="button"]{display:inline-block;font-size:80%}
.centerbutton input[type="submit"],.centerbutton input[type="button"],.centerbutton2 input[type="submit"],.centerbutton2 input[type="button"],.centerbutton3 input[type="submit"],.centerbutton3 input[type="button"]{width:100%}
.centerbutton,.centerbutton3{margin:.5em 0;text-align:center;clear:both}
.centerbutton input[type="submit"],.centerbutton input[type="button"],.centerbutton3 input[type="submit"],.centerbutton3 input[type="button"],.inlinebutton2 input[type="submit"],.inlinebutton2 input[type="button"]{padding:.5em 0;border-radius:.3em;-webkit-border-radius:.3em;-moz-border-radius:.3em;-webkit-appearance:none;border:0}
.centerbutton2 input[type="submit"],.centerbutton2 input[type="button"]{padding:.4em 0;background:#fff;border:solid 1px #000}
.centerbutton3 input[type="submit"],.centerbutton3 input[type="button"],.inlinebutton2 input[type="submit"],.inlinebutton2 input[type="button"]{color:#fff;background:#000}
.centerbutton3 input[type="submit"]:hover,.centerbutton3 input[type="button"]:hover,.inlinebutton2 input[type="submit"]:hover,.inlinebutton2 input[type="button"]:hover{background:#333}
.inlinebutton,.inlinebutton2{display:inline}
.inlinebutton input[type="submit"],.inlinebutton input[type="button"],.inlinebutton2 input[type="submit"],.inlinebutton2 input[type="button"]{padding:.4em .8em}
.inlinebutton input[type="submit"],.inlinebutton input[type="button"]{background:#fff;border:solid 1px #000}
.addkeiyu input[type="submit"]{display:inline-block;width:8em;padding:.4em 0;font-size:80%;color:#fff;background:#000;border:0}
.ekiinput{padding:.4em;margin:4px;}
.insidechar{padding:.4em}
.sgst-sel { box-shadow: 0 0 3px #000; border-radius: 1px; position: absolute; z-index: 10;}
.sgst-sel li { font-size: 0.8em; background: #fff; overflow: hidden; padding: 5px; text-overflow: ellipsis; white-space: nowrap;}
.sgst-sel li.selected { background: #42aedd; color: #fff; cursor: pointer;}
.top-sgst-sel { width: 215px; margin-left: 56px;}

@media only screen and (min-width: 769px){
#left{ width:65%; float:left;}
#right{ width:35%; float:left;}
.left2{ width:50%; float:left;}
.right2{ width:50%; float:left;}
}