@charset "UTF-8";

@import url("common.css");


/* -------------------------------------------------------------------
 TOPページCSS
------------------------------------------------------------------- */

/* 地図とフリーワード検索 -------------------- */

#index-box{
	width: 830px;
}

#map-box{
	width: 585px;
	float: right;
	background: url(../../img/search_bg.gif) no-repeat bottom;
}

/* 地図検索 -------------------- */

.area-box{
	width: 585px;
	height: 365px;
	position: relative;
	background: url(../../img/japan_map.png) no-repeat;
}

.area-box h3{
	text-indent: -9999px;
}

.area-box p{
	text-indent: -9999px;
}

.area-box ul li{
	margin: 0px;
	padding: 0px;
	line-height: 0%;
}

.area-box ul li img{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.area-box ul.hokkaido{
	position: absolute;
	top: 28px;
	left: 486px;
}

.area-box ul.touhoku{
	position: absolute;
	top: 79px;
	left: 460px;
}

.area-box ul.kanto{
	position: absolute;
	top: 206px;
	left: 430px;
}

.area-box ul.hokuriku{
	position: absolute;
	top: 90px;
	left: 320px;
}

.area-box ul.chu-bu{
	position: absolute;
	top: 245px;
	left: 325px;
}

.area-box ul.kansai{
	position: absolute;
	top: 213px;
	left: 240px;
}

.area-box ul.chu-goku{
	position: absolute;
	top: 130px;
	left: 180px;
}

.area-box ul.shikoku{
	position: absolute;
	top: 250px;
	left: 145px;
}

.area-box ul.kyu-syu{
	position: absolute;
	top: 156px;
	left: 63px;
}


/* フリーワード検索 -------------------- */

.search-box{
	width: 386px;
	margin: 0px auto;
	padding: 10px 0px;
}

.search-box h4{
	padding: 8px 3px 0px 7px;
	background: url(../../img/search_box_title.gif) no-repeat;
}

*html .search-box h4{
	padding: 10px 3px 2px 7px;
}

.search-box h4 span{
	margin-left: 110px;
}

.search-box .form{
	padding: 5px 3px 12px 7px;
	background: url(../../img/search_box_bg.gif) no-repeat;
}

.search-box .form .width-315{
	width: 315px;
	margin-right: 3px;
}


/* 新着情報 -------------------- */

#topics-box{
	width: 221px;
	float: left;
}
	
#topics-box dl{
	margin: 5px;
}

#topics-box dl dd{
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

#topics-box p.bn{
	margin-top: 10px;
}


/* ご利用方法 -------------------- */

div#flow-box{
	width: 825px;
	margin: 15px 0px 15px 5px;
	padding-bottom: 14px;
	background: url(../../img/flow_box_bg.png) no-repeat bottom;
}

div#flow-box p.more-link{
	margin: 10px 12px 0px 0px;
	text-align: right;
}


/* ポイント -------------------- */

div#point-box{
	width: 750px;
	margin: 0px auto;
}

div#point-box .inner-box{
	width: 360px;
	margin: 0px 5px;
	padding-bottom: 18px;
	float: left;
	background: url(../../img/research_bottom.gif) no-repeat bottom;
}

div#point-box .inner-box dl{
	padding: 15px;
	background: url(../../img/research_mid.gif) repeat-y;
}

div#point-box .inner-box dl dd ul{
	margin: 10px 0px;
}
div#point-box .inner-box dl dd ul li{
	margin-bottom: 2px;
}