@charset "utf-8";


#wrapper {
	background: url(../metro-dev.img/top/topbg.png) no-repeat center 0;
	width: 920px;
	min-height: 652px;
	margin: 0 auto;
	padding: 20px 25px 0 25px;
	overflow: hidden;
}
#footer {margin: -330px auto 0 auto;}
#topcont {
	width: 700px;
	float: right;
}

#topnavi {
	width: 200px;
	margin-right: 720px;
	overflow: hidden;
}
#topnavi dt {
	width: 200px;
	height: 40px;
	margin-bottom: 20px;
	background: url(../metro-dev.img/top/topnavittl.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#topnavi dd {
	width: 200px;
	height: 70px;
	margin-bottom: 10px;
	overflow: hidden;
}
#topnavi dd a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	background: url(../metro-dev.img/top/topnavi.jpg) no-repeat;
	text-indent: -9999px;
}
#topnavi dd.topnavi01 a {background-position: 0 0;}
#topnavi dd.topnavi02 a {background-position: 0 -70px;}
#topnavi dd.topnavi03 a {background-position: 0 -140px;}
#topnavi dd.topnavi01 a:hover {background-position: -200px 0;}
#topnavi dd.topnavi02 a:hover {background-position: -200px -70px;}
#topnavi dd.topnavi03 a:hover {background-position: -200px -140px;}

.infottl {
	background: url(../metro-dev.img/top/infottl.png) no-repeat 0 0;
	padding: 10px 0 10px 44px;
}

#info {
	background: url(../metro-dev.img/top/infomid.png) repeat-y 0 0;
	overflow: hidden;
}
.infobtm {
	background: url(../metro-dev.img/top/infobtm.png) no-repeat 0 top;
	width: 700px;
	height: 8px;
	margin-bottom: 20px;
}
#info dt {
	float:left;
	width:95px;
	clear:both;
	line-height: 1.6;
	padding-left: 5px;
}
#info dd {
	margin-left:100px;
	line-height: 1.6;
}
#info dd a {color:#000000;}
#info dd a:hover {color:#ff0000;}
#topban {overflow: hidden;}
#topban li {
	width: 166px;
	height: 95px;
	float: left;
	margin-right: 12px;
}
#topban li p {margin-bottom: 5px;}
#topban li.lilast {margin-right: 0;}