@charset "iso-8859-1";
/*******************************************************************************
*
* </english/guidance/css/guidance_jp.css>
*
*******************************************************************************/

/*
========================================
  Monorail Guide
========================================
*/
/*
----------------------------------------
  Common
----------------------------------------
*/
/*
----------------------------------------
  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: 3em;
	font-weight: bold;
	border-right: 1px dotted #cccccc;
	text-align: left;
}
.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;
	position: relative;
}
.body .content .route ul {
	position: absolute;
	width: 710px;
	height: 340px;
	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: 112px;
	top: 103px;
}
.body .content .route ul li.st01 { left: 60px; }
.body .content .route ul li.st02 { left: 122px; }
.body .content .route ul li.st03 { left: 183px; }
.body .content .route ul li.st04 { left: 245px; }
.body .content .route ul li.st05 { left: 306px; }
.body .content .route ul li.st06 { left: 368px; }
.body .content .route ul li.st07 { left: 429px; }
.body .content .route ul li.st08 { left: 491px; }
.body .content .route ul li.st09 { left: 552px; }
.body .content .route ul li.st10 { left: 614px; }
.body .content .route ul li.st11 { left: 675px; }

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

/** add 20151030 for panel**/
.body .content .tab li a.pulldown {z-index:1000;}