@charset "utf-8";

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

	みなとみらい線
	map.css
	
	/map/***
	
	* title
	* side nav
	* map index
	* map detail
	
******************************** */


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

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


	

/* side nav
---------------------------------------------- */

/* title */

#right-side h3.stitle-map{
	background-image: url(/img/map/stitle-map.gif);
	}



/* map index
---------------------------------------------- */

#map-nav{
	width: 630px;
	height: 33px;
	margin: 15px 10px 10px 10px;
	}
#map-nav li{
	width: 102px;
	height: 33px;
	float: left;
	}
#map-nav li.yokohama,#map-nav li.minatomirai,#map-nav li.nihonodori{
	margin-right: 4px;
	}
#map-nav li.shintakashima,#map-nav li.basyamichi{
	margin-right: 3px;
	}
#map-nav li a{
	display: block;
	width: 102px;
	height: 33px;
	background-image: url(/img/map/map-nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#map-nav li.yokohama a{ background-position: 0 0; }
#map-nav li.shintakashima a{ background-position: -106px 0; }
#map-nav li.minatomirai a{ background-position: -211px 0; }
#map-nav li.basyamichi a{ background-position: -317px 0; }
#map-nav li.nihonodori a{ background-position: -422px 0; }
#map-nav li.motomachi a{ background-position: -528px 0; }

#map-nav li.yokohama a:hover{ background-position: 0 -33px; }
#map-nav li.shintakashima a:hover{ background-position: -106px -33px; }
#map-nav li.minatomirai a:hover{ background-position: -211px -33px; }
#map-nav li.basyamichi a:hover{ background-position: -317px -33px; }
#map-nav li.nihonodori a:hover{ background-position: -422px -33px; }
#map-nav li.motomachi a:hover{ background-position: -528px -33px; }


#map-lead{
	width: 630px;
	min-height: 62px;
	height: auto !important;
	height: 72px;
	margin: 0 10px;
	padding-top: 10px;
	background: url(/img/map/bg-map-lead.gif) right bottom no-repeat;
	}
#map-lead span{
	font-weight: bold;
	}
	
#map-main{
	width: 618px !important;
	width: 630px;
	height: 538px;
	border: solid 6px #007bc8;
	margin: 0 10px 20px 10px;
	}


/* map detail
---------------------------------------------- */

#s-contents strong{ font-weight: bold; }

.map-detail{
	width: 612px;
	margin-top: 30px;
	}
.map-detail .detail-photo{
	display: block;
	/*width: 304px !important;*/
	width: 306px;
	float: left;
	text-align: center;
	}
.map-detail .detail-photo img{
	border: solid 1px #cef0f2;
	}
.map-detail .imagefield,.map-detail .imagefield-field_gimg2{
	display: block;
	width: 304px !important;
	width: 306px;
	border: solid 1px #cef0f2;
	float: left;
	}
.map-detail .map-detail-in{
	width: 286px;
	float: right;
	}
.map-detail .map-detail-in h5{
	width: 233px !important;
	width: 286px;
	border: solid 1px #cccccc;
	padding: 12px 10px 12px 43px;
	font-size: 1.2em;
	color: #012d8e;
	font-weight: bold;
	background-position: 4px 5px;
	background-repeat: no-repeat;
	}
.map-detail .map-detail-in h5.yokohama{ background-image: url(/img/station/map/icon-detail-yokohama.gif); }
.map-detail .map-detail-in h5.shintakashima{ background-image: url(/img/station/map/icon-detail-shintakashima.gif); }
.map-detail .map-detail-in h5.minatomirai{ background-image: url(/img/station/map/icon-detail-minatomirai.gif); }
.map-detail .map-detail-in h5.basyamichi{ background-image: url(/img/station/map/icon-detail-basyamichi.gif); }
.map-detail .map-detail-in h5.nihonodori{ background-image: url(/img/station/map/icon-detail-nihonodori.gif); }
.map-detail .map-detail-in h5.motomachi{ background-image: url(/img/station/map/icon-detail-motomachi.gif); }

.map-detail table{
	width: 611px !important;
	width: 612px;
	border: solid 1px #cccccc;
	border-width: 1px 1px 0 0;
	}
.map-detail table th,.map-detail table td{
	border: solid 1px #cccccc;
	border-width: 0 0 1px 1px;
	padding: 5px 5px 5px 8px;
	}
.map-detail table th{
	background-color: #fffca3;
	}