@charset "Shift_JIS";
/*******************************************************************************
*
* </guidance/css/guidance.css>
*
*******************************************************************************/

/*
========================================
  Monorail Guide
========================================
*/
/*
----------------------------------------
  Common
----------------------------------------
*/
.body .content .station_title {
	margin-bottom: 15px;
	width: 720px;
	_width: 730px;
	margin-top: 5px;
	padding: 0 5px;
	background-image: url('../../common/img/bg_content_h2.png');
	background-position: left bottom;
	background-repeat: repeat-y;
	color: #ffffff;
}
.body .content .station_title .title_inner {
	padding: 3px 10px 16px;
	border-top: 5px solid #fff;
	background-position: 10px 7px;
	background-repeat: no-repeat;
	min-height: 55px;
}


.body .content .station_title .title_inner h2 {
	width: 330px;
	margin: 0;
	padding: 0 0 0 29px;
	background: none;
	font-size: 140%;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-indent: -29px;
	text-align: center;
	line-height: 1.2;
}
.body .content .station_title .title_inner h2 img {
	vertical-align: middle;
	margin: 0 5px 4px 0; 
}


/*----’Ç‹L(20130814)-----*/
.body .content .station_title.pngfix .title_inner #station_name {
	background: none repeat scroll 0 0 transparent;
	display: table-cell;
	margin: 0;padding: 0 0 0 0px;
	text-align: center;
	text-indent:24px;
	width: 330px;
}
.body .content .station_title.pngfix .title_inner #station_name .kana {
	font-size: 75%;
}
.body .content .station_title.pngfix .title_inner #station_name img {
	vertical-align:text-bottom;
}
.body .content .station_title.pngfix .title_inner #station_name h2 {
	font-size: 140%;
	font-weight: bold;
	line-height: 1.2;
	display: inline;
	background-image: none;
	text-indent: 0;
	margin: 0px;
	padding: 0px;
	width: auto;
	vertical-align: baseline;
    position: static;
}
/*----’Ç‹L(20130814)-----*/



.body .content .station_title .title_inner p {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	width: 184px;
	font-size: 75%;
}

.body .content .station_title .title_inner p a {
	color: #ffffff;
	background: url(../img/icon_arw_c_l.png) left center no-repeat;
	padding: 0 0 0 15px;
	width: 184px;
	display: table-cell;
	vertical-align: middle;
}
/* IE 6 */
* html .body .content .station_title .title_inner p a {
	background: url(../img/icon_arw_c_l.png) left center no-repeat;
	padding: 1px 0 0 15px;
}
/* IE 7 */
*:first-child+html .body .content .station_title .title_inner p a {
	background: url(../img/icon_arw_c_l.png) left center no-repeat;
	padding: 1px 0 0 15px;
}

.body .content .station_title .title_inner p.a_right a {
	background: url(../img/icon_arw_c_r.png) right center no-repeat;
	padding: 0 15px 0 0;
}
/* IE 6 */
* html .body .content .station_title .title_inner p.a_right a {
	background: url(../img/icon_arw_c_r.png) right center no-repeat;
	padding: 1px 15px 0 0;
}
/* IE 7 */
*:first-child+html .body .content .station_title .title_inner p.a_right a {
	background: url(../img/icon_arw_c_r.png) right center no-repeat;
	padding: 1px 15px 0 0;
}

.body .content .station_title .title_inner div {
	display: table-cell;
	vertical-align: middle;
	width: 1px;
}
/* IE 6 */
* html .body .content .station_title .title_inner div,
* html .body .content .station_title .title_inner h2,
* html .body .content .station_title .title_inner p,
* html .body .content .station_title .title_inner p a {
	display: inline;
	zoom: 1;
	vertical-align: middle;
}
/* IE 7 */
*:first-child+html .body .content .station_title .title_inner div,
*:first-child+html .body .content .station_title .title_inner h2,
*:first-child+html .body .content .station_title .title_inner p,
*:first-child+html .body .content .station_title .title_inner p a {
	display: inline;
	zoom: 1;
}





/*
----------------------------------------
  Tab
----------------------------------------
*/
.body .content .tab {
}
.body .content .tab {
	position: relative;
	height: 31px;
	width: 720px;
	background-image: url('../img/bg_tab_button.gif');
	background-position: left bottom;
	background-repeat: repeat-x;
}
.body .content .tab li {
	position: absolute;
	margin: 0px;
	height: 31px;
	list-style-type: none;
	text-align: center;
	background-repeat: no-repeat;
}
.body .content .tab li.map,
.body .content .tab li.tt {
	width: 239px;
	background-image: url('../img/bg_tab_side_off.gif');
}
.body .content .tab li.m_act,
.body .content .tab li.t_act,
.body .content .tab li.t_act_p {
	background-image: url('../img/bg_tab_side_on.gif');
}
.body .content .tab li.map {
	left: 0px;
}
.body .content .tab li.tt {
	left: 481px;
}
.body .content .tab li.fare {
	width: 238px;
	background-image: url('../img/bg_tab_center_off.gif');
	left: 241px;
}
.body .content .tab li.f_act,
.body .content .tab li.f_act_p {
	background-image: url('../img/bg_tab_center_on.gif');
}
.body .content .tab li a,
.body .content .tab li p {
	display: block;
	margin: 0;
	margin-top: 9px;
	text-align: center;
}
.body .content .tab li a.pulldown {
	background-image: url('../img/icon_tab_detail_off.gif');
	background-position: 217px 50%;
	background-repeat: no-repeat;
}
.body .content .tab li.f_act a.pulldown,
.body .content .tab li.f_act_p a.pulldown,
.body .content .tab li.t_act a.pulldown,
.body .content .tab li.t_act_p a.pulldown {
	background-image: url('../img/icon_tab_detail_on.gif');
}
.body .content .tab_body {
	padding-top: 15px;
	padding-bottom: 10px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.body .content .tab_inbox {
	margin-left: 9px;
	margin-right: 9px;
	width: 700px;
}
.body .content .tab_inbox p,
.body .content .tab_inbox ul {
	line-height: 140%;
}
/*
----------------------------------------
  Map
----------------------------------------
*/
.body .content .tab_body .map,
.body .content .tab_body .legend {
	text-align: center;
}
.body .content .tab_body .legend {
	margin-bottom: 15px;
	padding-top: 20px;
	border-top: 1px dotted #cbcbcb;
}
.body .content .tab_body .map {
	margin-bottom: 20px;
}
/* Misc. */
.body .content table.misc {
	margin-top: 15px;
	width: 100%;
	border-top: 1px dotted #cccccc;
}
.body .content table.misc th,
.body .content table.misc td {
	padding: 5px;
	border-bottom: 1px dotted #cccccc;
}
.body .content table.misc th {
	width: 8em;
	font-weight: bold;
	border-right: 1px dotted #cccccc;
	text-align: center;
}
.body .content table.misc td {
}
.body .content .map_notice {
	color: #cc0000;
	font-weight: bold;
}
/*
----------------------------------------
  Fare
----------------------------------------
*/
.body .content h3.section_top {
	margin-top: 25px;
}
.body .content .twrapper {
	width: 700px;
	overflow: auto;
}
.body .content table.fare {
	width: 100%;
	border-top: 1px solid #ced5d9;
	border-left: 1px solid #ced5d9;
	overflow: scroll;
}
.body .content table.fare th,
.body .content table.fare td {
	padding: 5px;
	border-right: 1px solid #ced5d9;
	border-bottom: 1px solid #ced5d9;
}
.body .content table.fare th {
	font-weight: normal;
	text-align: left;
}
.body .content table.fare .thead th {
	background-color: #eef0f4;
	vertical-align: top;
}
.body .content table.fare td {
	text-align: right;
}
.body .content table.fare tr .present {
	background-color: #fff7ee !important;
	text-align:center;
}

/* discount */
.body .content table.discount {
	width: 100%;
	border-top: 1px solid #ced5d9;
	border-left: 1px solid #ced5d9;
}
.body .content table.discount th,
.body .content table.discount td {
	width: 25%;
	padding: 5px;
	border-right: 1px solid #ced5d9;
	border-bottom: 1px solid #ced5d9;
}
.body .content table.discount th {
	font-weight: normal;
	text-align: left;
}
.body .content table.discount .thead th {
	background-color: #eef0f4;
}
.body .content table.discount tr .em {
	font-weight: bold;
}
/*
----------------------------------------
  JavaScript
----------------------------------------
*/
.body .content .tab a.pulldown {
	outline: none;
	line-height: 1.1;
	min-height: 13px;
	_height: 13px;
	position:relative;
	z-index:9999;
}
.body .content .tab .pulldown_list {
	display: none;
	margin: 0 0 0 1px;
	width: 234px;
	overflow: hidden;
	position: absolute;
	top:  0px;
	left: 0px;
	left: 1px\9;
	padding-top:31px;
	border-bottom: 1px solid #dadada;
	z-index:999;
}
.body .content .tab .pulldown_list li {
	display: block;
	position: relative;
	height: auto;
	min-height: 10px;
	_height: 10px;
	margin: 0px;
	width: 232px;
	background: #f0f0f0;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
}

.body .content .tab .pulldown_list li a {
	display: block;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #dadada;
	text-align: left;
	padding-left: 20px;
	background: url('../../common/img/icon_sidebar_common_right_arrow.gif') no-repeat 10px 10px #eef0f4;
	width: 212px;
	width: 100%\9;
	zoom:1;
}
.body .content .tab .pulldown_list li a:hover {
	background-color: #ffffff;
}
/*
----------------------------------------
  Route
----------------------------------------
*/
.body .content h3.service_rep {
	position: relative;
}
.body .content h3.service_rep .date_svc {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 5px;
	_top: 1px;
	font-weight: normal;
	width: 10em;
	text-align: right;
}
.body .content .route {
	margin-top: 10px;
	margin-bottom: 30px;
	position: relative;
}
.body .content .route ul {
	position: absolute;
	width: 700px;
	height: 446px;
	left: 0px;
	top: 0px;
}
.body .content .route ul li {
	position: absolute;
	margin-left: 0px;
	/*width: 23px;*/
	list-style-type: none;
}
.body .content .route ul li.tall {
	height: 212px;
	top: 3px;
}
.body .content .route ul li.middle {
	height: 162px;
	top: 53px;
}
.body .content .route ul li.short {
	height: 185px;
	top: 135px;
}
.body .content .route ul li.st01 { left: 58px; }
.body .content .route ul li.st02 { left: 119px; }
.body .content .route ul li.st03 { left: 180px; }
.body .content .route ul li.st04 { left: 241px; }
.body .content .route ul li.st05 { left: 302px; }
.body .content .route ul li.st06 { left: 363px; }
.body .content .route ul li.st07 { left: 424px; }
.body .content .route ul li.st08 { left: 485px; }
.body .content .route ul li.st09 { left: 546px; }
.body .content .route ul li.st10 { left: 607px; }
.body .content .route ul li.st11 { left: 668px; }

tr.thead td.bg_gry, tr.thead td.bg_gry3 { width:49px;}

.body .content table#mono_fare_table,
.body .content table#mono_fare_table td {
	border-collapse: collapse;
}
.body .content table#mono_fare_table {
	width: 100%;
}
.body .content table#mono_fare_table td {
	border: 1px solid #cfd0d5;
	background: #eff0f4;
	padding: 7px;
	vertical-align: top;
}
.body .content table#mono_fare_table td.none {
	background: #ffffff;
	border: none;
}
.body .content table#mono_fare_table td dl {
}
.body .content table#mono_fare_table td dl dt {
	font-weight: bold;
	margin: 0 0 3px;
}
.body .content table#mono_fare_table td dl dd {
}
.body .content table#mono_fare_table td dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.body .content table#mono_fare_table td dl dd ul li {
	background: url('../../common/img/icon_arw_c_r_blue_lightgray.gif') left 4px no-repeat;
	margin: 0;
	padding: 0 0 0 16px;
}