.relative-header{
position: relative;
z-index: 1;
top:0px;
margin-left: auto;
margin-right: auto;
width:1180px;
hight:200px;
background-color: #ffcc99;
}
.relative-header-left{
position: absolute;
z-index: 2;
top:0px;
width:1000px;
hight:200px;
background-color: #ffaaff;
}
.relative-header-right{
position: absolute;
z-index: 2;
top:0px;
left:1000px;
width:180px;
hight:200px;
background-color: #ff9933;
}
.relative-center-box{
position: relative;
z-index: 2;
top:200px;
width:1180px;
hight:4800px;
margin-left: auto;
margin-right: auto;
background-color: #ffff00;
}

.relative-center-left-box{
position: absolute;
z-index: 3;
top:0px;
left:0px;
width:150px;
hight:4500px;
background-color: #ffffff;
}
.relative-center-center-box{
position: absolute;
z-index: 4;
top:0px;
left:150px;
width:850px;
hight:4500px;
background-color: #ffffff;
}
.relative-center-right-box{
position: absolute;
z-index: 5;
top:0px;
left:1000px;
width:180px;
hight:4500px;
background-color: #ffee88;
}

.relative-footer{
position: relative;
z-index: 6;
top:4700px;
width:1180px;
hight:200px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
color: #ffffff;
text-align: center;
}




img.left{
	float: left;
	margin-right: 3px;
}
img.right{
	float: right;
	margin-right: 3px;
}
img.introduce-recommend-tate{
	width: 120px; height: 150px;
}
img.introduce-recommend-yoko{
	width: 150px; height: 120px;
}
img.introduce-rental{
	width: 120px; height: 120px;
}



.recommend-index{ font-size: 80%; font-weight: bold; color:#000000;}
.this-month-index{font-size: 150%; font-weight: bold; color:#000000;}
.navi-to-other-page{font-size: 80%; font-weight: bold; color:#000000; text-align: center;}

.footer a:link{color:#ffffff;}
.footer a:visited{color:#aa00aa;}
.footer a:hover{color:#00ffff;}
.footer a:active{color:#0000ff;}



table.all{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
table.contents{
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
table.contents-quick{
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 70%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
}
td.all{
	vertical-align: top;
	padding: 0px;
}

table.search-text { font-size: 80%; font-weight: bold; text-align: center;}

table.introduce-table{
	background-color: #ffffff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/*トップページ　売買　最上部のおすすめ物件のキャプション*/
caption.index{
	font-size: 150%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#ff0000;
}



/*トップページ　売買　物件の種類ごとの設定　土地*/
td.introduce-land{
	width: 25%;
	background-color: #aaffaa;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}
/*トップページ　売買　物件の種類ごとの設定　一戸建て*/
td.introduce-house{
	width: 25%;
	background-color: #66FFFF;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}
td.introduce-house-used{
	width: 25%;
	background-color: #0066ff;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#ffffff;
}
/*トップページ　売買　物件の種類ごとの設定　新築　一戸建て*/
td.introduce-new{
	width: 25%;
	background-color: #ffee88;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}
/*トップページ　売買　物件の種類ごとの設定　賃貸*/
td.introduce-rental{
	width: 25%;
	background-color: #ffaaff;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}
/*トップページ　売買　物件の種類ごとの設定　事業用*/
td.introduce-business{
	width: 25%;
	background-color: #ffccaa;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}
/*トップページ　売買　物件の種類ごとの設定　投資用　アパート*/
td.introduce-apart{
	width: 25%;
	background-color: #ffaaaa;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}




/*トップページ　希望物件・来店予約*/

td.introduce-config-contact{
	background-color: #ffffff;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
	text-align: center;
}

/*トップページ　建築*/
td.introduce-config-build-1{
	width: 50%;
	background-color: #ffddbb;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	vertical-align: top;
	color:#000000;
}
td.introduce-config-build-2{
	width: 50%;
	background-color: #FFCC99;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	vertical-align: top;
	color:#000000;
}

/*トップページ　賃貸*/
td.introduce-config-rental-1{
	width: 20%;
	background-color: #eeffee;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}
td.introduce-config-rental-2{
	width: 20%;
	background-color: #ffffff;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}


/*土地と建物の参考プラン内*/
td.notice{
	font-size: 80%;
}
td.build-plan{
	text-align: center;
	background-color: #ffcc99;
	font-size: 80%;
	font-weight:bold;
	font-family: "MS Pゴシック",Osaka,sans-serif;
	color:#000000;
}


/*クイック検索用*/
.rollover-search-skyblue {
width:90px;
height:30px;
background:url(../image/top/quick-search-skyblue-pushed.jpg) no-repeat left bottom;
}
.rollover-search-skyblue a {
display:block;
width:90px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover-search-skyblue a:hover {
text-indent:-9999px;
}


.rollover-search-yellow {
width:90px;
height:30px;
background:url(../image/top/quick-search-yellow-pushed.jpg) no-repeat left bottom;
}
.rollover-search-yellow a {
display:block;
width:90px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover-search-yellow a:hover {
text-indent:-9999px;
}

.rollover-search-lightgreen {
width:90px;
height:30px;
background:url(../image/top/quick-search-lightgreen-pushed.jpg) no-repeat left bottom;
}
.rollover-search-lightgreen a {
display:block;
width:90px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover-search-lightgreen a:hover {
text-indent:-9999px;
}

.rollover-search-orrange {
width:90px;
height:30px;
background:url(../image/top/quick-search-orrange-pushed.jpg) no-repeat left bottom;
}
.rollover-search-orrange a {
display:block;
width:90px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover-search-orrange a:hover {
text-indent:-9999px;
}