/* CSS Document */

#contents {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

#contents #main{
	float:left;
	width:750px;
	margin-right:30px;
}

#zeroSystem {
	background-image: url(../images/zeroBn.png);
	background-repeat: no-repeat;
	height: 230px;
	width: 750px;
	position: relative;
	margin-bottom: 10px;
}

#zeroSystem h2{
	height:230px;
	text-indent:-9999px;
	overflow:hidden;
	display: block;
}

#zeroSystem .entryBtn{
	position:absolute;
	top:180px;
	left: 235px;
}
#zeroSystem .entryBtn a{
	height: 32px;
	background-image: url(../images/zerosystemBtn.png);
	background-repeat: no-repeat;
	width: 183px;
	text-indent:-9999px;
	overflow:hidden;
	display: block;
}
#zeroSystem .entryBtn a:hover{
	background-position:0px -32px;
}
#zeroSystem .zeroWoman{
	position:absolute;
	top:66px;
	right:-16px;
}

#search {
	padding-top:10px;
}

#tabMenu {
	height:35px;
}

#tabMenu li {
	width:145px;
	height:35px;
	float:left;
	margin-right: 10px;
}

#tabMenu li a {
	width:145px;
	height:35px;
	display:block;
	background:url(../images/tabMenu_out.png) no-repeat 0 0;
	cursor:pointer;
}

#tabMenu li a:hover {
	background:url(../images/tabMenu.png) no-repeat 0 0;
}

#tabMenu li a.active {
	background:url(../images/tabMenu.png) no-repeat 0 0;
	cursor:default;
}

#tabBoxes {
	clear:both;
	float:none;
}

#tabBox1 {
	position:relative;
	background:url(../images/search_map.jpg) no-repeat 0 0;
	height:400px;
}

#tabBoxes .mapOver01 {
	position:absolute;
	left:10px;
	top:10px;
	z-index:30;
}

#tabBox1 #search_map {
}

#tabBox1 .blankmap {
	z-index:40;
	position:absolute;
	width:750px;
}

#tabBox1 .blankmap img {
	vertical-align:bottom;
}

#tabBox1 .linkBox .mapImage {
	text-indent:-9999px;
	overflow:hidden;
}

#tabBox1 .linkBox {
	display:none;
	z-index:45;
}

#tabBox1 #sagamihara01 .mapImage {
	position:absolute;
	top:10px;
	left:10px;
	background:url(../images/area01.png) no-repeat 0 0;
	width:364px;
	height:328px;
}
#tabBox1 #sagamihara02 .mapImage {
	position:absolute;
	top:123px;
	left:290px;
	background:url(../images/area02.png) no-repeat 0 0;
	width:202px;
	height:185px;
}
#tabBox1 #sagamihara03 .mapImage {
	position:absolute;
	top:217px;
	left:359px;
	background:url(../images/area03.png) no-repeat 0 0;
	width:217px;
	height:121px;
}

#tabBox1 #sagamihara01 .linkList {
	position:absolute;
	top:130px;
	left:300px;
}
#tabBox1 #sagamihara02 .linkList {
	position:absolute;
	top:170px;
	left:425px;
}
#tabBox1 #sagamihara03 .linkList {
	position:absolute;
	top:215px;
	left:500px;
}
#tabBox1 #areaMenu01 .linkList {
	position:absolute;
	top:215px;
	left:35px;
}
#tabBox1 #areaMenu02 .linkList {
	position:absolute;
	top:215px;
	left:220px;
}
#tabBox1 #areaMenu03 .linkList {
	position:absolute;
	top:215px;
	left:400px;
}
#tabBox1 #areaMenu04 .linkList {
	position:absolute;
	top:215px;
	left:580px;
}

#tabBox1 #areaMenu {
	position:absolute;
	top:338px;
	left:10px;
}

#tabBox1 #areaMenu ul{
	width:730px;
}

#tabBox1 #areaMenu li{
	float:left;
	width:182px;
}

#tabBox1 #areaMenu li a{
	display:block;
	width:184px;
	height:52px;
	background-image: url(../images/areaMenu.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#tabBox1 #areaMenu li.areaMenu01{
	width:184px;
}

#tabBox1 #areaMenu li.areaMenu01 a{
	background-position:0px 0px;
}
#tabBox1 #areaMenu li.areaMenu02 a{
	background-position:-184px 0px;
}
#tabBox1 #areaMenu li.areaMenu03 a{
	background-position:-366px 0px;
}
#tabBox1 #areaMenu li.areaMenu04 a{
	background-position:-548px 0px;
}
#tabBox1 #areaMenu li.areaMenu01 a:hover{
	background-position:0px -52px;
}
#tabBox1 #areaMenu li.areaMenu02 a:hover{
	background-position:-184px -52px;
}
#tabBox1 #areaMenu li.areaMenu03 a:hover{
	background-position:-366px -52px;
}
#tabBox1 #areaMenu li.areaMenu04 a:hover{
	background-position:-548px -52px;
}

#tabBoxes .linkBox .linkList {
	width:120px;
	height:120px;
	text-align:left;
	padding-left:7px;
	background:url(/images/linkList_arrow.png) no-repeat 0 6px;
	z-index:45;
}

#tabBoxes .linkBox .linkList h3 {
	background:#036;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	padding:2px 5px;
}

#tabBoxes .linkBox .linkList ul {
	padding:2px 0;
	border:1px solid #036;
	background:#FFF;
}

#tabBoxes .linkBox .linkList ul li {
	line-height:22px;
	font-size:12px;
	padding:1px;
}

#tabBoxes .linkBox .linkList ul li a {
	display:block;
	padding:0 5px;
}

#tabBoxes .linkBox .linkList ul li.new a {		color:#C20000;}
#tabBoxes .linkBox .linkList ul li.house a {		color:#1C82D0;}
#tabBoxes .linkBox .linkList ul li.land a {		color:#90C300;}
#tabBoxes .linkBox .linkList ul li.mansion a {	color:#FF8B00;}

#tabBoxes .linkBox .linkList ul li a:hover {
	background:#EFEFEF;
}


#tabBox1 #kodawari {
	z-index:42;
	width:200px;
	position:absolute;
	top:25px;
	right:25px;
}

#tabBox1 #kodawari li{
	margin-bottom:10px;
	width:200px;
}

#tabBox1 #kodawari li a {
	display:block;
	height:50px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#tabBox1 #kodawari li#kd01 a {
	background-image: url(../images/kodawari01.png);
	background-repeat: no-repeat;
}
#tabBox1 #kodawari li#kd02 a {
	background-image: url(../images/kodawari02.png);
	background-repeat: no-repeat;
}
#tabBox1 #kodawari li#kd03 a {
	background-image: url(../images/kodawari03.png);
	background-repeat: no-repeat;
}
#tabBox1 #kodawari li#kd04 a {
	background-image: url(../images/kodawari04.png);
	background-repeat: no-repeat;
}
#tabBox1 #kodawari li a:hover {	background-position:0px -50px;}


.top_copy {
	padding-top: 30px;
	font-size: 14px;
	line-height: 24px;
}

.top_copy h3{
	display:block;
	font-size:20px;
	line-height:26px;
	background-image: url(../search/images/list_h2_bg.gif);
	background-position: bottom;
	color: #FFF;
	background-color: #39B1E7;
	padding: 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.top_copy p{
	font-size: 14px;
	line-height: 24px;
}


#schoolSearch {
	padding-top:30px;
}

#schoolSearch h3 {
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-image: url(../images/school_title1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#schoolSearch .title {
	width:400px;
	height:60px;
	float:left;
}

#schoolSearch #menu {
	float:left;
	padding:3px;
	background:#89BFF4;
}

#schoolSearch #menu select {
}

#schoolSearch #assortment {
	clear: both;
}

#schoolSearch #assortment h4{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	background:#CCC;
	margin:5px 0;
	float:none;
	clear:both;
}

#schoolSearch #assortment label {
	float:left;
	display:block;
	text-decoration:underline;
	width:145px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0;
}

#schoolSearch #assortment input {
	margin-right:5px;
}

#schoolSearch #schoolArea {
	float:none;
	clear:both;
}

#schoolArea li {
	display:none;
	float:none;
	clear:both;
}

#schoolArea li#school_14152 {
	display:block;
}

#schoolArea li h4 {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	background:#CCC;
	margin:5px 0;
	float:none;
	clear:both;
}

#schoolArea li label {
	float:left;
	display:block;
	padding:5px 5px 10px 0;
	text-decoration:underline;
	width:145px;
}

#schoolArea li label input {
	margin-right:5px;
}

#schoolSearch div.btn {
	clear:both;
	float:none;
	text-align:center;
	padding:20px 0 40px;
}

#news {
	margin-bottom:30px;
	height: 380px;
}

#topics {
	width:365px;
	float:left;
}

#topics h3 {
	margin-bottom: 5px;
}

#topicsInner {
	height:320px;
	background:#D9DDEB;
	padding-bottom:5px;
	padding-top: 5px;
}

#topics .inner {
	width:345px;
	margin:1px auto 5px;
	background:#FFF;
	display:block;
	height:310px;
	padding:5px;
	overflow:auto;
}

#news dl {
	display:block;
	border-bottom:1px dotted #333;
	padding:5px 0 4px;
	margin:0 auto 10px;
}

#news dt {
	display:block;
	font-size:10px;
	line-height:20px;
	padding-left:3px;
	color:#000;
}

#news dd {
	display:block;
	line-height:18px;
	font-size:12px;
	color:#333;
	padding-left:3px;
}

#news dd img {
	margin-left:5px;
}

#news dd .down {
	text-decoration:line-through;
	color:#036;
}

#news dd a {
	text-decoration:underline;
	color:#06C;
}

#pricedown {
	width:365px;
	float:right;
}

#pricedown h3 {
	margin-bottom: 5px;
}

#pricedownInner {
	height:320px;
	background:#D9DDEB;
	padding-bottom:5px;
	padding-top: 5px;
}

#pricedown .inner {
	width:345px;
	margin:1px auto 5px;
	background:#FFF;
	display:block;
	height:310px;
	padding:5px;
	overflow:auto;
}

#recommend {
	clear:both;
	float:none;
	width:1000px;
	margin-bottom:50px;
}

#recommend h3{
	margin-bottom:20px;
}

#recommend ul {
	clear:both;
	float:none;
	width:1020px;
}

#recommend li {
	width:235px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding-top:20px;
}

#recommend li .property {
	border:1px solid #EBE0C9;
	position:relative;
	height: 355px;
	background-color: #FFF;
}

#recommend li .property .type {
	position:absolute;
	top:-18px;
	left:0;
	width:80px;
}

#recommend li .property .img {
	padding:4px;
	height:160px;
	overflow:hidden;
	text-align:center;
}

#recommend li .property .detail {
	padding-right: 5px;
	padding-left: 5px;
}

#recommend li .property .detail .title {
	line-height:20px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	overflow: hidden;
	padding-top: 2px;
}

#recommend li .property .detail .title a {
	color:#06C;
	font-size:12px;
	text-decoration:underline;
}

#recommend li .property .locate {
	font-size:12px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
}

#recommend li .property .subject {
	font-size:12px;
	line-height:18px;
	height:20px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#recommend ul li .property .price {
	display:block;
	margin:0 auto 0;
	width:215px;
	padding:0 5px;
	height:35px;
	background:url(../images/recommend_price.gif) no-repeat 0 0;
}

#recommend ul li .property .price dt {
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
	padding:0 5px;
	width:30px;
}

#recommend ul li .property .price dd {
	float:right;
	display:block;
	padding:0 5px;
	font-size:11px;
	line-height:33px;
	width:165px;
	text-align:right;
}

#recommend ul li .property .price dd strong {
	font-weight:bold;
	font-size:16px;
	color:#C00;
	margin-right:2px;
}

#recommend ul li .property .bonus {
	display:block;
	margin:0 auto;
	width:205px;
	padding:5px 10px 0;
	height:20px;
}

#recommend ul li .property .bonus dt {
	float:left;
	display:block;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	width:105px;
}

#recommend ul li .property .bonus dd {
	float:right;
	display:block;
	font-size:10px;
	line-height:20px;
	width:35px;
	text-align:right;
}

#recommend ul li .property .bonus dd strong {
	font-weight:bold;
	font-size:16px;
	color:#C00;
	margin-right:2px;
}

#recommend ul li .property .loan {
	display:block;
	font-size:11px;
	margin:0 auto;
	width:215px;
	padding:0 5px;
	line-height:25px;
	height:30px;
	background:url(../images/recommend_loan.gif) no-repeat 0 0;
}

#recommend ul li .property .loan dt {
	float:left;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
	padding:5px;
	width:50px;
}

#recommend ul li .property .loan dd {
	float:right;
	display:block;
	padding:5px;
	color:#FFF;
	font-size:11px;
	line-height:20px;
	width:145px;
	text-align:right;
}

#recommend ul li .property .loan dd strong {
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	margin-right:2px;
}

#recommend li .property .memberOnly{
	padding:4px;
	height:354px;
	overflow:hidden;
	text-align:center;
}