@charset "UTF-8";

body {
	background: url(../images/top_bg.jpg) repeat-x left top #ebf3e8;
}

/*--- header ---*/
#header {
	margin: 0px auto 20px;
	width: 900px;
	text-align: left;
}
#header h1 {
	height: 15px;
	background-color: #076d4a;
	color: #ffffff;
	font-size: 11px;
	line-height: 155%;
	padding-left: 20px;
}

#content .top-box {
	margin: 0px auto 20px;
	width: 616px;
	border: 1px solid #b3d5cf;
	background-color: #fffdf8;
	padding: 1px;
	}
#content .top-box .top-box2 {
	margin: 10px auto 10px;
	width: 576px;
	}
#content .top-box .top-box2 p {
	margin-bottom: 10px;
	border-left: 5px solid #aeaeae;
	padding-left: 5px;
	font-size: 14px;
	line-height: 120%;
	}

/*--- top-box-plan ---*/
#content .top-box .top-box2 #top-box-plan ul {
	}
#content .top-box .top-box2 #top-box-plan ul li {
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
	}
#content .top-box .top-box2 #top-box-plan ul li.end {
	margin-right: 0px;
	float: left;
	}
#content .top-box .top-box2 #top-box-plan a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}

/*--- searcharea ---*/
.searcharea {
	position: relative;
	width: 550px;
	height: 310px;
	margin-left: 15px;
	z-index: 0;
}

p.searchmap {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px;
	height: 310px;
	z-index: -100;
}
.searcharea ul {
	width: 550px;
	height: 310px;
	background: url(../images/top_map.gif) no-repeat left top;
	z-index: 100;
}
.searcharea li.arealist {
	position: absolute;
}
#area01 {left: 89px; top: 20px; width: 112px; height: 96px;}
#area02 {left: 425px; top: 21px; width: 109px; height: 25px;}
#area03 {left: 425px; top: 48px; width: 53px; height: 28px;}
#area04 {left: 480px; top: 48px; width: 54px; height: 28px;}
#area05 {left: 425px; top: 78px; width: 53px; height: 28px;}
#area06 {left: 480px; top: 78px; width: 54px; height: 28px;}
#area07 {left: 447px; top: 108px; width: 87px; height: 41px;}
#area08 {left: 421px; top: 151px; width: 35px; height: 35px;}
#area09 {left: 458px; top: 151px; width: 34px; height: 35px;}
#area10 {left: 494px; top: 151px; width: 40px; height: 59px;}
#area11 {left: 421px; top: 188px; width: 71px; height: 22px;}
#area12 {left: 494px; top: 212px; width: 40px; height: 52px;}
#area13 {left: 421px; top: 212px; width: 71px; height: 20px;}
#area14 {left: 434px; top: 234px; width: 49px; height: 29px;}
#area15 {left: 366px; top: 204px; width: 53px; height: 28px;}
#area16 {left: 322px; top: 108px; width: 36px; height: 41px;}
#area17 {left: 360px; top: 108px; width: 35px; height: 41px;}
#area18 {left: 397px; top: 108px; width: 48px; height: 41px;}
#area19 {left: 322px; top: 151px; width: 42px; height: 81px;}
#area20 {left: 366px; top: 151px; width: 53px; height: 51px;}
#area21 {left: 393px; top: 234px; width: 39px; height: 29px;}
#area22 {left: 353px; top: 234px; width: 38px; height: 29px;}
#area23 {left: 322px; top: 234px; width: 29px; height: 60px;}
#area24 {left: 265px; top: 151px; width: 55px; height: 23px;}
#area25 {left: 265px; top: 176px; width: 55px; height: 21px;}
#area26 {left: 265px; top: 199px; width: 55px; height: 21px;}
#area27 {left: 265px; top: 222px; width: 55px; height: 22px;}
#area28 {left: 294px; top: 246px; width: 26px; height: 48px;}
#area29 {left: 265px; top: 246px; width: 27px; height: 48px;}
#area30 {left: 238px; top: 151px; width: 25px; height: 57px;}
#area31 {left: 203px; top: 151px; width: 33px; height: 28px;}
#area32 {left: 203px; top: 181px; width: 33px; height: 27px;}
#area33 {left: 168px; top: 151px; width: 33px; height: 28px;}
#area34 {left: 168px; top: 181px; width: 33px; height: 27px;}
#area35 {left: 141px; top: 151px; width: 25px; height: 57px;}
#area36 {left: 199px; top: 218px; width: 51px; height: 24px;}
#area37 {left: 199px; top: 244px; width: 51px; height: 22px;}
#area38 {left: 141px; top: 218px; width: 56px; height: 24px;}
#area39 {left: 141px; top: 244px; width: 56px; height: 22px;}
#area40 {left: 97px; top: 151px; width: 33px; height: 37px;}
#area41 {left: 61px; top: 151px; width: 34px; height: 37px;}
#area42 {left: 23px; top: 151px; width: 36px; height: 37px;}
#area43 {left: 59px; top: 190px; width: 36px; height: 36px;}
#area44 {left: 97px; top: 190px; width: 33px; height: 36px;}
#area45 {left: 59px; top: 228px; width: 71px; height: 23px;}
#area46 {left: 59px; top: 253px; width: 71px; height: 22px;}
#area47 {left: 5px; top: 229px; width: 30px; height: 46px;}

.searcharea li.arealist a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
}
#area01 a:hover {	background: url(../images/top_map_01.gif) no-repeat;}
#area02 a:hover {	background: url(../images/top_map_02.gif) no-repeat;}
#area03 a:hover {	background: url(../images/top_map_03.gif) no-repeat;}
#area04 a:hover {	background: url(../images/top_map_04.gif) no-repeat;}
#area05 a:hover {	background: url(../images/top_map_05.gif) no-repeat;}
#area06 a:hover {	background: url(../images/top_map_06.gif) no-repeat;}
#area07 a:hover {	background: url(../images/top_map_07.gif) no-repeat;}
#area08 a:hover {	background: url(../images/top_map_08.gif) no-repeat;}
#area09 a:hover {	background: url(../images/top_map_09.gif) no-repeat;}
#area10 a:hover {	background: url(../images/top_map_10.gif) no-repeat;}
#area11 a:hover {	background: url(../images/top_map_11.gif) no-repeat;}
#area12 a:hover {	background: url(../images/top_map_12.gif) no-repeat;}
#area13 a:hover {	background: url(../images/top_map_13.gif) no-repeat;}
#area14 a:hover {	background: url(../images/top_map_14.gif) no-repeat;}
#area15 a:hover {	background: url(../images/top_map_15.gif) no-repeat;}
#area16 a:hover {	background: url(../images/top_map_16.gif) no-repeat;}
#area17 a:hover {	background: url(../images/top_map_17.gif) no-repeat;}
#area18 a:hover {	background: url(../images/top_map_18.gif) no-repeat;}
#area19 a:hover {	background: url(../images/top_map_19.gif) no-repeat;}
#area20 a:hover {	background: url(../images/top_map_20.gif) no-repeat;}
#area21 a:hover {	background: url(../images/top_map_21.gif) no-repeat;}
#area22 a:hover {	background: url(../images/top_map_22.gif) no-repeat;}
#area23 a:hover {	background: url(../images/top_map_23.gif) no-repeat;}
#area24 a:hover {	background: url(../images/top_map_24.gif) no-repeat;}
#area25 a:hover {	background: url(../images/top_map_25.gif) no-repeat;}
#area26 a:hover {	background: url(../images/top_map_26.gif) no-repeat;}
#area27 a:hover {	background: url(../images/top_map_27.gif) no-repeat;}
#area28 a:hover {	background: url(../images/top_map_28.gif) no-repeat;}
#area29 a:hover {	background: url(../images/top_map_29.gif) no-repeat;}
#area30 a:hover {	background: url(../images/top_map_30.gif) no-repeat;}
#area31 a:hover {	background: url(../images/top_map_31.gif) no-repeat;}
#area32 a:hover {	background: url(../images/top_map_32.gif) no-repeat;}
#area33 a:hover {	background: url(../images/top_map_33.gif) no-repeat;}
#area34 a:hover {	background: url(../images/top_map_34.gif) no-repeat;}
#area35 a:hover {	background: url(../images/top_map_35.gif) no-repeat;}
#area36 a:hover {	background: url(../images/top_map_36.gif) no-repeat;}
#area37 a:hover {	background: url(../images/top_map_37.gif) no-repeat;}
#area38 a:hover {	background: url(../images/top_map_38.gif) no-repeat;}
#area39 a:hover {	background: url(../images/top_map_39.gif) no-repeat;}
#area40 a:hover {	background: url(../images/top_map_40.gif) no-repeat;}
#area41 a:hover {	background: url(../images/top_map_41.gif) no-repeat;}
#area42 a:hover {	background: url(../images/top_map_42.gif) no-repeat;}
#area43 a:hover {	background: url(../images/top_map_43.gif) no-repeat;}
#area44 a:hover {	background: url(../images/top_map_44.gif) no-repeat;}
#area45 a:hover {	background: url(../images/top_map_45.gif) no-repeat;}
#area46 a:hover {	background: url(../images/top_map_46.gif) no-repeat;}
#area47 a:hover {	background: url(../images/top_map_47.gif) no-repeat;}

li.arealist a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
li.arealist a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/*--- top-list ---*/
#content .top-box .top-box2 .top-list {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 190%;
	border-bottom: 1px dotted #b3d5cf;
}
#content .top-box .top-box2 .top-list img {
	margin: 0 7px 0 0;
	float: left;
}
#content .top-box .top-box2 .top-list a {
	color: #333333;
}