@charset "utf-8";
/* **************************************************************************************


************************************************************************************** */

/* search area
---------------------------------------------------------------------------- */

div#searchArea {
	padding: 0 0 1px 0;
	clear: both;
	background: none;
	position: relative;
	z-index: 1;}

div#searchArea div#topMapParent {
	width: 848px;
	height: 643px;
	margin: 0 auto;
	position: relative;
	z-index: 2;}

div#searchArea p#searchLead {
	padding: 0;
	clear: both;
	color: #4a4a4a;
	position: absolute;
	top: 10px;
	left: 30px;
	z-index: 10;}

div.layContents {
	width: 82px;
	height: 110px;
	position: absolute;
	z-index: 110;
}

div.layContents p.icoShadow {
	width: 82px;
	height: 110px;
	position: absolute;
	background: url(/list/top/img/ico_bill_min.png) no-repeat;
	z-index: 110;
}

div.layContents a {
	display: block;
	width: 82px;
	height: 110px;
	text-decoration: none;
	text-indent: -9999px;}

div.layContents div.estateLayer {
	position: absolute;
	display: none;
	z-index: 9999;}


div.estateLayer div {
	width: 275px;
	background: url(/list/top/img/lo_fukidashi_top.png) left top no-repeat;}

div.estateLayer div h3 {
	width: 275px;}

div.estateLayer div h3 span {
	display: block;
	padding: 15px 0 10px 17px;
	font-size: 0;
	line-height: 0;}

div.estateLayer div div {
	width: 275px;
	background: none;
/*	background: url(/list/top/img/lo_fukidashi_mid.png) left top;*/}

div.estateLayer div dl {
	padding: 0 0 0 17px;
	font-size: 0.8em;
	color: #666666;}

div.estateLayer div dt {
	width: 4em;
	float: left;
	clear: both;}

*:first-child+html body div.estateLayer div dt {
	padding: 1px 0 0 0;}

div.estateLayer div dd {
	margin-left: 4em;
	padding: 0 15px 3px 0;}

* html div.estateLayer div dd {
	text-indent: -3px;}

div.estateLayer div p {
	padding: 5px 0 0 17px;
	clear: both;}

div.estateLayer div div span {
	position: relative;
	bottom: -10px;
	display: block;
	width: 275px;
	height: 10px;
	font-size: 0;
	line-height: 0;
	background: url(/list/top/img/lo_fukidashi_bottom.png) left bottom no-repeat;}


div.estateLayer span.fukidashiTip {
	position: absolute;
	display: block;
	z-index: 1000;
	font-size: 0;
	line-height: 0;}



* html div.estateLayer img.ie6Layer {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	z-index: 9999;}


/* png for IE6 */

* html p.icoShadow,
* html div.estateLayer div,
* html div.estateLayer div div span,
* html span.fukidashiTip
{
	behavior: expression(IEPNGFIX.fix(this));
	cursor: pointer;}
/**/




/* 
____________________________________________________________________________ */

div#mainContainer {
	width: 848px;
	margin: 23px 0 0 0;}

div#mainContainer h2 {
	margin: 0 0 20px 0;
	background: #E8E8E8;
	border-left: 6px solid #121212;
	border-bottom: 1px solid #D4D4D4;}

div#modeNav {
	width: 848px;}

div#modeNav li {
	float: left;
	padding: 0 12px 0 0;}


div#mapArea {
	width: 848px;
	padding: 30px 0 0 0;
	background: url(/list/top/img/bg_frame_top.jpg) left top no-repeat;}

div#areaNav {
	padding: 0 0 0 30px;}

div#areaNav ul {}

div#areaNav li {
	padding: 0 0 5px 0;
	float: left;
	background: url(/list/top/img/areaNav_bg01.png) left top repeat-x;}

div#areaNav li#navStart {
	padding: 0 0 5px 0;
	float: left;
	background: url(/list/top/img/areaNav_bg02.png) left top no-repeat;}

div#areaNav li#navEnd {
	padding: 0 0px 5px 0;
	float: left;
	background: url(/list/top/img/areaNav_bg03.png) right top no-repeat;}

div#areaNav li a,
div#areaNav li a:link,
div#areaNav li a:visited {
	display: block;
	height: 36px;
	overflow: hidden;
	float: left;}

div#areaNav li#navStart a,
div#areaNav li#navStart a:link,
div#areaNav li#navStart a:visited {
	padding: 0 0 0 1px;}

div#areaNav li#navEnd a,
div#areaNav li#navEnd a:link,
div#areaNav li#navEnd a:visited {
	padding: 0 4px 0 1px;}

div#areaNav li a:hover,
div#areaNav li a:active {
	color: #747474;
	background: url(/list/top/img/areaNav_bg01_o.png) left top repeat-x;}

div#areaNav li#navStart a:hover,
div#areaNav li#navStart a:active {
	background: url(/list/top/img/areaNav_bg02_o.png) left top no-repeat;}

div#areaNav li#navEnd a:hover,
div#areaNav li#navEnd a:active {
	background: url(/list/top/img/areaNav_bg03_o.png) right top no-repeat;}


div#areaNav li a span,
div#areaNav li a:link span,
div#areaNav li a:visited span {
	display: block;
	padding: 10px 15px 12px 16px;
	background: url(/list/top/img/areaNav_ico.png) 8px 50% no-repeat;}

div#areaNav li#navStart a span,
div#areaNav li#navStart a:link span,
div#areaNav li#navStart a:visited span {
	padding: 10px 10px 12px 20px;
	background: url(/list/top/img/areaNav_ico.png) 12px 50% no-repeat;
	border: solid #2c5fa3;
	border-width: 0 1px 0 0;}

div#areaNav li#navEnd a span,
div#areaNav li#navEnd a:link span,
div#areaNav li#navEnd a:visited span {
	padding: 10px 15px 12px 16px;
	border-right: none;}

div#areaNav li a:hover span,
div#areaNav li a:active span,
div#areaNav li a.act span {
	background: url(/list/top/img/areaNav_ico_o.png) 8px 50% no-repeat;}

div#areaNav li#navStart a:hover span,
div#areaNav li#navStart a:active span,
div#areaNav li#navStart a.act span {
	background: url(/list/top/img/areaNav_ico_o.png) 12px 50% no-repeat;}

div#areaNav li span.separate {
	display: block;
	float: left;
	width: 1px;
	height: 1em;
	overflow: hidden;
	margin: 12px 0 0 0;
	background: #2c5fa3;}


/* area nav: active or not */

div#areaNav li a.act {
	background: url(/list/top/img/areaNav_bg01_o.png) left top repeat-x;}

div#areaNav li#navStart a.act {
	background: url(/list/top/img/areaNav_bg02_o.png) left top no-repeat;}

div#areaNav li#navEnd a.act {
	background: url(/list/top/img/areaNav_bg03_o.png) right top no-repeat;}




p.toPageTop {
	clear: both;
	padding: 20px 0;}