@charset "euc-jp";

/*
========== TABLE of CONTENTS ==========

1:#m-title
2:#station-nav
3:#exit-box
4:#timetable-box
5:#station-box
6:#around
7:#equipment
8:#chie
9:ad

clearfix rules

========== TABLE of CONTENTS ==========
*/

.nav{
	margin-bottom: 25px;
	font-size: 110%;
	text-align: center;
	}
.page-nav{
	margin-bottom: 25px;
	text-align: right;
	}
div#title-topbg{
	background: url(http://i.yimg.jp/images/transit/08/images/h2_top.gif) no-repeat top right;
	min-height: 2px;
	}
*html div#title-topbg{
	height: 2px;
	}
div#title-topbg hr{
	display: none;
	}
div#title{/* for headline_sub */
	margin-bottom: 10px;
	}

#box-set {/* use clearfix */
	margin-bottom: 10px;
	overflow:hidden;
	height: 1%;
}
#box-set-end {
	clear: both;
	height: 1px;
	background: url(../../images/box_bg.png) no-repeat 0 0;
	}
#box-set-end hr {
	display: none;
	}
	
/* ---------- 1:#m-title ---------- */
#m-title{/* use clearfix */
	margin-bottom: 10px;
	padding: 3px 8px 7px;
	background: url(http://i.yimg.jp/images/transit/08/images/h2_bk.gif) no-repeat bottom right;
	}
#m-title h2{	
	float: left;
	margin-top: .2em;
	font-size: 120%;
	font-weight: bold;
	}
#m-title ul{
	float: right;
	font-size: 110%;
	font-weight: bold;
	}
#m-title ul strong{
	font-weight: bold;
	}
#m-title li{
	float: left;
	margin-left: 3px;
	}
#m-title img{
	vertical-align: bottom;
	}

#m-title .hidden, #m-title li dt{
	display: none;
	}
#m-title li.add-regsta {
	height: 1%;
	background: url(../../images/btn_regist_sta_flex_bg_bl.png) no-repeat bottom left;
	}
#m-title li.add-regsta dl{
	background: url(../../images/btn_regist_sta_flex_bg_br.png) no-repeat bottom right;
	}
#m-title li.add-regsta dd{
	background: url(../../images/btn_regist_sta_flex_bg_tl.png) no-repeat top left;
	}
#m-title li.add-regsta p{
	background: url(../../images/btn_regist_sta_flex_bg_tr.png) no-repeat top right;
	}
#m-title li.add-regsta p a {
	white-space: nowrap;
	}
#m-title li.search-for {
	height: 1%;
	background: url(../../images/btn_search_sta_flex_bg_bl.png) no-repeat bottom left;
	}
#m-title li.search-for dl{
	background: url(../../images/btn_search_sta_flex_bg_br.png) no-repeat bottom right;
	}
#m-title li.search-for dd{
	background: url(../../images/btn_search_sta_flex_bg_tl.png) no-repeat top left;
	}
#m-title li.search-for p{
	background: url(../../images/btn_search_sta_flex_bg_tr.png) no-repeat top right;
	}
#m-title li.search-for p a{
	white-space: nowrap;
	}
*:first-child+html #m-title dl {/* has break */
	zoom: 1;
	}
	
#m-title p a{
	display: block;
	margin-bottom: 3px;
	text-decoration: none;
	line-height: 1.6;
	}
#m-title li.add-regsta p a{
	color: #fff;
	padding: .1em 130px 0 5px;
	background: url(../../images/btn_regist_sta_flex_txt.gif) no-repeat 100% .35em;
	}
#m-title li.search-for p a{
	color: #555;
	padding: .1em 157px 0 5px;
	background: url(../../images/btn_search_sta_flex_txt.gif) no-repeat 100% .35em;
	}
/* ---------- /1:#m-title ---------- */

/* ---------- 2:#station-nav ---------- */
#station-nav{ /* use clearfix */
	margin-bottom: 10px;
	height: 35px;
	background: url(http://i.yimg.jp/images/transit/station/images/station_tab.png) no-repeat 0 -35px;
	}
/* ========== :tab ========== */
#station-nav .tab li{
	display: inline;
	}

#station-nav .tab li img, #station-nav .tab li.tab01-on, #station-nav .tab li.tab02-on, #station-nav .tab li.tab03-on{
	float: left;
	height: 34px;
	}
#station-nav .tab li a, #station-nav .tab li.tab01-off, #station-nav .tab li.tab02-off, #station-nav .tab li.tab03-off{
	float: left;
	height: 25px;
	}
#station-nav .tab li a {
	overflow: hidden;
	}
#station-nav .tab li a, #station-nav .tab li.tab01-on, #station-nav .tab li.tab02-on, #station-nav .tab li.tab03-on, #station-nav .tab li.tab01-off, #station-nav .tab li.tab02-off, #station-nav .tab li.tab03-off{
	height: 25px;
	background: url(http://i.yimg.jp/images/transit/station/images/station_tab.png) no-repeat 0 0;
	text-indent: -9999px;
	}
*html #station-nav .tab li a, *html #station-nav .tab li.tab01-on, *html #station-nav .tab li.tab02-on, *html #station-nav .tab li.tab03-on{/* for ie6 */
	height: 32px;
	}
#station-nav .tab li.tab01 a, #station-nav .tab li.tab01-on, #station-nav .tab li.tab01-off{
	width: 104px;
	}
#station-nav .tab li.tab02 a, #station-nav .tab li.tab02-on, #station-nav .tab li.tab02-off{
	width: 94px;
	}
#station-nav .tab li.tab03 a, #station-nav .tab li.tab03-on, #station-nav .tab li.tab03-off{
	width: 118px;
	}
/* --- 3-1-1:btn --- */
#station-nav .tab li.tab01 a{
	background-position: 0 0; 
	}
#station-nav .tab li.tab02 a{
	background-position: -104px 0; 
	}
#station-nav .tab li.tab03 a{
	background-position: -198px 0; 
	}
/* --- 3-1-2:hover --- */
#station-nav .tab li.tab01 a:hover{
	background-position: 0 -35px;
	}
#station-nav .tab li.tab02 a:hover{
	background-position: -104px -35px;
	}
#station-nav .tab li.tab03 a:hover{
	background-position: -198px -35px;
	}
/* --- 3-1-3:press --- */
#station-nav .tab li.tab01 a:active{
	background-position: 0 -70px;
	}
#station-nav .tab li.tab02 a:active{
	background-position: -104px -70px;
	}
#station-nav .tab li.tab03 a:active{
	background-position: -198px -70px;
	}
/* --- 3-1-4:on --- */
#station-nav .tab li.tab01-on{
	background-position: 0 -105px;
	}
#station-nav .tab li.tab02-on{
	background-position: -104px -105px;
	}
#station-nav .tab li.tab03-on{
	background-position: -198px -105px;
	}
/* --- 3-1-5:off --- */
#station-nav .tab li.tab01-off{
	background-position: 0 -140px;
	}
#station-nav .tab li.tab02-off{
	background-position: -104px -140px;
	}
#station-nav .tab li.tab03-off{
	background-position: -198px -140px;
	}
/* ========== /:tab ========== */
/* ---------- /2:#station-nav ---------- */

/* ---------- 3:#exit-box ---------- */
#exit-box {/* use clearfix */
	position: relative;
	margin: 0 0 10px;
	border: 1px solid #ccc;
	background: url(../../images/box_sta_632.png) no-repeat 0 1px;
	}
#exit-box h4 {
	padding: .2em 1em .3em 46px;
	background: url(../../images/icn_exit.png) no-repeat 3px 0;
	font-weight: bold;
	font-size: 110%;
	} 

#exit-box dl {/* use clearfix */
	margin: 0 .5em .3em;
	font-size: 90%;
	}
#exit-box dt, #exit-box dd {
	float: left;
}
#exit-box dt {
	margin-right: .5em;
	font-weight: bold;
	}
#exit-box dd {
	width: 510px;
	}
#exit-box .note {
	margin-left: .5em;
	color: #f00;
	font-weight: bold;
	}
#exit-box p{
	position: absolute;
	bottom: 0;
	right: 0;
	}
#exit-box p a{
	float: right;
	margin: .3em .5em;
	padding-left: 10px;
	background: url(http://i.yimg.jp/images/transit/08/images/delta_orange.gif)	no-repeat 0 .3em;
	}
/* ---------- /3:#exit-box ---------- */

/* ---------- 4:#timetable-box ---------- */
#timetable-box {/* use clearfix */
	float: left;
	width: 309px;
	padding-bottom:32768px;
	margin-bottom:-32768px;
	border: 1px solid #ccc;
	background: url(../../images/box_sta_308.png) no-repeat 0 1px;
	}
#timetable-box .section {
	position: relative;
	}
#timetable-box h4 {
	padding: .2em 1em .3em 30px;
	background: url(../../images/icn_clock.png) no-repeat 3px 0;
	font-weight: bold;
	font-size: 110%;
	} 
#timetable-box h5 {
	margin: 0 .5em;
	font-weight: bold;
	}
#timetable-box ul {
	margin: 0 1em 1.5em;
	}
#timetable-box li a {
	padding-left: 10px;
	background: url(http://i.yimg.jp/images/transit/08/images/delta_orange.gif)	no-repeat 0 .3em;
	}
#timetable-box p {
	position: absolute;
	top: 100%;
	right: 0;
	margin: 0 8px;
	padding-left: 10px;
	}
*html #timetable-box p {
	position: relative;
	top: 0;
	right: 0;
	float: right;
	}
*:first-child+html #timetable-box p {
	position: relative;
	top: 0;
	right: 0;
	float: right;
	}
#timetable-box .note{
	position: relative !important;
	margin-bottom: 10px;
	color: #f00;
	font-weight: bold;
	text-align: center;
}
*html #timetable-box .note{
	width: 260px;
}
*:first-child+html #timetable-box .note{
	width: 276px;
}


*html #timetable-box ul {
	margin-bottom: 0;
	}
*:first-child+html #timetable-box ul {
	margin-bottom: 0;
	}
#timetable-box p a {
	padding-left: 10px;
	background: url(http://i.yimg.jp/images/transit/08/images/delta_orange.gif)	no-repeat 0 .3em;
	}
/* ---------- /4:#timetable-box ---------- */

/* ---------- 5:#station-box ---------- */
#station-box {
	float: right;
	width: 309px;
	padding-bottom:32768px;
	margin-bottom:-32768px;
	border: 1px solid #ccc;
	background: url(../../images/box_sta_308.png) no-repeat 0 1px;
	}
#station-box h4 {
	padding: .2em 1em .3em 43px;
	background: url(../../images/icn_station.png) no-repeat 3px 0;
	font-weight: bold;
	font-size: 110%;
	}

#station-box dl {/* use clearfix */
	margin: 0 0 .3em;
	}
#station-box dl.station dt {
	display: none;
	}
#station-box dl.station dd{
	margin: 0 .5em;
	padding-left: 11px;
	background: url(http://i.yimg.jp/images/transit/08/images/delta_btm.gif)	no-repeat 0 .4em;
	}
#station-box dl.station dd.phonebook {
	background: none;
	}
#station-box dl.station dd.phonebook img {
	vertical-align: middle;
	}
#station-box dl.phonebook dt {
	margin: 0 .5em;
	padding-left: 18px;
	background: url(http://i.yimg.jp/images/sicons/phonebook16.gif)	no-repeat 0 0;
	}
#station-box dl.phonebook dd{
	margin: 0 0 0 1.5em;
	}
#station-box dd {
	float: left;
	}

#station-box h5 {
	margin: 0 .5em;
	font-weight: bold;
	}
#station-box ul {
	margin: 0 1em .3em;
	}
#station-box li {
	display: inline;
	margin: 0 .5em .5em 0;
	white-space: nowrap;
	}
*html #station-box li {/* for ie6 */
	white-space: pre;
}
*:first-child+html #station-box li {/* for ie7 */
	zoom: 1;
	margin-bottom: 0;
	}
#station-box li a {
	padding-left: 10px;
	background: url(http://i.yimg.jp/images/transit/08/images/delta_orange.gif)	no-repeat 0 .3em;
	}
#station-box .note{
	position: relative !important;
	margin-bottom: 10px;
	color: #f00;
	font-weight: bold;
	text-align: center;
}
*html #station-box .note{
	width: 260px;
}
*:first-child+html #station-box .note{
	width: 276px;
}	

	
/* ---------- /5:#station-box ---------- */

/* ---------- 6:#around ---------- */
#around {/* use clearfix */
	position: relative;
	min-height: 470px;
	margin-bottom: 20px;
	}
#around h4 {
	margin-bottom: 10px;
	}
	
#around .clm-l {
	position: absolute;
	width: 402px;
	padding: 1px;
	border: 1px solid #c7c7c7;
	background: #ebebeb;
	}
*html #around .clm-l {/* for ie6 */
	position: relative;
	float: left;
	}
#around .clm-l dl {/* use clearfix */
	}
#around .clm-l dt img {
	border: 1px solid #7e7e7e;
	vertical-align: middle;
	}
#around .clm-l dt #map img {
	border: 0;
}	

#around .clm-l dt div#map {
	border: 1px solid #7e7e7e;
	vertical-align: middle;
	}
#around .clm-l dd {
	float: right;
	margin: .2em .5em .2em;
	}
#around .clm-l dd img {
	vertical-align: middle;
	}

#around .clm-r {
	float: right;
	width: 227px;
	background: url(../../images/btn_around_bg.png) repeat-y 0 0;
	border-width: 1px 1px 1px 0;
	border-color: #c7c7c7 #c7c7c7 #a1a1a1 #ccc;
	border-style: solid;
	}
#around .clm-r dl dt a {
	display: block;
	height: 22px;	
	padding: 7px .5em 0 16px;
	color: #000;
	text-decoration: none;
	background: url(../../images/btn_around.png) no-repeat 0 0;
	font-weight: bold;
	}
#around .clm-r dl dt a:hover {
	background: url(../../images/btn_around_on.png) no-repeat 0 0;
	}
#around .clm-r dl.on dt a {
	height: 22px;	
	padding: 7px .5em 0 16px;
	background: url(../../images/btn_around_on.png) no-repeat 0 0;
	font-weight: bold;
	}
#around .clm-r dl dd ol li {
	display: none;
	}
#around .clm-r dl.on dd ol li {
	display: list-item;
	margin: 0 .5em 0 3em;
	list-style-type: decimal;
	}
#around .clm-r dl dd {/* use clearfix */
	}
#around .clm-r dl dd p {
	display: none;
	}
#around .clm-r dl.on dd p {
	display: block;
	float: right;
	margin: 0 .5em .5em;
	padding-left: 10px;
	background: url(http://i.yimg.jp/images/transit/08/images/delta_orange.gif)	no-repeat 0 .3em;
	}
#around .clm-r dl.on dd p.err {
	display: inline; /* ie6 fix */
	font-weight: bold;
	color: #f00;
	background: none;
	}
#around .clm-r dl.on dd p.cp {
	background: none;
	}
#around .clm-r dl.on dd p.cp img {
	vertical-align: middle;
	}
/* ---------- /6:#around ---------- *

/* ---------- 7:#equipment ---------- */

#equipment {/* use clearfix */
	margin-bottom: .5em;
	}
#equipment h4 {
	margin-bottom: 10px;
	}
#equipment .clm-group-l {/* ie fix */
	float: left;
	width: 418px;
	}
#equipment .clm-l, #equipment .clm-m, #equipment .clm-r{
	float: left;
	width: 204px;
	}
#equipment .clm-m{
	margin-left: 10px;
}
#equipment .clm-r {
	float: right;
	}
#equipment h5 {
	margin-bottom: .2em;
	padding: .1em .5em;
	background: #eee;
	border-style: solid;
	border-width: 1px 1px 1px 3px;
	border-color: #eee #ddd #ddd #aaa;
	font-weight: bold;
	}
#equipment p {
	margin-bottom: 1em;
	}

/* ---------- /7:#equipment ---------- */

/* ---------- 8:#chie ---------- */

#chie {/* use clearfix */
	margin-bottom: 1.5em;
	}
#chie h4 {
	margin-bottom: 10px;
	}
#chie .clm-l {
	float: left;
	width: 312px;
	border-right: 1px solid #ddd;
	}
#chie .clm-r {
	float: right;
	width: 312px;
	}
#chie dt {
	margin-bottom: .5em;
	padding: .2em .5em 0 25px;
	background: url(../../images/icn_chie_mon.png) no-repeat 0 0;
	font-size: 110%;
	font-weight: bold;
	}
#chie dd {
	padding: .2em .5em 0 25px;
	background: url(../../images/icn_chie_dou.png) no-repeat 0 0;
	}
#chie p {
	clear: both;
	text-align: right;
	}
#chie p a {
	padding-left: 10px;
	background: url(http://i.yimg.jp/images/transit/08/images/delta_orange.gif)	no-repeat 0 .3em;
	}

/* ---------- /8:#chie ---------- */

/* ---------- 9:ad ---------- */
#pos-im {
	margin: 0 0 20px;
	}
/* ---------- /9:ad ---------- */

/* ---------- clearfix rules(float clear hack) ---------- */
.clearfix:after,
#box-set:after,
#m-title:after,
#station-nav:after,
#station-box dl:after,
#exit-box:after,
#exit-box dl:after,
#timetable-box:after,
#around:after,
#around .clm-l dl:after,
#around .clm-r dl dd:after,
#equipment:after,
#chie:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix,
#box-set,
#m-title,
#station-nav,
#station-box dl,
#exit-box,
#exit-box dl,
#timetable-box,
#around,
#around .clm-l dl,
#around .clm-r dl dd,
#equipment,
#chie
{
	display: inline-block;
	}
/* Hides from IE5-mac \*/
*html .clearfix,
*html #box-set,
*html #m-title,
*html #station-nav,
*html #station-box dl,
*html #exit-box,
*html #exit-box dl,
*html #timetable-box,
*html #around,
*html #around .clm-l dl,
*html #around .clm-r dl dd,
*html #equipment,
*html #chie
{
	height: 1%;
	}
.clearfix,
#box-set,
#m-title,
#station-nav,
#station-box dl,
#exit-box,
#exit-box dl,
#timetable-box,
#around,
#around .clm-l dl,
#around .clm-r dl dd,
#equipment,
#chie
{
	display: block;
	}
/* End hide from IE5-mac */
/* ---------- /clearfix rules(float clear hack) ---------- */
