@charset "shift_jis";
/* ------------------------------------------------
	import
------------------------------------------------ */
/*-------------------------------------------------------------
	arealist
---------------------------------------------------------------*/

.area {
	width:588px;
	height:622px;
	position:relative;
	margin: 0 auto;
}
.areamap {
	position:absolute;
	top:0;
	left:0;
}

#arealist {
	position:absolute;
	top:86px;
	left:26px;
	background-color:#fff;
	width:165px;
}
#arealist ul {
	border-bottom: solid 1px #ccc;
}
#arealist ul li {
	cursor:pointer;
	width:163px;
	line-height:31px;
	border: solid 1px #ccc;
	border-bottom:none;
	text-indent:-5000px;
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0;
	margin:0;
}
#arealist ul ul {
	border:none;
	padding: 0px 0 10px 0;
	margin: 0 0 0 0;
}
#arealist ul ul li {
	width:auto;
	height:auto;
	line-height:1.5;
	border:none;
	text-indent:0;
	/* 
	background: url(../../images/dot2.gif) repeat-x left bottom;
	 */
	padding: 0px 5px;
	margin: 0 9px;
	_padding:0;
	border-bottom:dotted 1px #ccc;
}
#arealist ul ul li a {
	width:130px;
	display:block;
	background: url(../../images/arrow.gif) no-repeat 2px 12px;
	padding: 7px 0 6px 14px;
}

#arealist01 { background-image:url(../../images/arealist_01.gif);}
#arealist02 { background-image:url(../../images/arealist_02.gif);}
#arealist03 { background-image:url(../../images/arealist_03.gif);}
#arealist04 { background-image:url(../../images/arealist_04.gif);}
#arealist05 { background-image:url(../../images/arealist_05.gif);}


#arealist ul li:hover {
	background-position: -163px 0;
}
#arealist ul ul li span {
	display:none;
}