@charset "UTF-8";
/*---------------------------------------------

	園内案内

---------------------------------------------*/
#areaMap{
	position: relative;
	height: 515px;
}
#areaMapImg{
	position: absolute;
}
#areaMapList{
	position: absolute;
}
#areaMapList li a{
	position: absolute;
	width: 17px;
	height: 17px;
	background-image: url(../img/land/map_no.gif);
	background-repeat: no-repeat;
	
	text-indent: -9999px;
	overflow: hidden;
}


#mn1{
	top:220px;
	left: 425px;
	background-position: 0px 0px;
}
#mn1:hover{
	background-position: -17px 0px;
}
#mn2{
	top:260px;
	left: 405px;
	background-position: 0px -17px;
}
#mn2:hover{
	background-position: -17px -17px;
}
#mn3{
	top:300px;
	left: 475px;
	background-position: 0px -34px;
}
#mn3:hover{
	background-position: -17px -34px;
}
#mn4{
	top:188px;
	left: 545px;
	background-position: 0px -51px;
}
#mn4:hover{
	background-position: -17px -51px;
}
#mn5{
	top:195px;
	left: 511px;
	background-position: 0px -68px;
}
#mn5:hover{
	background-position: -17px -68px;
}
#mn6{
	top:230px;
	left: 460px;
	background-position: 0px -85px;
}
#mn6:hover{
	background-position: -17px -85px;
}
#mn7{
	top:295px;
	left: 365px;
	background-position: 0px -102px;
}
#mn7:hover{
	background-position: -17px -102px;
}
#mn8{
	top:185px;
	left: 388px;
	background-position: 0px -119px;
}
#mn8:hover{
	background-position: -17px -119px;
}
#mn9{
	top:235px;
	left: 330px;
	background-position: 0px -136px;
}
#mn9:hover{
	background-position: -17px -136px;
}
#mn10{
	top:187px;
	left: 453px;
	background-position: 0px -153px;
}
#mn10:hover{
	background-position: -17px -153px;
}
#mn11{
	top:215px;
	left: 295px;
	background-position: 0px -170px;
}
#mn11:hover{
	background-position: -17px -170px;
}
#mn12{
	top:267px;
	left: 298px;
	background-position: 0px -187px;
}
#mn12:hover{
	background-position: -17px -187px;
}
#mn13{
	top:245px;
	left: 298px;
	background-position: 0px -204px;
}
#mn13:hover{
	background-position: -17px -204px;
}
#mn14{
	top:238px;
	left: 277px;
	background-position: 0px -221px;
}
#mn14:hover{
	background-position: -17px -221px;
}
#mn15{
	top:235px;
	left: 255px;
	background-position: 0px -238px;
}
#mn15:hover{
	background-position: -17px -238px;
}
#mn16{
	top:275px;
	left: 250px;
	background-position: 0px -255px;
}
#mn16:hover{
	background-position: -17px -255px;
}
#mn17{
	top:225px;
	left: 210px;
	background-position: 0px -272px;
}
#mn17:hover{
	background-position: -17px -272px;
}
#mn18{
	top:120px;
	left: 432px;
	background-position: 0px -289px;
}
#mn18:hover{
	background-position: -17px -289px;
}
#mn19{
	top:148px;
	left: 333px;
	background-position: 0px -306px;
}
#mn19:hover{
	background-position: -17px -306px;
}
#mn20{
	top:80px;
	left: 385px;
	background-position: 0px -323px;
}
#mn20:hover{
	background-position: -17px -323px;
}
#mn21{
	top:113px;
	left: 333px;
	background-position: 0px -340px;
}
#mn21:hover{
	background-position: -17px -340px;
}
#mn22{
	top:156px;
	left: 305px;
	background-position: 0px -357px;
}
#mn22:hover{
	background-position: -17px -357px;
}
#mn23{
	top:180px;
	left: 285px;
	background-position: 0px -374px;
}
#mn23:hover{
	background-position: -17px -374px;
}
#mn24{
	top:140px;
	left: 245px;
	background-position: 0px -391px;
}
#mn24:hover{
	background-position: -17px -391px;
}
#mn25{
	top:165px;
	left: 225px;
	background-position: 0px -408px;
}
#mn25:hover{
	background-position: -17px -408px;
}
#mn26{
	top:198px;
	left: 163px;
	background-position: 0px -425px;
}
#mn26:hover{
	background-position: -17px -425px;
}
#mn27{
	top:80px;
	left: 330px;
	background-position: 0px -442px;
}
#mn27:hover{
	background-position: -17px -442px;
}
#mn28{
	top:120px;
	left: 255px;
	background-position: 0px -459px;
}
#mn28:hover{
	background-position: -17px -459px;
}
#mn29{
	top:100px;
	left: 228px;
	background-position: 0px -476px;
}
#mn29:hover{
	background-position: -17px -476px;
}
#mn30{
	top:168px;
	left: 130px;
	background-position: 0px -493px;
}
#mn30:hover{
	background-position: -17px -493px;
}
#mn31{
	top:87px;
	left: 150px;
	background-position: 0px -510px;
}
#mn31:hover{
	background-position: -17px -510px;
}
#mn32{
	top:165px;
	left: 45px;
	background-position: 0px -527px;
}
#mn32:hover{
	background-position: -17px -527px;
}
#mn33{
	top:129px;
	left: 77px;
	background-position: 0px -544px;
}
#mn33:hover{
	background-position: -17px -544px;
}
#mn34{
	top:395px;
	left: 545px;
	background-position: 0px -561px;
}
#mn34:hover{
	background-position: -17px -561px;
}


/*
#map{
	text-align: center;
	margin-bottom: 30px;
}
#map img{
	border: 10px solid #f5f5f5;
}
*/
/*
.land_area .line .left{
	float: left;
	width: 210px;
	margin-right: 5px;
}
.land_area .line .center{
	float: left;
	width: 210px;
	margin-right: 5px;
}
.land_area .line .right{
	float: left;
	width: 210px;
}
*/

/*マップ下カテゴリリスト*/
.land_area .line{
	margin-bottom: 30px;
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
}

.land_area .left{
	float: left;
	width: 310px;
	margin-right: 20px;
	
}
.land_area .right{
	float: left;
	width: 310px;

}
/*カテゴリタイトル*/
.land_area .line h4{
	border: none;
	color: #fff;
}
.land_area .line h4.asobu{
	background: #0973ED;
}
.land_area .line h4.taberu{
	background: #F9AD0C;
}
.land_area .line h4.miru{
	background: #E98B7F;
}
.land_area .line h4.sonota{
	background: #105C36;
}
/*カテゴリリスト*/
.land_area .line ul li{
	margin-bottom: 2px;
}
.land_area .line ul li span{
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	
	text-align: center;
	color: #fff;
	margin-right: 0.5em;
}
.land_area .line ul.asobu li span{
	background: #0973ED;
}
.land_area .line ul.taberu li span{
	background: #F9AD0C;
}
.land_area .line ul.miru li span{
	background: #E98B7F;
}
.land_area .line ul.sonota li span{
	background: #105C36;
}




/*-----------------------
	tooltip
-----------------------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #fff;
	padding: 6px 8px;
}
#tooltip h3,
#tooltip div{
	margin: 0;
}
#tooltip h3{
	font-size: 1.1em;
	background: none;
	padding: 0;
	line-height: 1em;
	color: #06c;

}
/*---------------------------------------------

	詳細

---------------------------------------------*/
.land_area h5 {
	color: #009900;
	font-weight: bold;
	margin-bottom: 5px;
	}

.la_area{
	padding-bottom: 20px;
	margin-bottom: 30px;
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
	background: url(../img/dot2_ccc.gif) repeat-x left bottom;
}
.la_area img{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;

}
.la_area img.la_img{
	clear: both;
	float: none;
	display: block;
	padding: 0;
	border: none;
	margin: 10px auto 30px;
}
img.nonstyle{
	padding: 0!important;
	border: none!important;
}
.la_area p{
	margin-bottom: 10px;
}
/*サブ1*/
.sub_area1{
	clear: both;
	padding: 5px;
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
	margin-bottom: 20px;
}
.sub_area1 dl{
	padding: 5px;
	background: #F9F7F4;
	width: 380px;
}
.sub_area1 dl dd{
	float: left;
	margin-right: 4px;
	color: #963;
}
.sub_area1 dl dt{
	color: #963;
	}
/*サブ2 施設写真*/
.sub_area2{
	clear: both;
	padding: 5px;
	margin-top: 5px;
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
}
.sub_area2 img{
	float: none;
}
/*サブ3 メニュー・価格*/
.sub_area3{
	clear: both;
	padding: 5px;
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
	margin-bottom: 20px;
	width: 300px;
	float:left;
}
.sub_area3 dl{
	padding: 5px;
	background: #F9F7F4;
	width: 300px;
}
.sub_area3 dl dd{
	float: left;
	margin-right: 1em;
	color: #963;
}
.sub_area3 dl dt{
	color: #963;
	}
/*サブ4 メニュー・価格*/
.sub_area4{
	padding: 5px;
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
	margin-bottom: 20px;
	width: 300px;
	float:right;
}
.sub_area4 dl{
	padding: 5px;
	background: #F9F7F4;
	width: 300px;
}
.sub_area4 dl dd{
	float: left;
	margin-right: 1em;
	color: #963;
}
.sub_area4 dl dt{
	color: #963;
	}

/*時間案内*/
.ex_time_table{
	width: 640px;
	margin-bottom: 15px;
}
.ex_time_table th,
.ex_time_table td{
	border: 1px solid #ddd;
	padding: 5px 10px;
}
.ex_time_table thead th{
	background: #DBF3C5;
	color: #090;
}
.ex_time_table tbody th{
	background: #F4FCE3;
}

