@charset "Shift_JIS";

body {font-size:12px; color:#666666; margin: 0 auto; text-align: center; padding: 0; font-family: Verdana, Arial, sans-serif; line-height: 120%;}
td {font-size:12px; color:#666666;}

img {border: none;}

a:link {color: #666699}
a:hover {color: #666699}
a:active {color: #666699}
a:visited {color: #666699}

h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
h1 {background: #D3E2C5; color: #669933; font-size: 17px; padding: 5px 0 5px 20px;}
h2 {margin: 10px 0 0 20px; background: url(/images/h2_bg.gif) no-repeat; padding: 7px 0 4px 20px; font-size: 18px; color: #999}
.h2sub {color: #647FA3; font-size: 12px; margin: 10px 0 2px 0}
h3 {color: #6E5A43; margin: 10px 20px 0 20px; padding: 7px 0px;border-top: 1px solid #BAAC9C;border-bottom: 1px solid #BAAC9C; font-size: 15px;}
h4 {font-size: 13px; margin: 0 20px 0 20px; background: #EDEDED; padding: 3px 10px;}

.clear {clear: all;}

#toTop { text-align: right; font-size: 11px; margin: 0 20px 0 20px;}
#main { width: 791px; margin: 0 auto; text-align: center;}

#top { width: 791px; height: 100px; margin: 0;}
#topLeft { width:230px; float: left; margin: 0;}
#topRight { width: 561px; height: 100px; float: left; background: url(/images/topright_bg.gif) repeat-y;  margin: 0;}
#catch { width: 561px; height: 50px;}
#catch div { font-size: 11px; padding: 10px 0 0 0; color: #C9C9C9}
#topmenu { width: 561px; height: 50px;}

#cont {width: 791px; background: url(/images/main_bg.gif) repeat-y; text-align: center; margin: 0 auto;}

#contIn {width: 780px; text-align: center; margin: 0 auto;}

#lefter {width: 225px; float: left; text-align: left;}
#lefter div {margin: 0 0 0 1px;}
#leftad {padding: 0px 0px 25px 20px;}

#righter {width: 553px; float: left; text-align: left; margin: 0 0 20px 1px;/*_margin: 0 0 20px 1px;*/}

.pagemenu {padding: 10px 20px; line-height: 150%; border-bottom: 1px solid #E0E0E0;}
.pagemenu a {font-size: 15px;}

p {padding: 0 20px;}

#footer {font-size: 10px; color: #999; margin: 10px 0 10px 0;}

#contact h4{margin-bottom: 5px; background: none; padding: 0px; color: #2A8798; font-size: 15px;}
#contact table {margin: 0px 20px; background: #A8BAC6;}
#contact th {padding: 5px 14px; background: #EDF2F6; font-size: 11px;}
#contact td {padding: 5px 14px; background: #FFF; font-size: 11px;}

#areasearch p, #areasearch h1, #areasearch h2, #areasearch ul, #areasearch li {margin: 0px; padding: 0px;}
#areasearch {padding: 10px 19px 10px;}
#areasearch p.breadcrumbs {margin-bottom: 15px; color:#999;}
#areasearch p.breadcrumbs a {text-decoration: none; color:#999;}
#areasearch p.breadcrumbs a:hover {text-decoration: underline;}
#areasearch h1 {margin-bottom: 10px; background: none; color: #669933; font-size: 17px;}

#areasearch.top .btn a {display: block; margin-bottom: 5px; padding: 7px 0px 9px 20px; background: url(/images/areasearch/top_btn.gif) no-repeat left top; color: #666; font-size: 10px; line-height:14px; text-decoration: none;}
#areasearch.top .btn a:hover {text-decoration: underline;}
#areasearch.top .btn a strong{font-size: 12px;}

#areasearch.list h1 {padding:9px 0px 9px 36px; background: url(/images/areasearch/list_title.gif) no-repeat left top; color:#333; line-height: 19px;}
#areasearch.list .mansion {border: 1px solid #D3E2C5;}
#areasearch.list .mansion h2.name {padding: 6px 0px 6px 20px; color: #333; background: #D3E2C5 url(/images/areasearch/list_mansion_name_ic.gif) no-repeat 10px center; font-size: 16px; line-height: 18px;}
#areasearch.list .mansion table {margin: 10px 10px 5px;}
#areasearch.list .mansion td {padding: 2px 0px 4px; border-bottom: 5px solid #FFF; background: url(/images/areasearch/list_mansion_bg.gif) repeat-x left bottom;}
#areasearch.list .mansion td.image {width: 50px; background-color: #E6E6E6;}
#areasearch.list .mansion td.text {width: 443px;}
#areasearch.list .mansion td.text p{line-height: 16px; padding-left: 5px;}
#areasearch.list .mansion ul {list-style: none; margin: 10px;}
#areasearch.list .mansion li {list-style: none; float: left; margin-bottom: 5px;}
#areasearch.list .mansion li.image {width: 50px;}
#areasearch.list .mansion li.image img {display:block; padding-bottom: 1px; background: url(/images/areasearch/list_mansion_bg.gif) left top;}
#areasearch.list .mansion li.text {width: 443px;}
#areasearch.list .mansion li.text p{line-height: 25px; padding-left: 5px; background: url(/images/areasearch/list_mansion_bg.gif) left top;}
#areasearch.list .mansion p.btn{margin: 0px 10px 10px 0px; text-align:right;}
#areasearch.list .mansion p.btn img{margin-left: 5px;}
#areasearch.list p.pages{margin: 10px; text-align:center;}

#areasearch.detail .mansion p.point {margin: 10px 10px 0px; padding: 10px 10px 10px 75px; border-top: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #CCC; background: url(images/areasearch/detail_mansion_point_bg.gif) no-repeat 10px 6px;}
#areasearch.detail .mansion div.information {margin: 10px 10px 0px; padding: 10px; border-top: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#areasearch.detail .mansion div.information p.text {float: left; width: 291px; line-height: 16px;}
#areasearch.detail .mansion div.information p.button {float: left;  width: 180px; text-align: right;}
#areasearch.detail .mansion p.button {float: right}
#areasearch.detail .mansion p.title {clear: both; margin: 10px 10px 5px; border-top: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#areasearch.detail .mansion p.title img{border-left: 5px solid #669933;}
#areasearch.detail .mansion table {margin: 0px 10px 5px;}
#areasearch.detail .mansion td.image {width: 120px;}
#areasearch.detail .mansion td.text {width: 373px;}
#areasearch.detail .mansion p.btn{margin: 0px 10px 10px 0px; text-align: center;}
#areasearch.detail .mansion p.btn img{margin: 0px 10px}
#areasearch.detail .mansion .map{margin: 0px 0px 10px; text-align:center;}

.ad_text{
padding-bottom: 5px;
}
.ad_text a{
display: block;
margin: 0px 40px 5px;
}

/*clearfix*/
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
display: inline-block;
}

/*\*/
*html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}
/**/