@charset "euc-jp";

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

1:#m-title
2:#station-nav
3:#line-name
4:#timetable
5:#attention

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;
	}

/* ---------- 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 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.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;
	}

*: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 */
	background: url(http://i.yimg.jp/images/transit/station/images/station_tab.png) no-repeat 0 -105px;
	margin-bottom: 0;
	}
/* ========== :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 {
	overflow: hidden;
	}
#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, #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{
	background: url(http://i.yimg.jp/images/transit/station/images/station_tab.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	}
#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:#line-name ---------- */
#line-name {/*use clearfix*/
	margin-bottom: 12px;
	padding: .3em;
	color: #fff;
	background: #989492 url(http://i.yimg.jp/images/transit/station/images/line-name_bg.png) no-repeat bottom left;
	}
#line-name h4 {
	float: left;
	margin-left: .2em;
	padding-left: 5px;
	border-left: 6px solid #9ad05c;/* default line-col */
	font-weight: bold;
	font-size: 120%;
	}
#line-name p {
	float: right;
	}
#line-name img {
	vertical-align: middle;
	}
/* ---------- /3:#line-name ---------- */

/* ---------- 4:#timetable ---------- */
#timetable {/* use clearfix */
	margin-bottom: 1em;
	}
#timetable p.notes {
	float: right;
	margin-top: .5em;
	font-size: 90%;
	}
#timetable ul.tab{/* use clearfix */
	float: left;
}
#timetable ul.tab li{
	float: left;
	background: url(../../images/timetable_tab_l.png) no-repeat 0 0;
	line-height: 1.6;
	}
#timetable ul.tab li.tab-on{
	background: url(../../images/timetable_tab_l_cur.png) no-repeat 0 0;
	}
#timetable ul.tab li.tab-on h5 {
	padding-bottom: 3px;
	}
#timetable ul.tab li a:hover{
	border-bottom: 3px solid #9eff4f;
	}
#timetable ul.tab li a:active{
	border-bottom: 3px solid #9ad05c;
	}
#timetable ul.tab li h5{
	padding: .3em .7em 0;
	background: url(../../images/timetable_tab_r.png) no-repeat top right;
	font-weight: bold;
	}
#timetable ul.tab li.tab-on h5{
	background: url(../../images/timetable_tab_r_cur.png) no-repeat top right;
	}

#timetable ul.tab li a{
	color: #555;
	display: block;
	border-bottom: 3px solid #fff;
	line-height: inherit;
	text-decoration: none;
	}

#timetable table {
	clear: both;
	width: 100%;
	border: 1px solid #56a969;
	border-collapse: separate;
	}
#timetable table caption {
	display: none;
	}	
#timetable table .col1 {
	width: 2em;
	text-align: center;
	}
*html #timetable table .col2 {/* ie6 margin fix */
	padding-left: 0;
	}
#timetable th {
	padding: 2px;
	background: #9ad05c url(../../images/timetable_tab_highlight.png) repeat-x 0 0;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #9ad05c #56a969 #fff;
	}
#timetable td {
	border-style: solid;
	border-width: 1px;
	border-color: #fff #aad2b3 #aad2b3 #fff;
	}
#timetable td.col1 {	
	height: 2.5em;
	font-weight: bold;
	}
#timetable td.legend {
	background: #bee396;
	border-color: #d1ff9e #b8ee93 #b8ee93 #d1ff9e;
	}

/* ========== :tab ========== */
#timetable thead .col2 .tab {
	float: right;
	}
#timetable thead .tab li{
	display: inline;
	}
#timetable thead .tab li img, #timetable thead .tab li.tab01-on, #timetable thead .tab li.tab02-on, #timetable thead .tab li.tab03-on{
	float: left;
	height: 21px;
	}
#timetable thead .tab li a, #timetable thead .tab li.tab01-on, #timetable thead .tab li.tab02-on, #timetable thead .tab li.tab03-on{
	height: 21px;
	background: url(../../images/day_tab.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
#timetable thead .tab li.tab01 a, #timetable thead .tab li.tab01-on{
	width: 68px;
	}
#timetable thead .tab li.tab02 a, #timetable thead .tab li.tab02-on{
	width: 68px;
	}
#timetable thead .tab li.tab03 a, #timetable thead .tab li.tab03-on{
	width: 69px;
	}
/* --- 3-1-1:btn --- */
#timetable thead .tab li.tab01 a{
	background-position: 0 0; 
	}
#timetable thead .tab li.tab02 a{
	background-position: -68px 0; 
	}
#timetable thead .tab li.tab03 a{
	background-position: -136px 0; 
	}
/* --- 3-1-2:hover --- */
#timetable thead .tab li.tab01 a:hover{
	background-position: 0 -21px;
	}
#timetable thead .tab li.tab02 a:hover{
	background-position: -68px -21px;
	}
#timetable thead .tab li.tab03 a:hover{
	background-position: -136px -21px;
	}
/* --- 3-1-4:on --- */
#timetable thead .tab li.tab01-on{
	background-position: 0 -42px;
	}
#timetable thead .tab li.tab02-on{
	background-position: -68px -42px;
	}
#timetable thead .tab li.tab03-on{
	background-position: -136px -42px;
	}
/* --- overwrite --- */
#timetable thead ul.tab li a,
#timetable thead ul.tab li a:hover,
#timetable thead ul.tab li a:active
{
	border-bottom: none;
	}
/* ========== /:tab ========== */
#timetable tbody td dl	{
	position: relative;
	float: left;
	width: 4em;
	padding: 1em 0 .2em;
	}
#timetable tbody dt {
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}

#timetable tbody dt span.mark {
	margin: 0 0 0 .3em;
	font-size: 70%;
	}
#timetable tbody dd.trn-cls	{
	position: absolute;
	top: .3em;
	right: 50%;
	width: 2.2em;
	font-size: 85%;
	text-align: right;
	}
#timetable tbody dd.sta-for	{
	position: absolute;
	top: .3em;
	left: 50%;
	width: 2.2em;
	font-size: 85%;
	text-align: left;
	}

#timetable tbody .even {
	background: #f1f1f1;
	}

#timetable tfoot td {
	padding: 5px;
	}
#timetable tfoot dl {/* use clearfix */
	margin-bottom: 2px;
	}
#timetable tfoot dt	{
	float: left;
	width: 138px;
	background: #78bb89;
	color: #fff;
	font-weight: bold;
	text-align:center;
	}
#timetable tfoot dd	{
	float: left;
	width: 482px;
	background: #fff;
	text-align: left;
	}
#timetable tfoot dl dl,
#timetable tfoot dl dl dt,
#timetable tfoot dl dl dd	{
	float: none;
	display: inline;
	}
#timetable tfoot dl dl {
	float: left;
	margin-left: .5em;
	white-space: nowrap;
}
#timetable tfoot dl dl dt	{
	background: none;
	color: #000;
	font-weight: normal;
	}
#timetable tfoot dl dl dd	{
	width: auto;
	}
/* ---------- /4:#timetable ---------- */

/* ---------- 5:#attention ---------- */

#attention{
	margin-bottom: 2.5em;
	padding: .3em;
	border: 1px solid #dfdfdf;
	background: #f2f2f2;
	}
#attention img {
	vertical-align: middle;
	}
#attention dl{
	margin-bottom: .5em;
	}
#attention dt{
	font-weight: bold;
	}
#attention dd{
	margin-left: 2em;
	}
#attention li{
	list-style: square;
	}
#attention dl.price li{
	margin-bottom: .3em;
	text-indent: -20px;
	line-height: 1.3;
	list-style: none;
	}

/* ---------- /5:#attention ---------- */


/* ---------- clearfix rules(float clear hack) ---------- */
.clearfix:after,
#m-title:after,
#station-nav:after,
#line-name:after,
#timetable ul.tab:after,
#timetable tfoot dl:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix,
#m-title,
#station-nav,
#line-name,
#timetable ul.tab,
#timetable tfoot dl
{
	display: inline-block;
	}
/* Hides from IE5-mac \*/
*html .clearfix,
*html #m-title,
*html #station-nav,
*html #line-name,
*html #timetable ul.tab,
*html #timetable tfoot dl
{
	height: 1%;
	}
.clearfix,
#m-title,
#station-nav,
#line-name,
#timetable ul.tab,
#timetable tfoot dl
{
	display: block;
	}
/* End hide from IE5-mac */
/* ---------- /clearfix rules(float clear hack) ---------- */