@charset "utf-8";

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

	みなとみらい線
	mmnav.css
	
	* title
	* mmnav top menu
	* mmnav general
	* transfer
	* history
	* course
	
	
******************************** */


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

#left-side h2.title-mmnav{
	width: 630px;
	height: 220px;
	background: url(/img/mmnav/title-mmnav.jpg) left top no-repeat;
	text-indent: -9999px;
	margin-left: 10px;
	}
#left-side h2.title-transfer{
	width: 554px;
	height: 112px;
	background: url(/img/mmnav/title-transfer.gif) left top no-repeat;
	text-indent: -9999px;
	}
#left-side h2.title-history{
	width: 610px;
	height: 91px;
	background: url(/img/mmnav/history/title-mmhistory.gif) left top no-repeat;
	text-indent: -9999px;
	}
#left-side h2.title-course{
	width: 610px;
	height: 107px;
	background: url(/img/mmnav/course/title-mmcourse.gif) left top no-repeat;
	text-indent: -9999px;
	}


/* mmnav top menu
---------------------------------------------- */

#mmnav-menu{
	width: 630px;
	margin: 0 10px;
	}
#mmnav-menu h3{
	width: 149px;
	height: 39px;
	background: url(/img/mmnav/cap-topmenu.gif) left top no-repeat;
	text-indent: -9999px;
	}
#mmnav-menu ul{
	width: 630px;
	}
#mmnav-menu li{
	width: 630px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	position: relative;
	}
	#mmnav-menu li.menu01{ height: 120px; background-image: url(/img/mmnav/bg-menu01.gif); }
	#mmnav-menu li.menu02{ height: 120px; background-image: url(/img/mmnav/bg-menu02.jpg); }
	#mmnav-menu li.menu03{ height: 120px; background-image: url(/img/mmnav/bg-menu03.jpg); }
	#mmnav-menu li.menu04{ height: 76px; background-image: url(/img/mmnav/bg-menu04.gif); }
	#mmnav-menu li.menu05{ height: 120px; background-image: url(/img/mmnav/bg-menu05.gif); }

#mmnav-menu li h4{
	width: 320px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	#mmnav-menu li.menu01 h4{ height: 120px; background-image: url(/img/mmnav/cap-menu01.gif); }
	#mmnav-menu li.menu02 h4{ height: 120px; background-image: url(/img/mmnav/cap-menu02.jpg); }
	#mmnav-menu li.menu03 h4{ height: 120px; background-image: url(/img/mmnav/cap-menu03.jpg); }
	#mmnav-menu li.menu04 h4{ height: 76px; background-image: url(/img/mmnav/cap-menu04.gif); }
	#mmnav-menu li.menu05 h4{ width: 373px; height: 120px; background-image: url(/img/mmnav/cap-menu05.jpg); }

#mmnav-menu li a{
	display: block;
	text-indent: -9999px;
	background-position: left top;
	background-repeat: no-repeat;
	position:absolute;
	}
#mmnav-menu li a:hover{ background-position: left bottom; }
	#mmnav-menu li a.transfer,#mmnav-menu li a.map,#mmnav-menu li a.yokohama-map{ width: 173px; height: 35px; }
	#mmnav-menu li a.shintakashima,#mmnav-menu li a.minatomirai,#mmnav-menu li a.basyamichi,#mmnav-menu li a.nihonodori,#mmnav-menu li a.motomachi{ width: 120px; height: 24px; }
	#mmnav-menu li a.course-mankitu,#mmnav-menu li a.course-yamate,#mmnav-menu li a.course-tanbou{ width: 245px; height: 28px; }
	#mmnav-menu li a.transfer{ top: 69px; left: 444px; background-image: url(/img/mmnav/btn-top-transfer.gif); }
	#mmnav-menu li a.map{ top: 70px; left: 444px; background-image: url(/img/mmnav/btn-top-map.gif); }
	#mmnav-menu li a.yokohama-map{ top: 20px; left: 444px; background-image: url(/img/mmnav/btn-top-detail.gif); }
	#mmnav-menu li a.shintakashima{ top: 48px; left: 372px; background-image: url(/img/mmnav/btn-top-shintakashima.gif); }
	#mmnav-menu li a.minatomirai{ top: 79px; left: 372px; background-image: url(/img/mmnav/btn-top-minatomirai.gif); }
	#mmnav-menu li a.basyamichi{ top: 17px; left: 497px; background-image: url(/img/mmnav/btn-top-basyamichi.gif); }
	#mmnav-menu li a.nihonodori{ top: 48px; left: 497px; background-image: url(/img/mmnav/btn-top-nihonodori.gif); }
	#mmnav-menu li a.motomachi{ top: 79px; left: 497px; background-image: url(/img/mmnav/btn-top-motomachi.gif); }
	#mmnav-menu li a.course-mankitu{ top: 12px; left: 373px; background-image: url(/img/mmnav/btn-top-mankitu.gif); }
	#mmnav-menu li a.course-yamate{ top: 46px; left: 373px; background-image: url(/img/mmnav/btn-top-yamate.gif); }
	#mmnav-menu li a.course-tanbou{ top: 80px; left: 373px; background-image: url(/img/mmnav/btn-top-tanbou.gif); }
	


/* mmnav general
---------------------------------------------- */

h3.caption-mmnav{
	width: 630px;
	height: 36px;
	margin: 0 10px;
	}
h3.caption-mmnav a{
	display: block;
	width: 630px;
	height: 36px;
	background: url(/img/mmnav/title-mmnav2.gif) left top no-repeat;
	text-indent: -9999px;
	}
#mm-contents{
	width: 610px;
	margin: 0 20px;
	padding-bottom: 30px;
	}



/* mmnav transfer
---------------------------------------------- */
	
div.transfer-train,div.transfer-plane{
	width: 484px !important;
	width: 610px;
	min-height: 48px;
	height: auto !important;
	height: 74px;
	border: solid 1px #5f91cd;
	padding: 13px 10px 13px 114px;
	background-position: left top;
	background-repeat: no-repeat;
	}
div.transfer-train{ background-image: url(/img/mmnav/bg-train.gif); }
div.transfer-plane{ background-image: url(/img/mmnav/bg-plane.gif); }

div.transfer-train dt,div.transfer-plane dt{
	color: #0b1d7b;
	font-weight: bold;
	margin-bottom: 7px;
	}
div.transfer-train dd,div.transfer-plane dd{
	line-height: 1.4em;
	}
	
	
/* mmnav history
---------------------------------------------- */

#nav-mmhistory{
	width: 610px;
	padding-bottom: 8px;
	}
#nav-mmhistory li{
	width: 122px;
	height: 55px;
	float: left;
	}
#nav-mmhistory li a{
	display: block;
	width: 122px;
	height: 55px;
	background-image: url(/img/mmnav/history/nav-history.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#nav-mmhistory li.shintakashima a{ background-position: 0 0; }
#nav-mmhistory li.minatomirai a{ background-position: -122px 0; }
#nav-mmhistory li.basyamichi a{ background-position: -244px 0; }
#nav-mmhistory li.nihonodori a{ background-position: -366px 0; }
#nav-mmhistory li.motomachi a{ background-position: -488px 0; }

#nav-mmhistory li.shintakashima a:hover{ background-position: 0 -55px; }
#nav-mmhistory li.minatomirai a:hover{ background-position: -122px -55px; }
#nav-mmhistory li.basyamichi a:hover{ background-position: -244px -55px; }
#nav-mmhistory li.nihonodori a:hover{ background-position: -366px -55px; }
#nav-mmhistory li.motomachi a:hover{ background-position: -488px -55px; }



.history-box{
	width: 610px;
	background-color: #fcfcfc;
	margin-bottom: 15px;
	}
.history-box dt{
	width: 610px;
	height: 61px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
.history-box dt.shintakashima{ background-image: url(/img/mmnav/history/cap-shintakashima.gif); }
.history-box dt.minatomirai{ background-image: url(/img/mmnav/history/cap-minatomirai.gif); }
.history-box dt.basyamichi{ background-image: url(/img/mmnav/history/cap-basyamichi.gif); }
.history-box dt.nihonodori{ background-image: url(/img/mmnav/history/cap-nihonodori.gif); }
.history-box dt.motomachi{ background-image: url(/img/mmnav/history/cap-motomachi.gif); }

.history-box dd{
	width: 572px !important;
	width: 610px;
	border: solid 4px #d7d6cf;
	border-width: 0 4px 4px 4px;
	padding: 0 15px 20px 15px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	color: #111111;
	}
.history-box dd p{
	text-indent:1em;
	}	
.gototop{
	width: 610px;
	height: 1em;
	position: relative;
	margin-top: 15px;
	}
.gototop a{
	display: block;
	background: url(/img/common/bg-pagetop.gif) 0 0.2em no-repeat;
	padding-left: 1em;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 0.8em;
	}
	
	
/* mmnav course
---------------------------------------------- */

#mm-course-nav{
	width: 610px;
	}
	#mm-course-nav li{
		width: 200px;
		height: 24px;
		float: left;
		margin-right: 5px;
		}
	#mm-course-nav li.last{ margin-right: 0; }
	#mm-course-nav li a{
		display: block;
		width: 200px;
		height: 24px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
	#mm-course-nav li.course01 a{ background-image: url(/img/mmnav/course/course-nav01.gif); }
	#mm-course-nav li.course02 a{ background-image: url(/img/mmnav/course/course-nav02.gif); }
	#mm-course-nav li.course03 a{ background-image: url(/img/mmnav/course/course-nav03.gif); }
	
	#mm-course-nav li a:hover{ background-position: left bottom; }
	#mm-course-nav li a.nav-on{ background-position: left bottom; cursor: default; }

p.course-img{ line-height: 0; }

#mm-contents h3.cap-course01{
	width: 610px; height: 95px;
	background: url(/img/mmnav/course/cap-course01.gif) left top no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
	}
#mm-contents h3.cap-course02{
	width: 610px; height: 112px;
	background: url(/img/mmnav/course/cap-course02.gif) left top no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
	}
#mm-contents h3.cap-course03{
	width: 610px; height: 95px;
	background: url(/img/mmnav/course/cap-course03.gif) left top no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
	}