@charset "utf-8";

#col-x { position: relative; display: inline; float: left; width: 573px; padding-left: 28px;}
#col-y { position: relative; float: right; width: 255px; margin-right: 28px;}
* html #col-y { margin-right: 14px;}

#col-x ul { height: 77px; margin: 16px 0;}
#col-x li { float: left;}

#col-y {}
#col-y ul { text-align: right;}
#news li { padding: 5px; border-bottom: 1px dotted #ccc;}
#news li img.image { display: inline; float: left; margin-right: 10px; vertical-align: top;}
#news li em img { vertical-align: middle;}
#news li em  { display: block; color: #f80; font-style: normal;}

#col-a h2 { padding: 4px 16px; background: #333; color: #eee; font-size: 16px;}

.estateSection,
.buildSection,
.usedSection,
.mansionSection { padding: 0 0 10px;}

.estateSection h3,
.buildSection h3,
.usedSection h3,
.mansionSection  h3 { clear: both; margin: 20px 0 16px; border-bottom: 1px solid #ccc;}
.estateSection   h3 { border-bottom-color: #9fb76b;}
.buildSection    h3 { border-bottom-color: #d48d25;}
.usedSection     h3 { border-bottom-color: #c5a5ca;}
.mansionSection  h3 { border-bottom-color: #94b2d4;}

#col-a div div { float: left; width: 147px; padding: 0 0 12px 0; background: url(../img/home/box.png) no-repeat 0 100%; position: relative;}
*:first-child + html #col-a div div { padding-bottom: 4px;}
* html #col-a div div { padding-bottom: 4px;}
#col-a div div h4 { position: relative; width: 144px; margin: 0; padding: 34px 0 0; text-align: center;}
.mansionSection h4 { background: url(../img/home/h_mansion.png) no-repeat;}
.estateSection  h4 { background: url(../img/home/h_estate.png) no-repeat;}
.buildSection   h4 { background: url(../img/home/h_build.png) no-repeat;}
.usedSection    h4 { background: url(../img/home/h_used.png) no-repeat;}
#col-a div div p { margin: 5px 0; padding: 0 10px 8px;}
#col-a div div p.newMark { position: absolute; right: 3px; top: 0px; width: 30px;}
#col-a p.address { margin: 5px; padding: 0 5px 8px; min-height: 3.1em; height: auto !important; height: 3.1em; border-bottom: 1px dotted #ccc;}
#col-a p.areaSize {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 160px;
	right: 1.5em;
	text-align: right;
}
#col-a div div ul { position: relative; margin: -33px 15px 0; text-align: right;}
ul#news { height: 217px; overflow: auto; font-size: 10px; text-align: left; list-style: none; margin: 0 0 12px; padding-right: 0;}

#col-y h2 {
	margin-bottom: 0;
}