@charset "utf-8";

/*
========================================
home page
========================================
*/

/*
----------------------------------------
home page structure
----------------------------------------
*/

/* ---- Override to Top page. ---- */

.content {
	margin:0;
	padding:0;
	clear:both;
	}

.content-main {
	margin:10px auto 5px;
	padding:0;
	width:840px;
	}
	
.searchProperty {
	width:400px;
	float:left;
	}


/* 地図検索 */
.searchProperty .mapArea {
	background:url(../image/bg-areaMap.gif) left top no-repeat;
	position:relative;
	width:100%;
	height:219px;
	}

.searchProperty .mapArea dl {
	position:absolute;
	width:115px;
	text-align:center;
	}

.searchProperty .mapArea dl#city-tokyo {left:7px; top:80px;}
.searchProperty .mapArea dl#city-tokyo23 {left:140px; top:80px;}
.searchProperty .mapArea dl#city-saitama {left:50px; top:10px;}
.searchProperty .mapArea dl#city-chiba {left:275px; top:90px;}
.searchProperty .mapArea dl#city-kanagawa {left:60px; top:150px;}

.searchProperty .mapArea .propertyNum {
	width:175px;
	position:absolute;
	left:205px;
	top:13px;
	color:#333;
	}
	
.searchProperty .mapArea .propertyNum dt {
	width:105px;
	float:left;
	font-size:13px;
	text-align:right;
	clear:both;
	line-height:1.5;
	}
	
.searchProperty .mapArea .propertyNum dd {
	width:68px;
	float:right;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	line-height:1.5;
	}


/* クイック検索 */
.quickSearch {
	float:left;
	width:210px;
	height:250px;
	margin-left:5px;
	display:inline;
	text-align:center;
	background:url(../image/bg-quickSearch.gif) left bottom no-repeat;
	}

.quickSearch .selectSearch {
	margin:10px auto 15px;
	padding-left:12px;
	text-align:left;
	}

.quickSearch .selectSearch li {padding:5px 0;
	text-align:left;}
.quickSearch .selectSearch li select {width:145px;}

.quickSearch .selectSearch li.list1 {padding-left:5px;}
.quickSearch .selectSearch li.list2 {padding-left:12px;}
.quickSearch .selectSearch li.list3 {padding-left:0;}

.quickSearch .caption {
	width:176px;
	margin:5px auto 0;
	font-size:12px;
	color:#5C6352;
	line-height:1.3;
	text-align:left;
	}


/* サイドナビ */
.sideNavi {
	width:205px;
	float:right;
	}
	
.sideNavi li {margin-bottom:2px;}


/* コンテンツサブ */
.content-sub {
	width:840px;
	margin:0 auto;
	}


/* 物件特集 */
.content-sub h3 {
	clear:both;
	margin-bottom:13px;
	}

.news-container {
	float:left;
	width:615px;
	margin:0;
	}

.propertySeries {
	padding-bottom:22px;
	margin-bottom:10px;
	background:url(../image/lineHorizon.gif) left bottom repeat-x;
	}

.otherSeries {
	float:right;
	width:205px;
	height:190px;
	background:url(../image/bg-otherSeries.jpg) left top no-repeat;
	}

.otherSeries h4 {margin:7px 0 6px 8px;}

.otherSeries .otherList {
	overflow:auto;
	width:195px;
	height:157px;
	margin:0 auto;
	background-color:#fff;
	border:1px solid #E4E6E1;
	}
	
.otherSeries .otherList ul {
	width:160px;
	margin:0 auto;
	color:#5C6352;
	}

.otherSeries .otherList ul li {
	line-height:1.4;
	margin:-1px 0 0;
	padding:7px 0 3px;
	background:url(../image/border-news-item.gif) left top repeat-x;
	}

.otherSeries .otherList ul li a {
	color:#5C6352;
	padding-left:20px;
	display:block;
	background:url(../image/arrow-news-item.gif) left top no-repeat;
	}
	
.otherSeries .otherList ul li a:hover {color:#FF6600;}

.selectedAttention{
	padding-top:5px;
	}
.selectedAttention a{
	height:15px;
	text-align: center;
	color:#5C6352;
	padding-left:20px;
	display:block;
/*	background:url(../image/arrow-news-item.gif) left top no-repeat;*/
	}
.selectedAttention a:hover {color:#FF6600;}
	
/* 情報 */
.informationContents {
	clear:both;
	float:left;
	width:615px;
	}

.informationContents h4 {margin-bottom:5px;}

.informationContents .propertyInfo {
	width:98%;
	margin:0 auto;
	height:350px;
	overflow-y:auto;
	oveflow-x:hidden;
	margin-bottom:20px;
	}
	
.informationContents .newsTopic {height:300px;}

.shortcut-container {
	width:205px;
	margin:0;
	padding:0px 0 20px 0;
	float:right;
	}

p.news-item {
	background:url("../image/border-news-item.gif") left bottom repeat-x;
	padding: 4px 0 3px 0;
	clear: both;
	zoom: 1;
	}
p.news-item:after { 
	content: "."; 
	display: block; 
	visibility: hidden; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
	clear: both;
	} 
	
span.news-date {
	color:#99cc00;
	padding:1px 0 2px 24px;
	margin: 2px 0;
	background:url("../image/arrow-news-item.gif") 0px 0px no-repeat;
	float: left;
	display: block;
	width: 87px;
	}
	
span.news-content {
	float:right;
	display: block;
	padding:0;
	width:450px;
	line-height: 1.3;
	text-align: justify;
	margin: 2px 5px 2px 0;
	padding:0; 
	}
	
*html body p.news-item {
	background:url("../image/border-news-item.gif") left bottom repeat-x;
	padding: 4px 0 3px 0;
	clear: both;
	zoom: 1;
	}
*html body span.news-date {
	color:#99cc00;
	padding:2px 0 2px 24px;
	margin: 2px 0;
	background:url("../image/arrow-news-item.gif") 0px 1px no-repeat;
	float: left;
	display: block;
	width: 87px;
	}
	
*html body span.news-content {
	float:right;
	display: block;
	padding:0;
	width:450px;
	line-height: 1.3;
	text-align: justify;
	margin: 2px 5px 2px 0;
	padding:0; 
	}
	

span.news-content a {
	color:#5C6352;
	}
	
span.news-content a:hover {
	color:#ff6600;
	text-decoration:none;
	}
	
	

.content-sub ul.form-btn-container {
	width:615px;
	margin:0;
	}

.content-sub ul.form-btn-container li {
	float:left;	
	padding-bottom:5px;
	}

.content-sub ul.form-btn-container li a{
	width: 305px;
	height:70px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:2px;
	}

.content-sub ul.form-btn-container li.btn-owner a {
	background:url("../image/btn-owner.jpg") 0 0 no-repeat;
	}
.content-sub ul.form-btn-container li.btn-tenant a {
	background:url("../image/btn-tenant.jpg") 0 0 no-repeat;
	}
.content-sub ul.form-btn-container li.btn-owner a:hover {
	background:url("../image/btn-owner_f2.jpg") 0 0 no-repeat;
	}
.content-sub ul.form-btn-container li.btn-tenant a:hover {
	background:url("../image/btn-tenant_f2.jpg") 0 0 no-repeat;
	}
	
.content-sub .shortcut-container .shortcut-sitemanager {
	margin:5px 0 0 0;
	padding:26px 5px 5px 5px;
	height:76px;
	background:url("../image/shortcut-bg-sitemanager.jpg") 0 0 no-repeat;
	}
	
/*
----------------------------------------
banner-group
----------------------------------------
*/

.banner-group {
	padding:5px 0 0 0;
	margin:0;
	}

.banner-group ul {
	padding:0;
	margin:0;
	width:195px;
	}

.banner-group ul li {
	width:195px;
	line-height:0;
	}

.banner-group li span {
	display:block;
	margin:6px 0 10px;
	/margin:3px 0 10px;
	font-size:10px;
	}
	
.banner-group li span em {
	font-style:normal;
	padding:2px 4px;
	line-height:1em;
	margin-right:4px;
	color:#fff;
	background-color:#666;
	}
	

/*
----------------------------------------
verisign
----------------------------------------
*/

div.verisign {
	margin-top:10px;
	}

div.verisign table td.txtFlashPlayer {
	padding-left:10px;
	font-size:x-small;
	}

/*
----------------------------------------
page-scroller
----------------------------------------
*/

.page-scroller-container {
	clear:both;
	padding:0 15px 0 0;
	text-align:right;
	}


/*
----------------------------------------
tab
----------------------------------------
*/

div.tab-row ul {
	background:url(../image/topInfoBg.jpg) left bottom repeat-x;
	padding:2px 5px 0;
	height:27px;
	}

div.tab-row ul li {
	float:left;
	width:150px;
	margin-left:1px;
	display:inline;
	}
	
div.tab-row ul li a {
	display:block;
	height:27px;
	color:#5C6352;
	text-decoration:none;
	background:url(../image/topInfoTab.jpg) left top no-repeat;
	}
	
div.tab-row ul li a:hover {
	background:url(../image/topInfoTab_f2.jpg) left top no-repeat;
	text-decoration:none;
	}
	
div.tab-row ul li.selected a {
	color:#fff;
	font-weight:bold;
	background:url(../image/topInfoTab_f3.jpg) left top no-repeat;
	}
	
div.tab-row ul li.selected a:hover {background:url(../image/topInfoTab_f3.jpg) left top no-repeat;}
	
div.tab-row ul li a span {
	width:140px;
	margin:0 auto;
	padding-top:9px;
	line-height:9px;
	height:18px;
	text-align:center;
	display:block;
	cursor:pointer;
	}
