@charset "utf-8";

/* ******************************

	みなとみらい線
	station.css
	
	/station/***
	
	* station title
	* station tab-navigation
	* station right-side
	* station s-contents
	* station [top]
	* station [index]
	* station [concept]
	* station [fare]
	* station [timetable]
	
******************************** */


/* station title
---------------------------------------------- */

#left-side h2.s-yokohama,#left-side h2.s-shintakashima,#left-side h2.s-minatomirai,#left-side h2.s-basyamichi,#left-side h2.s-nihonodori,#left-side h2.s-motomachi{
	width: 630px;
	height: 84px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-left: 10px;
	}
#left-side h2.s-yokohama{ background-image: url(/img/station/outline/title-yokohama.gif); }
#left-side h2.s-shintakashima{ background-image: url(/img/station/outline/title-shintakashima.gif); }
#left-side h2.s-minatomirai{ background-image: url(/img/station/outline/title-minatomirai.gif); }
#left-side h2.s-basyamichi{ background-image: url(/img/station/outline/title-basyamichi.gif); }
#left-side h2.s-nihonodori{ background-image: url(/img/station/outline/title-nihonodori.gif); }	
#left-side h2.s-motomachi{ background-image: url(/img/station/outline/title-motomachi.gif); }


#left-side h2.title-station{
	width: 630px;
	height: 44px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-left: 10px;
	}
#left-side h2.title-station{ background-image: url(/img/station/top/title-station.gif); }


/* station tab-navigation
---------------------------------------------- */

#left-side #s-tabnav{
	width: 638px;
	height: 33px;
	background: url(/img/station/bg-tabnav.gif) left bottom no-repeat;
	margin: 12px 6px 0 6px; 
	}
#left-side #s-tabnav ul{
	width: 620px;
	height: 33px;
	margin: 0 9px;
	}
#left-side #s-tabnav ul li{
	width: 124px;
	height: 33px;
	float: left;
	}
#left-side #s-tabnav ul li a{
	display: block;
	width: 124px;
	height: 33px;
	background-image: url(/img/station/tabnav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	#left-side #s-tabnav ul li.guidemap a{ background-position: 0 0; }
	#left-side #s-tabnav ul li.aroundmap a{ background-position: -124px 0; }
	#left-side #s-tabnav ul li.timetable a{ background-position: -248px 0; }
	#left-side #s-tabnav ul li.fares a{ background-position: -372px 0; }
	#left-side #s-tabnav ul li.concept a{ background-position: -496px 0; }
	
	#left-side #s-tabnav ul li.guidemap a:hover{ background-position: 0 -33px; }
	#left-side #s-tabnav ul li.aroundmap a:hover{ background-position: -124px -33px; }
	#left-side #s-tabnav ul li.timetable a:hover{ background-position: -248px -33px; }
	#left-side #s-tabnav ul li.fares a:hover{ background-position: -372px -33px; }
	#left-side #s-tabnav ul li.concept a:hover{ background-position: -496px -33px; }
	
	#left-side #s-tabnav ul li.guidemap a.nav-on{ background-position: 0 -66px; }
	#left-side #s-tabnav ul li.aroundmap a.nav-on{ background-position: -124px -66px; }
	#left-side #s-tabnav ul li.timetable a.nav-on{ background-position: -248px -66px; }
	#left-side #s-tabnav ul li.fares a.nav-on{ background-position: -372px -66px; }
	#left-side #s-tabnav ul li.concept a.nav-on{ background-position: -496px -66px; }



/* station right-side
---------------------------------------------- */

/* title */

#right-side h3.stitle-timetable{
	width: 208px;
	height: 40px;
	background: url(/img/station/cap-timetable.gif) left top no-repeat;
	text-indent: -9999px;
	}

/* station-list */

#right-side .station-list{
	width: 208px;
	background-color: #FFF;
	padding: 6px 0 0 0;
	margin-bottom: 10px;
	}
	
#right-side .station-list-in{
	width: 208px;
	}
#right-side station-list .acc{ overflow: hidden; }

#right-side .station-list-in li{
	font-weight: bold;
	padding: 10px 0 5px 10px;
	border-bottom: 1px #9fc2da solid;
	}
#right-side .station-list-in li a{
	background: url(/img/common/list-mark02.gif) 0 0 no-repeat;
	color: #000000;
	font-size: 1.1em;
	padding-left: 17px;
	display: block;
	}
#right-side .station-list-in li ul{
	margin: 1.0em 0 0 20px;
	line-height: 1.8em;
	}

#right-side .station-list-in li ul li{
	background: url(/img/common/list-mark01.gif) 0 0.5em no-repeat;
	font-weight: normal;
	border: none;
	padding: 0 0 0 10px;	
	}
#right-side .station-list-in li ul li a{
	color: #0166bb;
	background: none;
	font-size: 1.0em;
	padding-left: 0;
	display: inline;
	}



/* quick-access  => common.css */ 



/* station s-contents
---------------------------------------------- */

#left-side #s-contents{
	width: 612px !important;
	width: 638px;
	background: url(/img/station/outline/bg-s-contents.gif) left top no-repeat;
	margin: 0 6px;
	padding: 10px 14px 0 14px;
	}


/* station [top]
---------------------------------------------- */

#left-side #station-topnav{
	width: 630px;
	margin: 25px 10px 20px 10px;
	background: url(/img/station/top/bg-stationnav.gif) left top no-repeat;
	}
#left-side #station-topnav ul{
	width: 630px;
	}
#left-side #station-topnav li{
	width: 630px;
	height: 80px;
	margin-bottom: 20px;
	}
#left-side #station-topnav li a{
	display: block;
	width: 630px;
	height: 80px;
	background: url(/img/station/top/bg-navtest.gif) right top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
#left-side #station-topnav li a span{
	display: block;
	width: 630px;
	height: 80px;
	background-position: left top;
	background-repeat: no-repeat;
	}

#left-side #station-topnav li.yokohama a span{ background-image: url(/img/station/top/nav-yokohama.png); }
#left-side #station-topnav li.shintakashima a span{ background-image: url(/img/station/top/nav-shintakashima.png); }
#left-side #station-topnav li.minatomirai a span{ background-image: url(/img/station/top/nav-minatomirai.png); }
#left-side #station-topnav li.basyamichi a span{ background-image: url(/img/station/top/nav-basyamichi.png); }
#left-side #station-topnav li.nihonodori a span{ background-image: url(/img/station/top/nav-nihonodori.png); }
#left-side #station-topnav li.motomachi a span{ background-image: url(/img/station/top/nav-motomachi.png); }







/* station [index]
---------------------------------------------- */

#left-side #s-contents .cap-index{
	width: 612px;
	height: 47px;
	background: url(/img/station/index/title-index.gif) left top no-repeat;
	text-indent: -9999px;
	}
#left-side #s-contents .btn-zoom{
	margin-bottom: 20px;
	padding-left: 548px;
	}
#left-side #s-contents .btn-zoom a{
	display: block;
	background: url(/img/station/index/btn-zoom.gif) left top;
	width: 63px;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
	}
#left-side #s-contents .btn-zoom a:hover{ background-position: left bottom; }


#left-side #s-contents .s-yokohama-map{ 
	color: #012d8e;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0px 5px 150px;
	; }


/* popup guide */

#guidemap{
	width: 800px;
	margin: 0 auto;
	text-align: center;
	background: #FFF url(/img/service/bg-bottom.gif) left bottom repeat-x;
	}
	
/* header */

#guidemap #header{
	width: 740px;
	_width: 800px;
	height: 65px;
	background: url(/img/ticket/bg-mapheader.gif) left top repeat-x;
	padding: 0 30px;
	text-align: left;
	position: relative;
	}
#guidemap #header h1{
	width: 173px;
	height: 61px;
	background: url(/img/service/logo.gif) left top no-repeat;
	text-indent: -9999px;
	}
#guidemap #header .btn-close{
	display: block;
	width: 63px;
	height: 23px;
	position: absolute;
	top: 29px;
	right: 30px;
	}
	
/* contents */

#guide-map{
	width: 770px;
	margin: 0 15px;
	}

#guidemap h3{
	width: 770px;
	background: url(/img/station/outline/bg-caption.gif) left bottom repeat-x;
	color: #012d8e;
	font-size: 1.2em;
	font-weight: bold;
	margin: 12px 0px 12px 0px;
	padding-bottom: 8px;
	text-align: left;
	}
#guide-map-in{
	width: 766px !important;
	width: 770px;
	/*height: 560px;*/
	height: 490px;
	border: solid 2px #e9e9e9;
	overflow-x: auto;
	background-color: #fff;
	}
#guide-map-in2{
	width: 766px !important;
	width: 770px;
	height: 490px;
	background-color: #fff;
	border: solid 2px #e9e9e9;
	overflow-y: auto;
	}


	
/* footer */
#guidemap #footer{
	width: auto;
	/*height: 80px;*/
	background: none;
	}
#guidemap #footer p{
	color:#0166bb;
	/*padding-top: 60px;*/
	padding-top: 20px;
	font-size: 0.9em;
	}

	
	
	
/* station [concept]
---------------------------------------------- */
#left-side #s-contents h3{
	width: 612px;
	background: url(/img/station/outline/bg-caption.gif) left bottom repeat-x;
	color: #012d8e;
	font-size: 1.2em;
	font-weight: bold;
	/*margin: 10px 0 16px 10px;*/
	margin: 10px 0 16px 0px;
	padding-bottom: 8px;
	}
#left-side #s-contents .concept-tx{
	width: 272px;
	float: left;
	line-height: 1.5em;
	}
#left-side #s-contents .concept-img{
	display: block;
	width: 312px;
	float: right;
	}
	
	
	
/* station [fare]
---------------------------------------------- */

#left-side #s-contents .cap-fare{
	width: 612px;
	height: 47px;
	background: url(/img/station/fare/title-fare.gif) left top no-repeat;
	text-indent: -9999px;
	}
#left-side #s-contents .table-unit{
	text-align: right;
	margin-top: 20px;
	}
#left-side #s-contents .fare-table{
	width: 610px;
	border: solid 1px #cccccc;
	border-width: 1px 0 0 1px;
	}
	
	#left-side #s-contents .fare-table th,#left-side #s-contents .fare-table td{
		border: solid 1px #cccccc;
		border-width: 0 1px 1px 0;
		text-align: center;
		color: #000000;
		padding: 7px 2px;
		font-size: 1em !important;
		font-size: 0.75em;
		}
	#left-side #s-contents .fare-table th{ background-color: #fffca3; }
	#left-side #s-contents .fare-table td.color-g01{ background-color: #d3ff9a; }
	#left-side #s-contents .fare-table td.color-g02{ background-color: #bafd63; }
	#left-side #s-contents .fare-table td.color-g03{ background-color: #91ee53; }
	#left-side #s-contents .fare-table td.color-b01{ background-color: #e2fcf9; }


/* station [timetable]
---------------------------------------------- */

#left-side #s-contents .cap-timetable{
	width: 612px;
	height: 47px;
	background: url(/img/station/timetable/title-timetable.gif) left top no-repeat;
	text-indent: -9999px;
	}
#left-side #s-contents .timetable-anc{
	width: 612px;
	margin-top:20px;
	}
#left-side #s-contents .timetable-anc li{
	float: left;
	margin-right: 10px;
	}
#left-side #s-contents .timetable-anc li a{
	display: block;
	background: url(/img/common/list-mark01.gif) 0 0.2em no-repeat;
	padding-left: 1em;
	}
	
#left-side #s-contents p.timetable-legend{
	width: 450px;
	/*border: solid 1px #cef0f2;*/
	background-color: #cef0f2;
	padding: 7px 14px;
	line-height: 1.5em;
	}
#left-side #s-contents .time-table{
	width: 610px;
	border: solid 1px #cccccc;
	border-width: 1px 1px 0 1px;
	}
#left-side #s-contents .time-table th{
	border: solid 1px #cccccc;
	border-width: 0 1px 1px 0;
	padding: 5px;
	text-align: center;
	font-size: 1.0em !important;
	font-size: 0.75em;
	}
#left-side #s-contents .time-table td{
	border-bottom: solid 1px #cccccc;
	padding: 5px;
	text-align: center;
	color: #000000;
	font-size: 1.0em !important;
	font-size: 0.75em;
	}
#left-side #s-contents .time-table td.ann{ padding: 5px 0; }
#left-side #s-contents .time-table .color-y{ background-color: #fffca3; }
#left-side #s-contents .time-table .color-b{ background-color: #e2fcf9; }
#left-side #s-contents .tx-blue,#left-side #s-contents td.tx-blue{ color:#0033ff; }
#left-side #s-contents .tx-green,#left-side #s-contents td.tx-green{ color:#009933; }
#left-side #s-contents .tx-red,#left-side #s-contents td.tx-red{ color:#cc0033; }
#left-side #s-contents .tx-black{ color:#000000; }

#left-side #s-contents .time-table td span.annotation{
	font-size: 0.75em;
	}
	
#left-side #s-contents .gototop{
	width: 610px;
	height: 1em;
	position: relative;
	}
#left-side #s-contents .gototop a{
	display: block;
	background: url(/img/common/bg-pagetop.gif) 0 0.4em no-repeat;
	padding-left: 1em;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 0.8em;
	}
	
/* station [map]
---------------------------------------------- */

#left-side #s-contents .cap-map{
	width: 612px;
	height: 46px;
	background: url(/img/station/map/cap-map.gif) left top no-repeat;
	text-indent: -9999px;
	}