@charset "utf-8";
/*===============================================
				common
===============================================*/
.routeGuide{
clear:both;
margin:0 0 20px 10px;
}
.routeArea{
width:636px;
float:left;
margin:10px 0;
}
.routeArea ul{
height:38px;
position:relative;
}
.routeArea li{
display:inline;
background:#fff;
position:absolute;
top:3px;
}
.originArea{
width:52px;
margin-top:30px;
float:left;
}
#transitArea h4,.routeArea h4{
font-size:110%;
font-weight:bold;
clear:both;
height:35px;
line-height:2.8;
padding:0 0 0 45px;
margin:5px 0;
}
.routeArea p{
clear:both;
}
.route01{
background:url(../img/route01_line.gif) no-repeat;
}
.route02{
background:url(../img/route02_line.gif) no-repeat;
}
.route03{
background:url(../img/route03_line.gif) no-repeat;
}
.route04{
background:url(../img/route04_line.gif) no-repeat;
}
.route05{
background:url(../img/route05_line.gif) no-repeat;
}
/*===============================================
				car
===============================================*/
#carNav{
padding-bottom:20px;
background:url(../../img/common/bg_headingbar02.gif) no-repeat left bottom;
}
#carNav #gmap01{
width:696px;
height:380px;
}
#carNav .mNav{
text-align:center;
margin:10px auto;
}
#carNav .mNav li{
margin:0 3px;
display:inline;
}
#carNav .imgArea{
margin:10px 0;
float:left;
}
#carNav .floatRight{
float:right;
width:400px;
display:inline;
margin:40px 0 0 0;
}
#carNav .floatRight h4{
font-weight:bold;
}
#carNav .floatRight dt{
width:80px;
float:left;
clear:both;
margin-right:0.6em;
font-weight:bold;
display:block;
}
#carNav .floatRight dd{
width:300px;
margin-left:80px;
}
#carNav .floatRight .attention{
clear:both;
font-weight:bold;
margin:1.2em 0 0.7em 0;
}
#carNav .routeArea h4{
background:url(../img/icon_car.gif) no-repeat left center;
}
/*===============================================
				train
===============================================*/
#trainNav{
margin:15px 0 0;
}
#trainNav #gmap02{
width:390px;
height:240px;
}
#trainNav .mapArea{
float:left;
margin-bottom:10px;
}
#trainNav .floatRight{
float:right;
width:270px;
}
#trainNav .floatRight dt{
font-weight:bold;
}
#trainNav .floatRight h4{
font-weight:bold;
}
#trainNav .floatRight p{
margin-bottom:1em;
}
#trainNav .floatRight a{
padding-left:20px;
background:url(../../img/common/icon_arrow01.gif) no-repeat left center;
}
#transitArea h4,#trainNav .routeArea h4{
background:url(../img/icon_train.gif) no-repeat left center;
}
/*===============================================
				transit
===============================================*/
#transitArea{
clear:both;
margin:10px 10px;
}

#transitArea img{
float:left;
border:2px solid #0066cc;
margin:20px 20px 20px;
}
#transitArea form{
width:360px;
float:left;
margin:5px 0;
}
#transitArea #calender{
width:80px
}
#transitArea select{
margin-right:5px;
width:85px
}