/* CSS Document */

body{
background:#F3F3F3!important;
}

#header{
width:100%;
height:58px;
background:#F3F3F3!important;
border-top:2px solid #3AC1E2!important;
}

#header_inner{
margin:0 auto;
width:880px;
height:58px;
padding:0 10px;
background:#000!important;
}

#indexCompo{
background:#333;
width:900px;
margin:0 auto;
}

#dtp{
float:left;
padding:8px 20px 0 0;
width:162px;
height:40px;
}

h1{
	float:left;
	padding:5px 0 0;
	width:300px;
	color:#CCCCCC;
	font-size:20px;
	line-height:40px;
	letter-spacing: 0.3em;
	font-weight: bold;
}

h1 a{
color:#666;
}

h2#logo{
float:right;
padding:6px 0 0;
width:390px;
height:45px;
}

#siyou_text{
width:880px;
margin:0 auto 5px;}

/*フラッシュ*/
#flash{
margin:0 auto;
width:1200px;
max-width: 100%;
min-width: 900px;
height:287px;
}

#pdfTop {
text-align:center;
}

/*新メニュー*/
#newMenu{
	width:880px;
	margin:0 auto;
	padding:10px 0 0;
	}
	
#newMenu li{
width:223px;
height:223px;
float:left;
	}
	
#newMenu li.newMenu_right{
width:211px!important;}

/*ミッド部分*/
#mid{
width:100%;
padding:10px 0 0;
height:295px;
background:#4C4C4C;
float:none;
clear:both;
}

#mid_box{
margin:0 auto;
width:880px;
}

#mainContents{
float:left;
width:340px;
}

#ranking{
width:340px;
margin:0 0 10px;
}

#ranking a{
display:block;
width:340px;
height:155px;
text-indent:-9999px;
}

#ranking a,#ranking a:link{				background:url(images/ranking.png) no-repeat 0 0;}
#ranking a:hover,#ranking a:focus{		background:url(images/ranking.png) no-repeat 0 -155px;}

#tenji{
margin:0 0 10px;
}

#tenji a{
display:block;
width:340px;
height:120px;
text-indent:-9999px;
}

#tenji a,#tenji a:link{				background:url(images/btn_jyutakutenji.png) no-repeat 0 0;}
#tenji a:hover,#tenji a:focus{		background:url(images/btn_jyutakutenji.png) no-repeat 0 -120px;}


#topics{
float:right;
width:520px;
height:285px;
}

#topics h3{
float:right;
width:520px;
height:52px;
}

#topics dl{
font-size:12px;
line-height:20px;
vertical-align:middle;
float:right;
width:520px;
height:233px;
paddig:5px 0 0 ;
overflow:auto;
}

#topics dl dt{
color:#0081BF;
}
#topics dl dd{
padding:0 0 0 15px;
width:485px;
color:#FFF;
background:url(images/topcs_arrow.gif) no-repeat 4px 7px;
}

#topics dl dd a,#topics dl dd a:link{color:#FFF; text-decoration:underline;}
#topics dl dd a:focus,#topics dl dd a:hover{color:#009FEC; }


#banner_box{
background:#333;
margin:10px auto 0;
padding:0 0 0 10px;
width:870px;
float:none;
clear:both;
}

div.bannerLarge{
float:left;
width:870px;
height:70px;
padding:10px 0 0 0;
}
div.banner{
float:left;
padding:0 10px 0 0;
width:280px;
height:90px;
}
div.banner_right{
float:left;
width:280px;
height:90px;
}


/*ボタン部分*/
#btn_box{
clear:both;
margin:10px auto 0;
width:860px;
height:190px;
}

div.btn{
float:left;
padding:0 4px 0 0;
width:212px;
height:95px;
}
div.btn_right{
float:left;
padding:0;
width:212px;
height:95px;
}

a#tv,
a#sell,
a#freeplan,
a#mobile,
a#staff,
a#build,
a#custom,
a#koe,
a#com{
display:block;
width:212px;
height:95px;
text-indent:-9999px;
cursor:pointer;
}

a#tv,a#tv:link{background:url(images/btn_tv.jpg) no-repeat 0 0;}
a#tv:focus,a#tv:hover{background:url(images/btn_tv.jpg) no-repeat -212px 0;}
a#sell,a#sell:link{background:url(images/btn_sell.jpg) no-repeat 0 0;}
a#sell:focus,a#sell:hover{background:url(images/btn_sell.jpg) no-repeat -212px 0;}
a#freeplan,a#freeplan:link{background:url(images/btn_freeplan.jpg) no-repeat 0 0;}
a#freeplan:focus,a#freeplan:hover{background:url(images/btn_freeplan.jpg) no-repeat -212px 0;}
a#mobile,a#mobile:link{background:url(images/btn_mobile.jpg) no-repeat 0 0;}
a#mobile:focus,a#mobile:hover{background:url(images/btn_mobile.jpg) no-repeat -212px 0;}
a#staff,a#staff:link{background:url(images/btn_staff.jpg) no-repeat 0 0;}
a#staff:focus,a#staff:hover{background:url(images/btn_staff.jpg) no-repeat -212px 0;}
a#build,a#build:link{background:url(images/btn_build.jpg) no-repeat 0 0;}
a#build:focus,a#build:hover{background:url(images/btn_build.jpg) no-repeat -212px 0;}
a#custom,a#custom:link{background:url(images/btn_custom.jpg) no-repeat 0 0;}
a#custom:focus,a#custom:hover{background:url(images/btn_custom.jpg) no-repeat -212px 0;}
a#koe,a#koe:link{background:url(images/btn_koe.jpg) no-repeat 0 0;}
a#koe:focus,a#koe:hover{background:url(images/btn_koe.jpg) no-repeat -212px 0;}
a#com,a#com:link{background:url(images/btn_com.jpg) no-repeat 0 0;}
a#com:focus,a#com:hover{background:url(images/btn_com.jpg) no-repeat -212px 0;}

/*バナーリンク*/
#bannerCompo{
	width:860px;
	height:80px;
	margin:10px auto 0;
	}

#contents{
	background:#333!Important;
	color:#333;
	font-size:12px;
	line-height:20px;
	vertical-align:middle;
	clear:both;
	width:880px;
	margin:0 auto!important;
	padding:0 0 10px!important;
}


/*エリア別おすすめ物件*/
#osusumeCompo{
	margin:10px 0;
	float:none;
	clear:both;
	}

#osusumeCompo ul{
	padding:0 0 10px;
	height:120px;
	}

#osusumeCompo ul li{
	width:148px;
	height:120px;
	display:block;
	float:left;
	}

#osusumeCompo ul li.end{
	width:140px!important;
	}
	
#osusumeCompo ul li a{
	width:140px;
	height:120px;
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	}
	
#osusumeCompo ul li#OCwakaaba a{ 	background:url(images/osusume_compo.png) 0 0 no-repeat;			}
#osusumeCompo ul li#OCfunabashi a{ 	background:url(images/osusume_compo.png) -140px 0 no-repeat;	}
#osusumeCompo ul li#OCnarashino a{ 	background:url(images/osusume_compo.png) -280px 0 no-repeat;	}
#osusumeCompo ul li#OCyotsukaido a{ background:url(images/osusume_compo.png) -420px 0 no-repeat;	}
#osusumeCompo ul li#OCsakura a{ 	background:url(images/osusume_compo.png) -560px 0 no-repeat; 	}
#osusumeCompo ul li#OCyachiyo a{ 	background:url(images/osusume_compo.png) -700px 0 no-repeat;	}
	
#osusumeCompo ul li#OCwakaaba a:hover{ 		background:url(images/osusume_compo.png) 0 -120px no-repeat;		}
#osusumeCompo ul li#OCfunabashi a:hover{ 	background:url(images/osusume_compo.png) -140px -120px no-repeat;	}
#osusumeCompo ul li#OCnarashino a:hover{ 	background:url(images/osusume_compo.png) -280px -120px no-repeat;	}
#osusumeCompo ul li#OCyotsukaido a:hover{ 	background:url(images/osusume_compo.png) -420px -120px no-repeat;	}
#osusumeCompo ul li#OCsakura a:hover{ 		background:url(images/osusume_compo.png) -560px -120px no-repeat; 	}
#osusumeCompo ul li#OCyachiyo a:hover{ 		background:url(images/osusume_compo.png) -700px -120px no-repeat;	}



/*広告・賃貸*/
#adchintaiCompo{
	margin:0 10px 10px;
	clear:both;
	float:none;
	}


#pdf{
width:435px;
float:left;
margin:0 0 10px;
}

#pdf a{
display:block;
width:425px;
height:60px;
text-indent:-9999px;
}

#chintai{
float:left;
display:block;
width:425px;
height:60px;
}

#chintai a{
width:425px;
display:block;
height:60px;
text-indent:-9999px;
}

#pdf a,#pdf a:link{					background:url(images/btn_pdf.png) no-repeat 0 0;}
#pdf a:hover,#pdf a:focus{			background:url(images/btn_pdf.png) no-repeat 0 -60px;}

#chintai a,#chintai a:link{			background:url(images/btn_chintai.png) no-repeat 0 0;}
#chintai a:hover,#chintai a:focus{	background:url(images/btn_chintai.png) no-repeat 0 -60px;}