/* CSS Document */

/*-------------------------------------------------------

index.css
トップページのみに使用されるスタイルを記述

-------------------------------------------------------*/

#indexBody {
    background: url(/index/img/bg_index_body.gif) repeat-x 0 0;
	width: 100%;
}

.logoBox h1,.logoBox h1 a { background: url(/common/img/logo.gif) no-repeat 0 0; height: 68px; text-indent: -9999em; display: block; }

/* メインイメージエリア
-------------------------------------------------------*/
#mainImageArea {
    width: 900px;
	padding: 0 10px 0;
	margin-top: 10px;
	background-color: #FFFFFF;
}

#mainImageArea .flashBox {
    float: left;
	width: 695px;
}

#mainImageArea .bannerBox {
    float: right;
	width: 184px;
	height: 238px;
	border: solid 4px #e1e1e1;
	padding: 4px 4px 0;
}

#mainImageArea .bannerBox img {
    margin-bottom: 4px;
}

/* メインコンテンツエリア
-------------------------------------------------------*/
#mainConArea {
    width: 900px;
	background: url(/index/img/bg_mainCon_middle.gif) repeat-y 0 0;
}

#mainConArea .buyBox,
#mainConArea .sellBox,
#mainConArea .rentBox,
#mainConArea .parkingBox {
    width: 220px;
}

#mainConArea .buyBox { float: left; margin-right: 7px; }
#mainConArea .sellBox { float: left; margin-right: 6px; }
#mainConArea .rentBox { float: left; }
#mainConArea .parkingBox { float: right; }

#mainConArea .buyBox h2,
#mainConArea .sellBox h2,
#mainConArea .rentBox h2,
#mainConArea .parkingBox h2 {
    height: 40px;
	text-indent: -9999em;
}
#mainConArea .buyBox h2 { background:url(/index/img/h2_buy.gif) no-repeat 0 0;}
#mainConArea .sellBox h2 { background:url(/index/img/h2_sell.gif) no-repeat 0 0;}
#mainConArea .rentBox h2 { background:url(/index/img/h2_rent.gif) no-repeat 0 0;}
#mainConArea .parkingBox h2 { background:url(/index/img/h2_parking.gif) no-repeat 0 0;}

#mainConArea .mainConBox {
    width: 210px;
	margin: 0 auto;
	padding: 10px 0 5px;
}

#mainConArea .mainConBox dl dt.thumBox {
    float: left;
	width: 50px;
}

#mainConArea .mainConBox dl dd.txtBox {
    float: right;
	width: 150px;
}

#mainConArea .mainConBox dl dd.txtBox a {
    background: url(/common/img/arrow_blue.gif) no-repeat 0 0.08em;
	_background-position: 0 0.10em;
	padding: 0 0 0 15px;
	text-decoration: none;
}

#mainConArea .mainConBox dl dd.txtBox a:hover { text-decoration: underline; }


.indexSeparateLine {
    border-bottom: solid 5px #d3d3d3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* お知らせ・バナーエリア
-------------------------------------------------------*/
#leftArea {
    float: left;
	width: 680px;
}

#rightArea {
    float: right;
	width: 200px;
}

#rightArea .bannerBox img { margin-bottom: 5px; }

/*************** お知らせ ***************/
#information {
    background-color: #f2eded;
	padding: 10px;
}

#information .infoBox {
    overflow: auto;
	/*width: 570px;*/
	/*height: 260px;*/
	/*height: 345px;*/
	/*height: 415px;*/
	height: 270px;
}

/* 定義型リスト */
#information dl.dlList {
    /*border-bottom: dotted 1px #cbcbcb;*/
    margin: 0px;
    /*padding: 8px 5px;*/
	padding: 0 5px;
}

#information dl.dlList dt {
    float: left;
    width: 6em;
	line-height: 1.4em;
	display: block;
}

#information dl.dlList dd {
	/*margin-left: 6.5em;*/
	padding-left: 6.5em;
	line-height: 1.4em;
	border-bottom: dotted 1px #cbcbcb;
	margin-bottom: 8px;
	padding-bottom: 8px;
	display: block;
}

/*************** トピックス ***************/
#topics {
    background-color: #f9eee8;
	padding: 10px;
	margin-bottom: 20px;
}

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


/*************** タイトル ***************/
h2.h2Normal { margin-bottom: 10px; }
h3.h3Normal { margin-bottom: 10px; }

/*************** 仲介物件について ***************/
#businessArea { margin-bottom: 10px; }
#businessArea .leftBox {
    float: left;
	width: 285px;
	border-right: dotted 1px #8da823;
	padding-right: 9px;
	margin-bottom: 25px;
}
#businessArea .rightBox {
    float: right;
	width: 285px;
	margin-bottom: 25px;
}



/*************** 新着分譲物件 ***************/
#newArea {
    background-color: #eaf0f2;
	padding: 10px;
	margin-bottom: 20px;
}

#newArea dl.dlList dt {
    float: left;
    width: 170px;
	display: block;
}

#newArea dl.dlList dd {
	margin-left: 180px;
	display: block;
	text-align: right;
}

#newArea .dotline {
    border-top: dotted 1px #aac5ce;
	padding-top: 8px;
	margin-top: 8px;
}



/*************** 駐車場情報 ***************/
#parking {
    /*float: left;
	width: 145px;*/
}

#parking .inner { padding: 0 10px; }