@charset "utf-8";

/*===================================================
 /station Common Stylesheet 
=================================================== */

/* ---------------------------------------------------
 Detail Page
--------------------------------------------------- */
/* stIndexHeadline
--------------------------- */
#stIndexHeadline {
position:relative;
width:716px;
height:101px;
margin-bottom:15px;
}

#stIndexHeadline #pageHeadline {
position:absolute;
top:0;
left:0;
}
#stIndexHeadline ul#lines {
position:absolute;
top:28px;
right:20px;
}
#stIndexHeadline ul#lines li {
display:inline;
}

/* shopDataList
--------------------------- */
dl.shopDataList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
dl.shopDataList {display:inline-block;}
/* Hides from IE-mac \*/
* html dl.shopDataList {zoom:1;}
dl.shopDataList {display:block;}
/* End hide from IE-mac */

dl.shopDataList dt {
float:left;
width:6em;
}
dl.shopDataList dd {
margin-left:6em;
}

/* barrierfreeList
--------------------------- */
ul.barrierfreeList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul.barrierfreeList {display:inline-block;}
/* Hides from IE-mac \*/
* html ul.barrierfreeList {zoom:1;}
ul.barrierfreeList {display:block;}
/* End hide from IE-mac */

ul.barrierfreeList {
margin:-4px 0 0 -4px;
}

ul.barrierfreeList li {
float:left;
height:19px;
padding:4px 0 0 4px;
}


/* barrierfreeList02
--------------------------- */
ul.barrierfreeList02 li {
padding-left: 30px;
text-indent: -30px;
_text-indent: 0;
}
ul.barrierfreeList02 li .tooltip {
margin-right: 11px;
_margin-left: -30px;
}
ul.barrierfreeList02 li .tooltip img.balloonImg {
vertical-align: middle;
_margin-top: 2px;
}

ul.barrierfreeList02 li ul,
ul.barrierfreeList02 li li {
display: inline;
padding-left: 0 !important;
text-indent: 0 !important;
}

ul.barrierfreeList02 li li .tooltip {
margin-right: 0;
_margin-left: 0;
}
ul.barrierfreeList02 li ul {
margin-right: 8px;
}

ul.barrierfreeList02 li.ind030,
ul.barrierfreeList02 li.ind053,
ul.barrierfreeList02 li.ind077,
ul.barrierfreeList02 li.ind100 {
padding-left: 0;
text-indent: 0;
}

ul.barrierfreeList02 li.ind030 { padding-left: 30px; text-indent: -30px; }
ul.barrierfreeList02 li.ind053 { padding-left: 53px; text-indent: -53px; }
ul.barrierfreeList02 li.ind077 { padding-left: 77px; text-indent: -77px; }
ul.barrierfreeList02 li.ind100 { padding-left: 100px; text-indent: -100px; }

ul.barrierfreeList02 li.ind030 ul { *margin-left: -30px; margin-left: -30px\9; }
ul.barrierfreeList02 li.ind053 ul { *margin-left: -53px; margin-left: -53px\9; }
ul.barrierfreeList02 li.ind077 ul { *margin-left: -77px; margin-left: -77px\9; }
ul.barrierfreeList02 li.ind100 ul { *margin-left: -100px; margin-left: -100px\9; }


/* ---------------------------------------------------
 Map Page
--------------------------------------------------- */
/* Map Data
--------------------------------------------------- */
#mapDataWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mapDataWrap {display:inline-block;}
/* Hides from IE-mac \*/
* html #mapDataWrap {zoom:1;}
#mapDataWrap {display:block;}
/* End hide from IE-mac */
#mapDataWrap {
margin-bottom:20px;
}
#mapData {
width:916px;
height:518px;
border:#cfcfcf 1px solid;
}
#mapUtility {
float:right;
width:150px;
}
#mapUtility ul.btnList {
position:relative;
width:149px;
height:74px;
margin-bottom:20px;
background:url(/station/common/images/map_bg_01.gif) no-repeat top left;
}
#mapUtility ul.btnList li.btn01 {
position:absolute;
top:5px;
left:5px;
}
#mapUtility ul.btnList li.btn02 {
position:absolute;
top:5px;
left:77px;
}
#gatewayListWrap {
height:370px;
overflow:auto;
}
#gatewayListWrap .h4Sec .h4SecInner {
padding-right:20px;
}

ul.gatewayList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul.gatewayList {display:inline-block;}
/* Hides from IE-mac \*/
* html ul.gatewayList {zoom:1;}
ul.gatewayList {display:block;}
/* End hide from IE-mac */

#gatewayListWrap ul.gatewayList li {
float:left;
display:block;
white-space:nowrap;
margin-right:8px;
}

.pn {
font-weight:bold;
}

/* Map Description
--------------------------------------------------- */
ul.gatewayTxt li span {
margin-right:10px;
}
ul.gatewayTxt li span.textLink {
color:#187fa5;
}

ul.mapIcoList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul.mapIcoList {display:inline-block;}
/* Hides from IE-mac \*/
* html ul.mapIcoList {zoom:1;}
ul.mapIcoList {display:block;}
/* End hide from IE-mac */

ul.mapIcoList li {
float:left;
width:141px;
display:block;
margin-bottom:5px;
}
ul.mapIcoList li p.ico {
float:left;
width:44px;
margin-top:2px;
}
ul.mapIcoList li p.txt {
float:right;
width:87px;
}


/* No Script
--------------------------------------------------- */
.noScriptMod {
padding-left:20px;
}


/*---------------------------------------------------
 Time Table Page
--------------------------------------------------- */
/* tabHeading
--------------------------------------------------- */
.tabHeading {
padding-bottom:4px;
background: url(/station/common/images/tabHeading_bg_01.gif) no-repeat left bottom #F7F4F2;
}
.tabHeading .tabHeadingInner:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tabHeading .tabHeadingInner {display:inline-block;}
/* Hides from IE-mac \*/
* html .tabHeading .tabHeadingInner {zoom:1;}
.tabHeading .tabHeadingInner {display:block;}
/* End hide from IE-mac */

.tabHeading .tabItem {
float:left;
margin-right:3px;
}


/* Legend List
--------------------------------------------------- */
ul.legendList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul.legendList {display:inline-block;}
/* Hides from IE-mac \*/
* html ul.legendList {zoom:1;}
ul.legendList {display:block;}
/* End hide from IE-mac */

ul.legendList li {
float:left;
margin-right:15px;
white-space:nowrap;
}



/* Time Table
--------------------------------------------------- */
#timeTable table.dataTable {
width:100%;
border-top:#d8d8d8 1px solid;
border-left:#d8d8d8 1px solid;
}

#timeTable table.dataTable td {
padding:0 12px 0.7em;
}
#timeTable table.dataTable th.hour {
font-size:124%;
font-weight:bold;
}

.dataHead:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.dataHead {display:inline-block;}
/* Hides from IE-mac \*/
* html .dataHead {zoom:1;}
.dataHead {display:block;}
/* End hide from IE-mac */

.dataHead p.direction {
float:left;
font-size:124%;
font-weight:bold;
}
.dataHead p.rev {
float:right;
}

#timeTable .timeDataWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#timeTable .timeDataWrap {display:inline-block;}
/* Hides from IE-mac \*/
* html #timeTable .timeDataWrap {zoom:1;}
#timeTable .timeDataWrap {display:block;}
/* End hide from IE-mac */


#timeTable .timeData {
float:left;
margin-top:0.7em;
width:4em;
height:2.5em;
text-align:center;
}
/* for IE6 */
* html #timeTable .timeData {
height:2.7em;
}

#timeTable .timeDataWrap span {
display:block;
position:relative;
top:1.45em;
text-align:center;
font-size:93%;
}
#timeTable .timeDataWrap span.line {
font-size:85%;
}
#timeTable .timeDataWrap .dir span {
position:static;
text-align:center;
}

#timeTable .timeDataWrap span.info02 {
font-weight:bold;
margin-top:-4px;
}

#timeTable .timeDataWrap span.info01 {
font-size:85%;
}

#timeTable .timeDataWrap span.info01 span.item01,
#timeTable .timeDataWrap span.info01 span.item02 {
display:inline;
margin-left:3px;
}

#timeTable .timeDataWrap span.info02 span.item01,
#timeTable .timeDataWrap span.info02 span.item02 {
display:inline;
font-size:85%;
font-weight:normal;
}
#timeTable .timeDataWrap span.info02 span.item01 {
margin-right:1px;
}
#timeTable .timeDataWrap span.info02 span.item02 {
margin-left:2px;
}
.express {
color:#FF3300;
}
.commute {
color:#339966;
}
.localEx {
color:#003399
}
#timeTable .timeDataWrap span.enclosed {
border:#333 1px solid;
display:inline;
position:static;
top:0;
padding:0 2px;
text-align:center;
font-size:100%;
}