@charset "Shift_JIS";



body {

	margin: 0px auto;

	text-align: center;

	width: 800px;

}	



#container {

	width: 800px;

	color: #333;

	font-size: 62.5%;

	line-height: 1.4em;

	margin: 0px auto;

	text-align: left;

}



/* ヘッダ ---------- */

#header {

	position: relative;

	background: #fff url(images/bg-body.jpg) no-repeat;

	width: 800px;

	height: 90px;

}



h1 {

	font-size: 1.1em;

	font-weight: normal;

	color: #666;

	top: 65px;

	left: 30px;

	padding: 10px 0px 0px 25px;

	margin: 0px;

}



#logo {

	position: absolute;

	top: 28px;

	left: 25px;

	margin: 0px;

}



#logoText {

	position: absolute;

	top: 28px;

	left: 86px;

	margin: 0px;

}



#inquiryHeader {

	border-right: 1px dashed #CCC;

	position: absolute;

	top: 15px;

	right: 330px;

}



#telHeader {

	position: absolute;

	top: 15px;

	right: 118px;

}



#requestHeader {

	position: absolute;

	top: 50px;

	right: 120px;

}

	

/* ヘッダ Navigation ---------- */

#nav {

	display: none;

}

/* ヘッダ 終了 ---------- */



/* subcol ---------- */

#subcol {

	display: none;

}



/* main ---------- */

#main {

	width: 582px;

	padding: 10px 0px 0px 10px;

	_padding: 10px 0px 0px 8px;

	margin: 0px;

}



#mainImage p {

	font-size: 1.3em;

	line-height: 1.5em;	

	margin: 0px;

}



/* main search---------- */

#mainSearch {

	width: 582px;

	height: 36px;

	padding: 0px 0px 15px 0px;

}



.searchUpper {

	width: 282px;

	height: 105px;

}



.searchUpper img {

	vertical-align: bottom;

}



#adressSearch {

	float: left;

	padding: 0px 0px 15px;

	width: 285px;

}



#adressSearchLower {

	display: block;

	background: #fff url(images/adress-search-lower.jpg) no-repeat;

	width: 282px;

	height: 52px;

}



#adressSearchLower p {

	font-size: 1.2em;

	color: #0C3C7C;

	font-weight: bold;

	padding: 5px 0px 0px 15px;

	margin: 0px;

}



#adressSearchLower ul {

	margin: 0px;

	padding: 7px 0px 0px 10px;

}



#adressSearchLower li {

	font-size: 1.2em;

	font-weight: bold;

	float: left;

	background: url(images/icon-adress-search-maincol.jpg) no-repeat 0 0em;

	list-style: none;

	padding: 0px 3px 0px 17px;

}



#stationSearch {

	float: right;

	padding: 0px 0px 15px;

	width: 285px;

}



#stationSearchLower {

	display: block;

	background: #fff url(images/station-search-lower.jpg) no-repeat;

	width: 282px;

	height: 52px;

}



#adressSearchLower a {

	color: #0C3C7C;

}



#stationSearchLower p {

	font-size: 1.2em;

	color: #566F1B;

	font-weight: bold;

	padding: 5px 0px 0px 15px;

	margin: 0px;

}



#stationSearchLower ul {

	margin: 0px;

	padding: 7px 0px 0px 10px;

}



#stationSearchLower li {

	font-size: 1.2em;

	font-weight: bold;

	float: left;

	background: url(images/icon-station-search-maicol.jpg) no-repeat 0 0em;

	list-style: none;

	padding: 0px 3px 0px 17px;

}



#stationSearchLower a {

	color: #566F1B;

}



/* main recommend---------- */

#mainRecommend {

	width: 582px;

}



#uptodate {

	text-align: right;

	padding: 0px 10px 0px 0px;

}



#uptodate p {

	margin: 0px;

}



.recommendRoundtop {

	display: none;

}



.recommendRoundtop img {

	vertical-align: bottom;

}	



.recommend {

	width: 282px;

	height: 90px;

}



.recommend img {

	padding: 0px 5px 0px 10px;

	float: left;

}



.recommend p {

	padding: 0px 10px 0px 0px; 

	margin: 0px;	

}



#recommendContents {

	width: 590px;

}



#upperLeftRecommend, #lowerLeftRecommend {

	width: 282px;

	float: left;

	padding: 0px 0px 15px 0px;

}



#upperRightRecommend, #lowerRightRecommend {

	width: 282px;

	float: right;

	padding: 0px 10px 15px 0px;

}



/* main list---------- */

#maincolList {

	clear: both;

}



#areaTextImage {

	width: 582px;

	height: 41px;

}



#areaTextImage img {

	vertical-align: bottom;

}



#stationTextImage {

	width: 582px;

	height: 40px;

}



#stationTextImage img {

	vertical-align: bottom;

}



#areaList {

	width: 581px;

	background: #E5F3FE;

}



#areaList p {

	padding: 0px 15px;

	margin: 0px;

}

#areaList a {

	color: #0C3C7E;

}

#areaList a:hover {

	color: #FF9900;

}



#stationList {

	width: 581px;

	background: #E5F3FE url(images/blue-round-bottom.jpg) no-repeat bottom;

}



#stationList p {

	padding: 0px 15px 20px 15px;

	margin: 0px;

}

#stationList a:hover {

	color: #FF9900;

}

#stationList a {

	color: #0C3C7E;

}

#footer {

	float: left;

	text-align: center;

	width: 780px;

	background: #0C3C7E;

	padding: 10px;

}

#footer p {

	color: #FFFFFF;

}

#footer a {

	color: #FFFFFF;

}