
/********** シティライナー時代のCSS **********/

/*
div.guide h2{
 background:url(../images/list.gif) 10px 6px no-repeat;
 border-bottom:1px solid #DDDDDD;
 background-color:#EEEEEE;
 color:#777777;
 height:22px;
 padding-left:40px;
 padding-top:8px;
 margin-bottom:10px;
 font-size:120%;
 font-weight:bold;
}

div.guide h3{
 border-left:10px solid #FF8400;
 border-bottom:2px solid #FF8400;
 padding:3px 10px;
 margin:0 5px 10px 5px;
 font-size:110%;
 font-weight:bold;
 color:#555555;
 }

div.guide h4{
 margin:15px 0px 15px -5px;
 border:1px solid #BBBBBB;
 padding:5px;
 background-color:#FFDD9A;
 }
*/

/********** guide **********/
div.guide h2 {
 font-size:110%;
 font-weight:bold;
 height:24px;
 margin-bottom:20px;
 padding:11px 0 0 29px;
 background:url(../images/caption_h2_2.png) no-repeat;
 }

div.guide h3{
 font-size:110%;
 height:14px;
 background-color:#F1F7FE;
 border-left:8px solid #037DB7;
 border-bottom:1px solid #CCCCCC;
 padding:6px;
 margin:0 0 10px 10px;
 }

div.guide h4{
 margin:15px 0px 15px -5px;
 border:1px solid #BBBBBB;
 padding:5px;
 background-color:#FBF8F2;
 }

div.guide h5{
 background:url(../images/list2.gif) left top no-repeat;
 padding-left:20px;
 margin:5px 0;
 height:15px;
 }

div.guide p.tel{
 border:1px solid #CC0000;
 width:530px;
 margin:15px auto;
 padding:5px 20px;
 font-size:90%;
 }

div.guide p.tel span.imgleft{
 float:left;
 margin-right:10px;
 padding-bottom:10px;
 }

div.guide ul {
 margin:15px 0px 25px 15px;
 }

div.guide li {
 margin:3px 0;
 list-style:disc;
 }

div.guide dl {
 margin:10px 0px;
 }

div.guide dt {
 background-color:#F1F7FE;
 border-top:1px dashed #BBBBBB;
 border-bottom:1px dashed #BBBBBB;
 padding:5px;
 color:#002B97;

 }

div.guide dd {
 text-indent:-30px;
 padding:5px 5px 5px 35px;
 line-height:130%;
 } 
 
div.guide dl.faq dd{
 padding-bottom:30px;
 } 
 
div.guide table {
 margin-left:20px;
 margin-bottom:20px;
 }

div.guide table.convi td{
 vertical-align:middle;
 }

div.guide th {
 border:1px solid #BBBBBB;
 font-weight:normal;
 padding:5px;
 background-color:#DDDDDD;
 }

div.guide td {
 border:1px solid #BBBBBB;
 padding:3px;
 }
 
div.guide tr.row {
 background-color:#F1F5FF;
 }

div.guide tr.center td{
 text-align:center;
 }

div.guide tr.right td{
 text-align:right;
 }

#content p.notesBox {
 border:1px solid #BBBBBB;
 padding:5px;
 margin:20px;
 background-color:#EEEEEE;
 }

/********** mainte **********/
#mainte {
 width:500px;
 padding:20px;
 margin:20px auto;
 background-color:#FFFFFF;
 }

#mainte p {
 line-height:130%;
}

#mainte p.time, p.company {
 text-align:right;
 }
 
#mainte h2 {
 margin:30px 0;
 font-size:150%;
 font-weight:bold;
 text-align:center;
 border-bottom:1px solid #CCCCCC;
 }

#mainte table {
 width:400px;
 margin:10px auto;
 border-top:1px solid #BBBBBB;
 border-left:1px solid #BBBBBB;
 }

#mainte table td, table th {
 border-right:1px solid #BBBBBB;
 border-bottom:1px solid #BBBBBB;
 padding:5px;
 }

#mainte table th {
 background-color:#FBF8F2;
 }
 
/********** map **********/
div#map h2 {
 background:url(../images/list.gif) 10px 6px no-repeat;
 border-bottom:1px solid #DDDDDD;
 background-color:#EEEEEE;
 color:#777777;
 height:22px;
 padding-left:40px;
 padding-top:8px;
 margin-bottom:10px;
 font-size:120%;
 font-weight:bold;
 }
 
div#map h3{
 border-left:10px solid #FF8400;
 border-bottom:2px solid #FF8400;
 padding:3px 10px;
 margin:0 5px 10px 5px;
 font-size:110%;
 font-weight:bold;
 color:#555555;
 }

div#map div.googlemap {
 width:400px;
 border:1px solid #CECDCB;
 margin:0 auto 10px auto;
 }

div#map div.infocall {
 width:500px;
 padding:5px 10px;
 margin:0 auto 10px auto;
 border:1px solid #CECDCB;
 }
div#map div.qr {
 width:140px;
 border:1px solid #CECDCB;
 margin:0 auto 10px auto;
 text-align:center;
 }
  
div#map p.callnumber {
 font-size:120%;
 font-weight:bold;
 text-align:center;
 }

/********** routeplan **********/
div#routeplan {
 width:100%;
 margin-bottom:20px;
 }
 div#routeplan div#leftbox {
 float:left;
 width:350px;
 }
div#routeplan div#rightbox {
 width:590px;
 float:right;
 } 

div#routeplan h2 {
 width:915px;
 height:25px;
 font-weight:bold;
 padding:17px 0 0 45px;
 margin-bottom:30px;
 background:url(../images/routeplan/cap_ruteplan.gif) ;
 }

div#routeplan p.busphoto {
 border:5px solid #E2E2E2;
 }

div#routeplan h3 {
 height:20px;
 color:#FFFFFF;
 font-weight:bold;
 padding:13px 0 0 0px;
 }
div#routeplan h3.busplan {
 background:url(../images/routeplan/cap_orange.gif) ;}
div#routeplan h3.buscompany {
 background:url(../images/routeplan/cap_red.gif) ;}
div#routeplan h3.tablecalen {
 background:url(../images/routeplan/cap_orange.gif) ;}
div#routeplan h3.timetable {
 background:url(../images/routeplan/cap_blue.gif) ;}
div#routeplan h3.businfo {
 background:url(../images/routeplan/cap_red.gif) ;}

div#routeplan h4 {
 font-size:110%;
 font-weight:bold;
 margin-bottom:3px;
 padding-left:8px;
 border-left:7px solid #99CC00;
 }
  

div#routeplan p.btn {
 font-weight:bold;
 font-size:130%;
 }
div#routeplan p.btn a {
 display:block;
 margin:5px auto;
 width:170px;
 height:30px;
 padding:5px 0 0 30px;
 background:url(../images/routeplan/btn.gif) ;
 color:#FFFFFF;
 }

div#routeplan p.btn a:hover {
 color:#FFFF66;
}


div#routeplan div#busplan {
 border:1px solid #FF9751;
 margin-bottom:20px;
 padding:20px 10px 10px 10px;
 }
div#routeplan div#busplan dt {
 background-color:#ECF5FA;
 color:#4479DA;
 font-weight:bold;
 padding:5px;
 margin-top:20px;
}
div#routeplan div#busplan dd {
 line-height:140%;
}

div#routeplan table {
 width:100%;
 border-top:1px solid #CCCCCC;
 border-right:1px solid #CCCCCC;
 }
div#routeplan table td{
 border-bottom:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 padding:5px
 }
div#routeplan table th{
 border-bottom:4px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 background-color:#EEEEEE;
 padding:5px;
 font-weight:bold;
 }
div#routeplan table th.time{
 background-color:#ECF5FA;
 text-align:center;
 width:65px;
 }
 
div#routeplan div#timetable {
 border:1px solid #4193FE;
 margin-bottom:20px;
 padding:20px 10px 10px 10px;
 }

div#routeplan div#buscompany {
 border:1px solid #FF3333;
 padding:20px 10px 10px 10px;
 }
div#routeplan div#buscompany dt{
 float:left;
 width:80px;
 }
div#routeplan div#buscompany dd{
 margin-bottom:10px;
 }
 
div#routeplan div#businfo {
 border:1px solid #FF3333;
 padding:20px 10px 10px 10px;
 }
 
div#routeplan div#tablecalen {
 font-size:90%;
 border:1px solid #FF9751;
 margin-bottom:20px;
 padding:20px 10px 10px 10px;
 }

div#routeplan div#tablecalen table.calen {
 width:49%;
 margin-bottom:20px;
 }

div#routeplan div#tablecalen table.calen td {
 text-align:center;
 }



/********** ag **********/
div#agbox {
 float:left;
 }

div#agboxright {
 margin-left:200px;
 width:650px;
 }

div#ag div.info {
 width:500px;
 margin:0 auto 30px auto;
}

div#ag div.info p {
 margin:0;
 padding:0;
 }

div#ag dl.infobox {
 overflow:auto;
 height:150px;
 padding:5px 10px;
 border:1px solid #DDDDDD;
 }
 
div#ag dl.infobox dd {
 margin-left:1em;
 }


/********** coupon **********/

div#coupon {
 width:800px;
 margin:0 auto;
 }

div#coupon p {
 margin:0;
 }

div#couponbox {
 padding:20px;
 border-left:30px solid #FF66CC;
 border-right:30px solid #FF66CC; 
 }
 
div#coupon p.footer {
 background:url(../images/couponfooter_img.png) 0 bottom no-repeat;
 height:30px;
 }
  
/*
div#coupon dt {
 color:#FFFFFF;
 font-size:120%;
 font-weight:bold;
 padding:5px 0 5px 0;
 margin:0 0 0 20px;
 }
*/

div#coupon dt {
 margin:2em 0 0.5em 0;
 line-height:130%;
 }
 
div#coupon dd {
 line-height:130%;
 margin:0 1em;
 }

div#coupon ul {
 margin:50px 0 30px 0;
 border:1px solid #AAAAAA;
 padding:10px 20px;
 }
 
div#coupon ul li {
 list-style:none;
 line-height:130%;
 } 

div#coupon dl.company {
 font-size:110%;
/*
 padding-bottom:20px;
*/
 background-color:#EFEFEF;
 }
 
div#coupon dl.company dt {
 border-top:1px solid #888888;
 border-bottom:1px solid #AAAAAA;
 padding:5px;
 margin:20px 0 10px 0;
 color:#CC0000;
 font-weight:bold;
 }
 
div#coupon dl.company dd {
 padding:3px 20px;
 }

div#coupon p.priceinfo {
 margin:20px 0 0 40px;
 float:left;
 }

div#child {
 background-color:#FFFFFF;
 padding:10px;
 font-size:80%;
 }

div#child h2 {
 font-size:120%;
 border-left:4px solid #0066FF;
 }


p.map {
 width:387px;
 font-weight:bold;
 border-left:8px solid #0066CC;
 border-bottom:1px dotted #666666;
 padding:2px 0 2px 5px;
 }




