/* CSS Document */

* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
    font-size: 0.9em;
    line-height: 1.6em;
}
body {
    height: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    background: url(/images/background.jpg) #A3C7DE repeat-x center top;
    text-align: center; /* forIE */
}
#wrapper {
    width: 100%;
/*    position: relative;*/
    height: 100%;
    min-height: 100%
    min-width: 100%;
    background: url(/images/background_container.gif) repeat-y center top fixed;
}
#container {
    text-align: left;
    width:750px;
    margin: 0 auto;
    padding: 0 20px 30px 20px;
    background: url(/images/background_container.gif) repeat-y center top;
}
body > #wrapper {
    height: auto;
}
#footer {
    width: 750px;
    bottom:0;
    height: 30px;
    clear: both;
    margin: 0 auto;
    color: #fff;
    background: #478BBE;
}
#footer p{
    margin: 0 1em;
    text-indent: -9999px;
    background: url(/images/copy.gif) right center no-repeat #478BBE;
}
h1 a{
    margin: 3px 10px;
    display: block;
    height: 82px;
    width: 200px;
    background: url(/images/logo.gif) no-repeat center center;
    text-indent: -9999px;
}
  
h2 {
    padding: 0.2em 1em;
}
h3 {
    padding: 0.1em 1em;
}

ul {
    list-style-type: none;
}
hr {
    clear: both;
    color: #fff;
    background-color: #fff;
    border-style: none;
    height: 1px;
}
a:link {
    color: #036;
    text-decoration: none;
}
a:visited {
    color: #003;
    text-decoration: none;
}
a:hover {
    color: #F30;
    text-decoration: none;
}

/* header */

/* Global navigation */
#glovalnav {
    width: 740px;
    background: url(/images/gnav_sub.gif) no-repeat ;
    height: 30px;
    margin: 0 auto;
}
#glovalnav li {
    float: left;
}
#glovalnav li a{
    display: block;
    height: 30px;
    text-indent: -9999px;
    text-decoration: none;
}
#glovalnav li a:hover{
    background: url(/images/gnav_sub.gif) no-repeat;
}    
#glovalnav li#ghome a{
    width: 148px;
}
#glovalnav li#ghome a:hover{
    background-position: 0 30px;
}

#glovalnav li#gnews a{
    width: 148px;
}
#glovalnav li#gnews a:hover{
    background-position: -148px 30px;
}
#glovalnav li#ghowto a{
    width: 148px;
}
#glovalnav li#ghowto a:hover{
    background-position: -296px 30px;
}
/*
#glovalnav li#genq a{
    width: 123px;
}
#glovalnav li#genq a:hover{
    background-position: -369px 30px;
}
*/
#glovalnav li#gcontact a{
    width: 148px;
}
#glovalnav li#gcontact a:hover{
    background-position: -444px 30px;
}
#glovalnav li#gmenseki a{
    width: 148px;
}
#glovalnav li#gmenseki a:hover{
    background-position: -592px 30px;
}


/* #home->#ghome”ρ•\Ž¦ */ 
#home #glovalnav {
    background: url(/images/gnav.gif) ;
    height: 30px;
}
#home #glovalnav li#ghome {
    display: none;
}
#home #glovalnav li#gnews a{
    width: 185px;
}
#home #glovalnav li a:hover{
    background-image: url(/images/gnav.gif);
}    
#home #glovalnav li#gnews a:hover{
    background-position: 0 30px;
}
#home #glovalnav li#ghowto a{
    width: 185px;
}
#home #glovalnav li#ghowto a:hover{
    background-position: -185px 30px;
}
/*
#home #glovalnav li#genq a{
    width: 185px;
}
#home #glovalnav li#genq a:hover{
    background-position: -370px 30px;
}
*/
#home #glovalnav li#gcontact a{
    width: 185px;
}
#home #glovalnav li#gcontact a:hover{
    background-position: -370px 30px;
}
#home #glovalnav li#gmenseki a{
    width: 185px;
}
#home #glovalnav li#gmenseki a:hover{
    background-position: -555px 30px;
}

#home #pan,#home h2 {
    display: none;
}



/* common */

#contents {
    clear: both;
    margin: 0 auto;
    padding: 0 5px;
}
#contents #main {
    float: left;
    width: 500px;
    padding: 10px;
}
#contents p.gotop {
    text-align: right;
}
#menubox {
    float: left;
    width: 210px;
    margin: 5px 0;
    border-left: 1px dotted #ccc;
}
#menubox #enqarea a{
    margin: 20px 15px 0 15px;
    display: block;
    width: 176px;
    height: 30px;
    text-indent: -9999px;
    background: url(/images/enqbannar.gif) no-repeat center center;
}
#menubox #links {
    font-size: 0.7em;
}
#menubox #links ul li {
    border-bottom: 1px dotted #ccc;
}
#menubox #links h4{
    text-indent: -9999px;
    background: url(/images/h2_links.gif) no-repat #369;
    height: 20px;
}
#menubox #links #alliance {
    padding: 5px 0;
    border-bottom: 1px solid #4387BA;
}
#menubox #links #alliance h5 {
    background: url(/images/h5_alliance.gif) no-repeat center center;
    text-indent: -9999px;
    border-bottom: 1px solid #4387BA;
}
#menubox #banararea {
    text-align: center;
}
#menubox #banararea img {
    margin: 10px auto;
    border-style: none;
}


#pan {
    padding: 0 1em;
    font-size: .8em;
}
#message {
    margin: 3px auto;
    width: 480px;
    height: 240px;
    background: url(/images/infomation.gif) bottom left no-repeat;
}
#message h2, #message ul {
    display: none;
}
#message p {
    margin: 1em 0 0 240px;
    width: 230px;
    font-size: 0.8em;
    line-height: 1.5em;
}
.section {
    padding: 1em;
    margin: 5px;
}
.atention {
    text-align: left;
    font-size: 0.9em;
}
#startbs h4 {
    border-bottom: 1px solid #ccc;
    margin: 0 0 5px 0;
}




/* ‚¨’m‚η‚Ή */
#infomation {
    font-size: 0.8em;
}

#infomation h3 {
    padding: 0;
    text-indent: -9999px;
    background: url(/images/h2_infomation.gif) no-repeat;
}
#infomation ul {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    padding: 5px;
}
#infomation ul li {
    border-bottom: 1px dotted #ccc;
}

#infomation p a{
    display: block;
    margin: 2px 5px 0 0;
    text-indent: -9999px;
    float: right;
    background: url(/images/allinfomation.gif) no-repeat right;
    width: 120px;
    height: 13px;
    text-decoration: none;
}

/* ƒoƒX’βŒŸυ */
#search h4 {
    text-indent: -9999px;
    height: 16px;
    margin: 5px 0 0 0;
    border-bottom: 1px solid #f60;
    width: 90%;

}
#search {
    padding: 0 10px;
}
#search #history h4 {
    background: url(/images/h4_history.gif) no-repeat;
}
#search #history ul{
}

#search #history ul li,
#search #srank ul li{
    display: block;
    width: 200px;
    float: left;
    margin: 5px;
}

#search #skeyword h4 {
    clear: both;
    background: url(/images/h4_keyword.gif) no-repeat;
}
#search #sarea {
    margin: 15px 0;
}
#search #sarea h4 {
    background: url(/images/h4_area.gif) no-repeat;
}
#search #srosen h4 {
    background: url(/images/h4_rosen.gif) no-repeat;
    margin-top: 5px;
}
#search #srosen h4 a{
    display: block;
    widht: 300px;
    height: 20px;
}
#search #s50on {
}
#s50on2 {
    float: none;
}

#search #srank h4{
    background: url(/images/h4_rank.gif) no-repeat;
}
#search #srank h4 a{
    display: block;
    widht: 300px;
    height: 20px;
}
#search #s50on h4,#search #s50on2 h4 {
    background: url(/images/h4_50on.gif) no-repeat;
}
#search #s50on ul,#search #s50on2 ul {
}
#search #s50on li,#search #s50on2 li {
    float:left;
    border: 1px solid #ccc;
    margin: 2px;
}
#search #s50on li a,#search #s50on2 li a{
    text-indent: -9999px;
    display: block;
    width: 40px;
    height: 20px;
}
#search #s50on li.aiueo a{
    background: url(/images/50a.gif) no-repeat center center;
}
#search #s50on li.kakikukeko a{
    background: url(/images/50ka.gif) no-repeat center center;
}
#search #s50on li.sasisuseso a{
    background: url(/images/50sa.gif) no-repeat center center;
}
#search #s50on li.tatituteto a{
    background: url(/images/50ta.gif) no-repeat center center;
}
#search #s50on li.naninuneno a{
    background: url(/images/50na.gif) no-repeat center center;
}
#search #s50on li.hahifuheho a{
    background: url(/images/50ha.gif) no-repeat center center;
}
#search #s50on li.mamimumemo a{
    background: url(/images/50ma.gif) no-repeat center center;
}
#search #s50on li.yayuyo a{
    background: url(/images/50ya.gif) no-repeat center center;
}
#search #s50on li.rarirurero a{
    background: url(/images/50ra.gif) no-repeat center center;
}
#search #s50on li.wawon a{
    background: url(/images/50wa.gif) no-repeat center center;
}
#search #rosenlist {
    margin: 20px;
    padding:10px;
}
#search #rosenlist ul{
    margin: 10px auto;
}
#search #rosenlist ul li {
    border: 1px solid #9cf;
    width: 190px;
    height: 40px;
    float: left;
    margin: 2px 3px;
    padding: 2px 1em;
    background-color: #fff;
    font: normal 0.8em "‚l‚r ƒSƒVƒbƒN", "Osaka|“™•";
}

#srosen {
    margin: 10px auto;
}


#srosen table.keito {
    width: 400px;
    margin: 10px auto;
    border: 1px solid #999;
}
#srosen table.keito th.keimei {
    text-align: center;
    font-size: 1em;
    background-color: #ccc;
}
#srosen table.keito td{
    border: 1px solid #999;
    padding: 3px 1em;
}
#srosen input.sview {
    margin: 3px auto;
    text-align: center;
}

#sarea h4{
    clear: both;
}

/* o”­ */
#departure {
    background: url(/images/h3_departure_foot.gif) #fff no-repeat bottom left;
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 15px 0 5px 5px;
}
#departure h3 {
    background: url(/images/h3_departure_head.gif) no-repeat #fff;
    text-indent: -9999px;
    height: 30px;
}
#home #departure {
    background: url(/images/h3_departure_d_footer.gif) #fff no-repeat bottom left;
    margin: 0 0 0 -10px;
}
#home #departure h3 {
    clear: both;
    background: url(/images/h3_departure.gif) no-repeat #fff;
    margin: 0;
}

#departure #search #skeyword {
}
#departure #search #sarea {
}
#departure #search #s50on,#departure #search #s50on2 {
}
#departure #search #s50on ul,#departure #search #s50on2 ul {
}
#departure #search .section_footer {
    clear: both;
    overflow: hidden;
}
/* “ž’… */
#arrival {
    background: url(/images/h3_arrival_foot.gif) no-repeat bottom left;
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 5px 0 5px 5px;
}
#arrival h3 {
    background: url(/images/h3_arrival_head.gif) no-repeat #fff;
    padding: 3px 0 0 50px;
    height: 30px;
    color: red;
}
#arrival h3 span {
    display: none;
}

#arrival #search #skeyword {
    background: url(/images/h4_keyword.gif) no-repeat;
}
#arrival #search #sarea {
    background: url(/images/h4_area.gif) no-repeat;
}
#arrival #search #s50on,#arrival #search #s50on2 {
    background: url(/images/h4_50on.gif) no-repeat;
}
#arrival #search #s50on ul,#arrival #search #s50on2 ul {
}
#arrival #search .section_footer {
    clear: both;
    overflow: hidden;
}

/* ŒŸυŒ‹‰Κ */
#result {
    margin: 5px;
    padding: 5px;
}
#result ul {
    margin: 10px auto;

}
#result ul li {
    border: 1px solid #fc0;
    width: 190px;
    height: 50px;
    float: left;
    margin: 2px 3px;
    padding: 2px 1em;
    background-color: #fff5cc;
    font: normal 0.8em "‚l‚r ƒSƒVƒbƒN", "Osaka|“™•";
}
#result ul li a {
    display: block;
    color: #FF3300;
    font-weight: bold;
}

#result .paging {
    clear: both;
    text-align: center;
}


.paging {
    text-align:center;
    margin: 15px auto;
    padding: 10px auto;
    width: 150px;
}
a.next {
    display: block;
    text-indent: -9999px;
    background: url(/images/next.gif);
    width: 70px;
    height: 26px;
    float: right;
}

a.prev {
    display: block;
    text-indent: -9999px;
    background: url(/images/prev.gif);
    width: 70px;
    height: 26px;
    float: left;
}

/*@Šm’θƒoƒX’β */
#busstops {
    width: 520px;
    margin: 10px auto 10px auto;
    padding: 0 auto;
    text-align: center;
}
#busstops h2,
#busstop_s h2 {
    text-align: center;
    padding: 38px 0 0 0;
    font-size: 0.9em;
}
#busstops h2 span,
#busstop_s h2 span {
    display: none;
    border-style: none;
}

#busstops #from {
    background: url(/images/departure.gif) no-repeat center center;
    float: left;
    width: 246px;
    height: 100px;
    color: #f30;
}

#busstops #to {
    background: url(/images/arrival.gif) no-repeat center center;
    float: right;
    width: 246px;
    height: 100px;
    color: #003;
}
#busstops a.areamap {
}
#busstops a.inmap {
}

#busstop_s {
    width: 670px;
    margin: 10px auto;
    padding: 5px;
    clear: both;
    background: url(/images/departure2.gif) no-repeat center center;
}
#busstop_s #from {
    height: 100px;
    color: #003;
    text-align: center;
}
#busstop_s h2 {
    margin: 0 auto;
    font-size: 1.1em;
    width: 200px;
    border-bottom: 1px solid #f90;
}    
.from {
    color: #F30;
    background: url(/images/departure.gif) no-repeat center center;
}
.to {
    color: #003;
    background: url(/images/arrival.gif) no-repeat center center;
}



/*@‰^sσ‹΅ */
#location #main {
     float:none;
     width: 96%;
}
#location p.back,
#detail p.back {
    width: 6em;
    text-align: center;
    border: 1px solid #eee;
}
#location .refresh,
#detail .refresh {
    margin: 5px ;
    text-align: center;
    clear: both;
}
#location .refresh a,
#detail .refresh a {
    display: block;
    width: 138px;
    height: 25px;
    background: url(/images/refresh.gif) no-repeat;
    text-indent: -9999px;
}
#location .paging,
#timetable .paging {
    clear: both;
    width: 600px;
    text-align: center;
}
#location p.skodate {
    clear: both;
    width: 600px;
    margin: 0 auto;
    padding: 0.2em 1em;
    border-top: 3px double #69c;
    border-bottom: 3px double #69c;
    color: #69c;
}
#location #list {
    margin: 0 0 10px 20px;
    padding: 15px 5px;
    width: 670px;
    border-bottom: 1px solid #006;
    border-left: 1px solid #006;
    border-right: 1px solid #006;
    clear: both;
}
#location #list2 {
    margin: 10px auto;
    padding: 15px 5px;
    width: 670px;
    border: 1px solid #006;
    clear: both;
}
ul.switch {
    margin: 0 0 0 20px;
    border-bottom: 5px solid #006;
    height: 23px;
    width: 682px;
}
ul.switch li {
    float: left;
    width: 338px;
    text-align: center;
}
ul.switch li a {
    display: block;
    width: 330px;
    height: 23px;
    text-indent: -9999px;
}

#location ul.switch li.slocation a,
#detail ul.switch li.slocation a {
    margin: 0 4px 0 0;
    background: url(/images/tab_location.gif) no-repeat center center;
    border: 1px solid #006;
    border-top: 3px solid #006;
}
#detail ul.switch li.stimetable a,
#location ul.switch li.stimetable a{
    margin: 0 0 0 12px;
    height: 23px;
    text-indent: -9999px;
    background: url(/images/tab_timetable.gif) no-repeat center center;
    border: 1px solid #ccc;
    border-top: 3px solid #ccc;
}
#detail ul.switch li.stimetable_bs a,
#location ul.switch li.stimetable_bs a{
    margin: 0 0 0 12px;
    height: 23px;
    text-indent: -9999px;
    background: url(/images/tab_timetable_bs.gif) no-repeat center center;
    border: 1px solid #ccc;
    border-top: 3px solid #ccc;
}
#detail #list,
#lcoation #list {
    margin: 0 0 0 20px;
    padding: 10px 10px;
    width: 680px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: both;
}
p.message {
    margin: 3px auto;
    width: 480px;
}
p.atention {
    clear: both;
    color: #F00;
    margin: 1em 3em;
    padding: 1em;
    border: 1px dotted #999;
}

#location .thead th.f_ttime,
#detail .thead th.f_ttime {
    background: url(/images/location_f_ttime.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
}
#location .thead th.t_ttime,
#detail .thead th.t_ttime {
    background: url(/images/location_t_ttime.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
}
#location .thead th.f_yosoku,
#detail .thead th.f_yosoku {
    background: url(/images/location_f_yosoku.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
}
#location .thead th.t_yosoku,
#detail .thead th.t_yosoku {
    background: url(/images/location_t_yosoku.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
}
#location .thead th.okure,
#detail .thead th.okure {
    background: url(/images/location_okure.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
}    
#location .thead th.location {
    background: url(/images/location_locationlink.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
} 
#location .thead th.nowhere {
    background: url(/images/location_nowhere.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
} 
#location .thead th.binmei {
    background: url(/images/location_binmei.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
} 
#location .thead th.com {
    background: url(/images/location_com.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
}
#location .thead th.kuseki {
    background: url(/images/location_kuseki.gif) no-repeat center center;
    text-indent: -9999px;
    width: 4em;
}


th.from,th.to{
    width: 120px;
    font-size: small;
    font-weight: bold;
}

th.from {
    background: url(/images/bg_departure.jpg) center center;
}
th.to {
    background: url(/images/bg_arrival.jpg) center center;
}

.pass,
table.busbox tr.busdata_pass {
    background-color: #f3f3f3;
}
.lag {
}
.yosoku {
    color: #f00;
}




table.busbox {
    margin: 3px auto;
    padding:0 auto;
    border-collapse: collapse;
    clear: both;
}
table.busbox td {
    border: 1px solid #999;
    font-size: small;
    padding: 0.4em 0;
}
table.busbox tr.bsname th,
table.busbox tr.bsname_pass th {
    border-spacing: 0;
    border-width: 0;
    padding: 10px 0 0 60px;
    text-align: left;
    margin: 0;
    height: 38px;
    font-size: small;
}
table.busbox tr.bsname span,
table.busbox tr.bsname_pass span
 {
    display: none;
}
table.busbox tr.bsname th.departure {
    color: #f60;
    width: 299px;
    max-width: 299px;
    background: url(../images/departure_d.gif) no-repeat left top;
}
table.busbox tr.bsname th.arrival {
    width: 300px;
    color:#009;
    background: url(../images/arrival_d.gif) no-repeat top right;
}
table.busbox tr.bsname_pass th.departure {
    width: 300px;
    color:#f60;
    background: url(../images/departure_e.gif) no-repeat top left;

}
table.busbox tr.bsname_pass th.arrival {
    width: 300px;
    color:#009;
    background: url(../images/arrival_e.gif) no-repeat top right;

}
table.busbox .busname {
    float: left;
}
table.busbox .busname span {
    display: block;
    width: 45px;
    height: 12px;
    text-indent: -9999px;
    background: url(../images/binmei_d.gif) no-repeat center center;
    float: left;
}

table.busbox .company {
    float: right;
    text-align: right;
    background: url(../images/unkmei_d.gif) no-repeat;
    padding: 0 0 0 60px;
    color: #69c;
}
table.busbox .company span {
    display: block;
    width: 52px;
    height: 14px;
    text-indent: -9999px;
    background: url(../images/unkmei_d.gif) no-repeat center center;
    float: left;
}
table.busbox tr.realdata td.businfo {
    height: 26px;
}
table.busbox tr.realdata td.businfo .point {
    padding: 4px 0 0 0;
    float: left;
    color: #69C;
}
table.busbox tr.realdata td.businfo .icon,
table.busbox td.rakuinfo .icon
 {
    float: right;
    text-align: right;
}
table.busbox tr.realdata td.businfo span {
    display: block;
    width: 45px;
    height: 12px;
    text-indent: -9999px;
    background: url(../images/nowpoint_d.gif) no-repeat center center;
    float: left;
}
table.busbox tr.ttime td span.t {
    display: block;
    width: 45px;
    height: 17px;
    text-indent: -9999px;
    background: url(../images/ttime_d.gif) no-repeat center center;
    float: left;
}

table.busbox tr.ttime td span.yosoku,
table.busbox tr.ttime td span.first,
table.busbox tr.ttime td span.end,
table.busbox tr.ttime td span.yosoku_hobo,
table.busbox tr.ttime td span.through {
    margin: 0 0 0 30px;
}

table.busbox tr.ttime td span.yosoku {
    background: url(../images/location_f_yosoku.gif) no-repeat;
    padding: 0 0 0 30px;
}

table.busbox tr.ttime td span.end {
    background: url(../images/end_all.gif) no-repeat;
    text-indent: -9999px;
    width: 52px;
    height: 14px;
}
table.busbox tr.ttime td span.first {
    background: url(../images/first.gif) no-repeat;
    text-indent: -9999px;
    width: 52px;
    height: 14px;
}


table.busbox tr.ttime td {
    font-family: Arial, Helvetica, sans-serif;
}
table.busbox tr.ttime td.ttime_f{
    border-right-style: none;
}

table.busbox tr.ttime td.ttime_t,
table.busbox tr.ttime td.ttime_t_pass {
    border-left-style: none;
    background: url(../images/dotline.gif) no-repeat left center;
}


/* ’Κ‰ίΟ‚έ */
table.busbox tr.ttime td.ttime_f_pass,
table.busbox tr.ttime td.ttime_t_pass {
    background: #efefef;
}


table.busbox tr.realdata td.businfo img {
    margin: 0 2px 0 0;
    padding: 0;
    padding: 0;
    border-style: none;
}

/* ‰^sΪΧ */



#detail #main {
     float: none;
     width: 96%;
}

#detail #detaillist {
    margin: 1em auto;
    width: 500px;
    clear: both;
    border-collapse:sepalate; 
    margin: 1em auto;
    clear: both;
    width: 90%;
    font-size: 0.8em;
    empty-cells: show;
    border: 1px solid #999;
    }
#detail #detaillist td {
    padding: 0.3em 0.5em;
    height: 40px;
    border: 1px solid #999;
}
#detail #detaillist td img{
    margin: 1px;
    padding: 1px;
    float: left;
}

#detail tr.nowhere td {
    text-align: center;
    margin: 5px auto;
    height: 60px;
    background: url(/images/nowhere.gif) no-repeat center center;
    text-indent: -9999px;
}

#detail #detaillist td.bsstop {
    background: url(/images/icon_bs_green.gif) no-repeat;
    padding: 3px 0 3px 60px;
    text-align: left;
}
#detail #detaillist tr {
    border-bottom: 1px solid #eee;
}
#detail #detaillist tr.stop_bs {
    background: url(/images/bg_stopbs.jpg) no-repeat center center;
}

#detail #detaillist tr.stop_bs2 {
   background: url(/images/bg_stopbs.jpg) no-repeat center center;
}
#detail #detaillist tr.pass td.bsstop{
    background:url(/images/icon_bs_green_pass.gif) #eee!important;
}

#detail #detaillist tr.from_bs {
    background: url(/images/bg_departure.jpg) center center!important;
    color: #f30;
    font-weight: bold;
}

#detail #detaillist tr.from_bs td.bsstop {
    background: url(/images/icon_bs_from.gif) no-repeat;
}
#detail #detaillist tr.to_bs td.bsstop {
    background: url(/images/icon_bs_to.gif) no-repeat;
}

#detail #detaillist tr.to_bs td.bsstop {

}

#detail #detaillist tr.to_bs{
    background: url(/images/bg_arrival.jpg) center center;
    color: #003;
    margin: 3px 0;
    font-weight: bold;
}


/*@Žž•\ */
#timetable #main {
     float:none;
     width: 96%;
}
#timetable #list {
    margin: 0 0 10px 20px;
    padding: 15px 5px;
    width: 670px;
    border-bottom: 1px solid #f30;
    border-left: 1px solid #f30;
    border-right: 1px solid #f30;
    clear: both;
}
#timetable ul.switch {
    border-color: #f30;
}
#timetable ul.switch li.slocation a {
    margin: 0 4px 0 0;
    background: url(/images/tab_location.gif) no-repeat center center;
    border: 1px solid #ccc;
    border-top: 3px solid #ccc;
}
#timetable ul.switch li.stimetable a {
    margin: 0 0 0 12px;
    height: 23px;
    text-indent: -9999px;
    background: url(/images/tab_timetable.gif) no-repeat center center;
    border: 1px solid #F30;
    border-top: 3px solid #f30;
}

#timetable ul.switch li.stimetable_bs a {
    margin: 0 0 0 12px;
    height: 23px;
    text-indent: -9999px;
    background: url(/images/tab_timetable_bs.gif) no-repeat center center;
    border: 1px solid #F30;
    border-top: 3px solid #f30;
}


#timetable table td.lag {
    color: red;
}

select option {
    padding: 0 3px;
}



/* ζŠ·‚¦ˆΔ“ΰ */
#norikae {
    padding: 1em auto;
}

#norikae #changeform {
    text-align:center;
}

#norikae #changeform input {
    padding: 0.3em;
    color: #000;
}

#norikae ul {
    margin: 0;
}
#norikae ul li ul li {
    border-style: none;
    float: left;
    margin: 0 2px;
    width: 200px;
    height: 130px;
    text-align: center;
    padding: 80px 0 0 2px;
}
#norikae ul li ul li span {
    display: none;
}


#norikae li.unkou a {
    display: block;
    width: 28px;
    text-indent: -9999px;
    height: 120px;
}

#norikae li.jikokuhyo a {
    display: block;
    width: 28px;
    text-indent: -9999px;
    height: 120px;
}
#norikae li.departure {
    background: url(/images/norikae_departure.gif) no-repeat center center;
}
#norikae li.trancefer {
    background: url(/images/norikae_trancefer.gif) no-repeat center center;
}
#norikae li.arrival {
    background: url(/images/norikae_arrival.gif) no-repeat center center;
}

/* ζŠ·@*/
#norikae h3 {
    margin: 10px 5px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
}
.keiro {
    margin: 10px;
    text-align: center;
    clear: both;
}
.keiro .from,.keiro .norikae,.keiro .to {
    float: left;
    margin: 2px 1px;
}
.keiro .from,.keiro .to {
    width: 250px;
}
.keiro .norikae {
    width: 200px;
}

.keiro .p {
}

.keiro .from p span {
    background: url(/images/norikae_departure_up.gif) no-repeat top left;
    text-indent: -9999px;
    display: block;

    height: 40px;
}
.keiro .from p {
    background: url(/images/norikae_departure_down.gif) no-repeat bottom left;
    height: 90px;
 }
.keiro .to p span {
    background: url(/images/norikae_arrival_up.gif) no-repeat top right;
    text-indent: -9999px;
    display: block;
    height: 40px;
}
.keiro .to p {
    background: url(/images/norikae_arrival_down.gif) no-repeat right bottom;
    height: 90px;
 }
 .keiro .norikae p span {
    background: url(/images/norikae_norikae_up.gif) no-repeat top center;
    text-indent: -9999px;
    display: block;
    height: 40px;
}
.keiro .norikae p {
    background: url(/images/norikae_norikae_down.gif) no-repeat bottom;
    height: 90px;
 }
.keiro .line1 {
    float: left;
    width: 350px;
}
.keiro .line2 {
    float: right;
    width: 350px;
}
.keiro .businfo, .keiro .areainfo {
    padding: 10px 0;
    background: url(/images/norikae_areainfo.jpg) no-repeat center center;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    
}
.keiro .areainfo{
    background: url(/images/norikae_areainfo.jpg) no-repeat center center;
    height: 100px;
}
.keiro .areainfo a {
    display: block;
    margin: 10px auto 5px auto;
    background: url(/images/btn_norikae_area_location.gif) no-repeat center center;
    height: 20px;
    width: 208px;
    text-indent: -9999px;
}
.keiro .areainfo form {
    margin: 5px auto;
    padding: 5px 0 0 0; 
    border-top: 1px solid #999;
    width: 320px;
}
.keiro .areainfo form input[type="submit"]  {
    background: url(/images/btn_norikae_area_timetable.gif) no-repeat center center;
    width: 208px;
    height: 20px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}


/* #enq ƒAƒ“ƒP[ƒg */
#enq fieldset {
     margin: 1em;
     padding: 1em;
}
#enq #main {
    float: none;
    width: 96%;
}
#enq #main h2{
    margin: 5px 0;
    height: 20px;
    background: url(/images/h2_enq.gif) no-repeat 5px 5px;
    text-indent: -9999px;
    border-bottom: 7px solid #4387BA;
}

/* disclaimer –ΖΣ */
#disclaimer #main {
    width: 96%;
}
#disclaimer #main h2{
    margin: 5px 0;
    height: 20px;
    background: url(/images/h2_disclaimer.gif) no-repeat 5px 5px;
    text-indent: -9999px;
    border-bottom: 7px solid #4387BA;
}
#disclaimer dl {
    margin: 10px;
}
#disclaimer dt {
    padding: 0 0 0 0.5em;
    border-bottom: 1px solid #4387BA;
    color: #4387BA;
    font-weight: bold;
    font-size: 1.1em;
}
#disclaimer dd {
    margin: 2px 1em 0.5em 1em;
    padding: 0.3em 0 0 0;
}
#disclaimer dd dt {
    font-size: .9em;
    border-bottom-style: none; 
}
#disclaimer dd dd {
     font-size: .8em;
}
#disclaimer dd p {
    margin: 3px;
}
#disclaimer dd ul li{
   margin: 0 0 0 5px;
}

/* contact ‚¨–⍇‚Ή*/
#contact #main {
    float: none;
    width: 96%;
}

#contact #main h2{
    margin: 5px 0;
    height: 20px;
    background: url(/images/h2_contact.gif) no-repeat 5px 5px;
    text-indent: -9999px;
    border-bottom: 7px solid #4387BA;
}
#contact table {
    border-collapse: collapse;
    font-size: 0.8em;
    text-align: center;
    margin: 10px auto;
    width: 90%;
}
#contact table td,
#contact table th {
    border-style: none;
    border-bottom: 1px solid #999;
}
#contact table th {
    color: #369;
}
/* howto Žg‚’•ϋ*/
#howto #main h2{
    margin: 5px 0;
    height: 20px;
    background: url(/images/h2_howto.gif) no-repeat 5px 5px;
    text-indent: -9999px;
    border-bottom: 7px solid #4387BA;
}

#howto #main h4 {
    border-bottom:1px solid #2FACAC;
    margin: 20px 0;
    width: 450px;
}

#howto #main h4.t1 {
    background: url(/images/benri_jitakude.gif) no-repeat;
    text-indent: -9999px;
    height: 47px;
}
#howto #main h4.t2 {
    background: url(/images/benri_machiawase.gif) no-repeat;
    text-indent: -9999px;
    height: 49px;
}
#howto #main h4.t3 {
    background: url(/images/benri_bustei.gif) no-repeat;
    text-indent: -9999px;
    height: 49px;
}
#howto #main h4.t4 {
    background: url(/images/benri_norikae.gif) no-repeat;
    text-indent: -9999px;
    height: 49px;
}




/* news ‚¨’m‚η‚Ή*/


#news #main h2{
    margin: 5px 0;
    height: 20px;
    background: url(/images/h2_news.gif) no-repeat 5px 5px;
    text-indent: -9999px;
    border-bottom: 7px solid #4387BA;
}
#news #main h3 {
    padding: 0.5em 0 0 0.5em;
    color: #4387BA;
    border-bottom: 1px solid #4387BA;
}
#news #main ul {
    margin: 0 0 20px 30px;
}
#news ul li.emergency {
}
#news li.emergency a,#infomation li.emergency a {
    color: #f00;
}


#news #main {
    float: none;
    width: 96%;
}
#news .newsitem h3 {
    border-bottom: 1px solid #000;
}
#news .newsitem .category {
    text-align: right;
    border-bottom: 1px dotted #ccc;
}
#news .url {
    margin: 15px 1em;
}
#news .url a {
    display: block;
    width: 107px;
    height: 24px;
    text-indent: -9999px;
    background: url(/images/news_detail.gif) no-repeat;
}
#news #newsbody {
    margin: 20px;
    padding: 1em;

}
/* ENQ */
#enq label {
    display: block;
    margin: 1em 0;
    padding: 0 1em;
    color: #263A94;
    font-weight: bold;
    border-bottom: 1px solid #263A94;
}
#enq fieldset input {
    margin: 0 1em 0 0;
}
#enq fieldset.submit {
    border-style: none;
    text-align: center;
}
#enq fieldset.submit input {
    width: 5em;
}

/* ERROR */
#maintenance h2 {
    margin: 5px 0;
    height: 20px;
    background: url(/images/h2_maintenance.gif) no-repeat 5px 5px;
    text-indent: -9999px;
    border-bottom: 7px solid #4387BA;

}
#maintenance #main {
    float: none;
    width: 96%;
}
#error404 h2 {
    margin: 5px 0;
    height: 20px;
    background: url(/images/h2_404.gif) no-repeat 5px 5px;
    text-indent: -9999px;
    border-bottom: 7px solid #4387BA;
}
#error404 #main {
    float: none;
    width: 96%;
}