@charset "utf-8";

/* ##################################################################

[contents]
[main]
[side]

Copyright (C) 37Graphics.

################################################################## */


/* contents ****************************************************************/
div#contents {
	width: 680px;
	padding: 21px 14px 0;
	background: #FFF url(../img/bg02.png) no-repeat;
}

/* contents_top
--------------------------------------------------------- */
div#contents_top {
	width: 680px;
	height: 222px;
	overflow: hidden;
	margin-bottom: 17px;
}

div#main_img {
	float: left;
	width: 520px;
	height: 210px;
	padding: 5px;
	border: #CCC solid 1px;
	background: #FFF;
}

ul#s_nav {
	float: right;
	width: 148px;
	padding-top: 8px;
}
#s_nav li {
	margin-bottom: 6px;
}


/* main ****************************************************************/
div#main {
	float: left;
	clear: both;
	width: 501px;
}
div#main p.title {
	width: 501px;
	height: 18px;
	margin-bottom: 25px;
}

/* c_nav
--------------------------------------------------------- */
div#c_nav {
	width: 520px;
	overflow: hidden;
	margin-bottom: 40px;
	background: url(../img/cnv_bg.png) repeat-y;
}

div.info {
	float: left;
	width: 241px;
	margin-right: 19px;
}
.info h2 {
	margin-bottom: 15px;
}
.info ul.rental,
.info ul.sales {
	margin-bottom: 27px;
}
.info ul li {
	clear: both;
	margin-bottom: 10px;
}
.info ul.rental li {
	margin-bottom: 4px;
}
.info ul li p {
	float: left;
}
.info h5 {
	float: right;
	width: 166px;
	padding-top: 20px;
	font-size: 116%;
}
.info h5.mansion {
	padding-top: 26px;
}
.info dl {
	position: relative;
	width: 231px;
	margin-bottom: 26px;
	padding-left: 10px;
}
.info dl.end {
	margin-bottom: 16px;
}
.info dl dt {
	line-height: 1.2;
	margin-bottom: 7px;
	padding-left: 5px;
	font-size: 116%;
	font-weight: bold;
	background: url(../img/title_s.png) no-repeat 0 bottom;
}
.info dl dd {
	padding-left: 10px;
}
.info dl dd ul li {
	display: inline;
	margin: 0 20px 0 0;
}
.info dl dd ul li a {
	white-space: nowrap;
}
.info dd.link {
	position: absolute;
	top: 0;
	right: 0;
}
.info dd.link a{
	color: #489514;
}


/* contact
--------------------------------------------------------- */
div.contact {
	background: url(../img/contact_bg_bd.png) repeat-y;
}
.contact dl {
	width: 241px;
	margin: 0;
	padding: 5px 0 0;
	background: url(../img/contact_bg_hd.png) no-repeat;
}
.contact dl dt {
	line-height: 1.5;
	margin: 0 7px 8px;
	padding: 6px 8px 5px;
	background: url(../img/contact_title.png) repeat;
}
.contact dl dd {
	padding: 0;
}
.contact dl dd p {
	line-height: 1.2;
	padding: 0 15px;
}
.contact dl dd ul {
	line-height: 1;
	padding: 8px 20px 8px;
	background: url(../img/contact_bg_ft.png) no-repeat 0 bottom;
}
.contact dl dd ul li {
	margin: 0 0 4px;
}

/* news
--------------------------------------------------------- */
div.news {
	position: relative;
	width: 501px;
	margin-bottom: 40px;
}
.news h2 {
	margin-bottom: 18px;
}
.news dl {
	padding-left: 10px;
}
.news dt {
	float: left;
	clear: both;
	margin-right: 10px;
	color: #666;
}
.news dd {
	margin-bottom: 3px;
}
.news p.link {
	position: absolute;
	top: 2px;
	right: 0;
}
.news p.link a{
	color: #489514;
}

/* reco
--------------------------------------------------------- */
div.reco {
	position: relative;
	width: 501px;
	margin-bottom: 40px;
}
.reco  h2 {
	margin-bottom: 20px;
}
.reco ul {
	width: 504px;
	overflow: hidden;
	padding-left: 10px;
}
.reco ul li {
	position: relative;
	float: left;
	width: 153px;
	height: 278px;
	margin-right: 15px;
	background: url(../img/item_bg.png) no-repeat;
}
.reco dl {
	width: 153px;
	height: 248px;
	overflow: hidden;
	font-size: 12px;
}
.reco dl dt {
	display: inline-block;/* IE6 fix */
	padding: 6px 6px 0;
}
.reco dl dt img {
	border: #CCC solid 1px;
}
.reco dl dt span {
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 3;
	width: 136px;
	height: 89px;
	text-indent: -9999px;
}

.reco dl dt span.soldout { background: url(../img/mark_soldout_mini.png) no-repeat;}
.reco dl dt span.contract { background: url(../img/mark_contract_mini.png) no-repeat;}
.reco dl dt span.full { background: url(../img/mark_full_mini.png) no-repeat;}

.reco dl dd {
	line-height: 1.4;
	padding: 0 13px 0 10px;
	color: #666;
}
.reco dl dd.info {
	line-height: 1;
	padding: 8px 13px 6px 10px;
}
.reco dl dd.des{
	padding: 0 13px 0 10px;
}
.reco dl dd h3 {
	line-height: 1.2;
	color: #333;
	font-weight: bold;
}
.reco dl dd .red {
	margin-right: 5px;
	padding-right: 5px;
	border-right: #666 solid 1px;
	font-weight: bold;
}
.reco dl dd .red span {
	font-size: 14px;
	font-weight: bold;
}
.reco dl dd .blue {
	font-size: 14px;
}
.reco dl dd .add {
	margin-top: 3px;
	font-size: 11px;
}
.reco dl dd.link {
	position: absolute;
	right: 7px;
	bottom: 7px;
	height: 16px;
	line-height: 1;
	margin-bottom: 0;
	padding: 3px 0 0 10px;
	font-size: 86%;
	text-align: right;
}
.reco dl dd.link a {
	display: inline-block;
	padding: 1px 23px 5px 0;
	color: #489514;
	background: url(../img/item_icon.gif) no-repeat right 0;
}
.reco p.link {
	position: absolute;
	top: 2px;
	right: 0;
}
* html .reco p.link {
	right: 12px;/* IE6 fix */
}
.reco p.link a{
	color: #489514;
}


/* sub  ****************************************************************/
div#sub {
	display: inline;/* IE6 fix */
	float: right;
	width: 152px;
	margin: 1px -3px 0 0;
	padding: 0 0 138px;
	background: url(../img/illust.jpg) no-repeat 0 bottom;
}
#sub li {
	margin-bottom: 20px;
}
#sub li#game {
	margin-bottom: 15px;
}

/* w_news
--------------------------------------------------------- */
li#w_news dl {
	width: 149px;
	line-height: 1.2;
	background: url(../img/w_news_bd.png) repeat-y;
}
#w_news dl dd {
	padding: 11px;
	border-bottom: #D2CFC4 solid 1px;
}
#w_news dl dd ul li {
	height: 1%;/* IE6-7 fix */
	margin-bottom: 10px;
	padding-left: 8px;
	background: url(../img/w_news_icon.png) no-repeat 0 0.35em;
}
#w_news dl dd ul li a {
	color: #444;
}

/* consul
--------------------------------------------------------- */
li#consul {
	line-height: 1.2;
}
#consul p {
	margin-bottom: 12px;
	font-size: 83%;
}
#consul dl {
	width: 149px;
}
#consul dl dt {
	margin-bottom: 11px;
	font-weight: bold;
}
#consul dl dd {
	margin-bottom: 12px;
	font-size: 83%;
}