
<style type="text/css">
<!--

/* commom */
body {
 text-align:center;
 background-color:#f2f2f2;
}  



#wrap {
 width:780px;
 text-align:left; 
 margin:0 auto;
}  

#inner { margin:0 0px; }  
.header {
   width:780px;
   height: 80px;
   background-image : url('img/title.jpg');
}



#topmenu ul{
   list-style:none;
   margin:0;
   padding:0;
    height:30px;
}
 
#topmenu li{
   margin:0;
   padding:0;
   float:left;

}

#topmenu a{
    display:block;  
    margin:0px;
	width:194px;
	height:30px;
    text-align:center;
    text-decoration:none;
}


a.top{
    color:#000000;
    background-image:url('img/top_b.gif');
}
a:hover.top{
    color:#ffffff;
    background-image:url('img/top_s.gif');
}
a.rent{
    background-image:url('img/rent_b.gif');
}
a:hover.rent{
    background-image:url('img/rent_s.gif');
}
a.buy{
    background-image:url('img/buy_b.gif');
}
a:hover.buy{
    background-image:url('img/buy_s.gif');
}
a.comp{
    background-image:url('img/comp_b.gif');
}
a:hover.comp{
    background-image:url('img/comp_s.gif');
}

#bottom{
  font-size: 12px;
  height:40px;
 text-align:center;
}


#footer{
 background:#3399ff;
 border-top:1px solid #999999; 
 text-align:center;
 font-size:10px;
 height:30px;
}
#mainWrap { width:570px; float:left; font-size:12px; }  
#sideWrap { width:200px; float:right; }  
.clear { clear:both; }  
.clear hr { display:none; }

h1{
  color:#cccccc;
  margin:0px;
  font-size: 10px;
  font-weight: normal;
}
h2{
  color:#000000;
  margin:0px;
  font-size: 12px;
  font-weight: normal;
  border-bottom:1px solid #3399ff; 
}
h3{
  margin:0;
  color:#ffffff;
  background:#3399ff;
  font-weight: normal;
  font-size: 12px;

}
h4{
  margin:0;
  color:#999999;
  font-weight: normal;
  font-size: 10px;
}
ul.list1 a{
    margin:0;
    padding:0;
    color:#000000;
    text-align:center;
    text-decoration:none;

}

ul.list2 a{
    margin:0;
    padding:0;
    color:#999999;
    text-align:center;
    text-decoration:none;
}


ul.listya a{
    margin:0;
    padding:0;
    color:#666666;
    text-align:center;
    text-decoration:none;
}


a:hover.link1{
    color:#ff0000;
}

a:link.link2{
    font-size: 8px;
    color:#330000;
}
a:visited.link2{
    font-size: 8px;
    color:#330000;
}
a:hover.link2{
    font-size: 8px;
    color:#3399ff;
}
a:active.link2{
    font-size: 8px;
    color:#330000;
}


/* top */

.frametitle{
	
}

#chintai{
	height:530px;
}

#baibai{
	height:560px;
}

.frameTop {
     background: url('img/contents_top.gif') no-repeat;
     width: 570px;
     height: 16px;
}
.frameBody {
     background: url('img/contents_center.gif') repeat-y;
     width: 570px;
     height: 520px;
}
.frameBodyC {
     background: url('img/contents_center.gif') repeat-y;
     width: 570px;
     height: 490px;
}
 .frameBottom {
     background: url('img/contents_bottom.gif') no-repeat;
	 height: 23px;
}
.frametext{
    margin:0px 20px;
    font-size:12px;
    color:#3399ff;
}

.frametextrank{
    height:360px;
    margin:0px 20px;
    font-size:12px;
    color:#3399ff;
}
.sideTop {@
     margin:0px;
     background: url('img/side_top.gif') no-repeat;
     background-position:bottom center;
     height:15px;
     width: 200px;
}
.sideBody {@
     margin:0px;
     background: url('img/side_center.gif') repeat-y;
     width: 200px;
}

.sideBody#information {
     margin:0px;
     background-position:top center;
}
.sideBody#topic {
     margin:0px;
     background-position:top center;
}


 .sideBottom {@
     margin:0px;
     background: url('img/side_bottom.gif') no-repeat;
     width: 200px;
     height: 18px;
}
.sidetext{
    margin:0px 20px 10px;
}

h2.side{
  color:#ffffff;
  border-bottom:1px solid #ffffff; 

}

#link .box{
  margin: 10px 0px 0px 20px;
  color:#ffffff;

}

#link ul{
 padding:0px;
 margin:0px;
}

#link li{
padding:0px;
margin:0px;
 list-style-image: url('img/listyab.gif')
;}

li.list{
 margin:0px;
 padding:0px;
 list-style-image: url('img/list.gif');
}
li.map { 
 margin:0px;
 padding:0px;
 list-style-image: url('img/map.gif');
 
 }
li.condition { 
 margin:0px;
 padding:0px;
 list-style-image: url('img/condition.gif'); 
 }

.car, .house, .tenanto, .mansion, .tochi{
   margin:0;
   padding:0;
   width:210px;
   height:85px;
   background:#3399ff; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:0px
;}
#carpic{
   width:60px;
   height:80px;
   background:url('img/car.gif');
   float:left;
}
#housepic{
   width:60px;
   height:80px;
   background:url('img/house.gif');
   float:left;
}
#tenantopic{
   width:60px;
   height:80px;
   background:url('img/tenanto.gif');
   float:left;
}
#mansionpic{
   width:60px;
   height:80px;
   background:url('img/mansion.gif');
   float:left;
}
#tochipic{
   width:60px;
   height:80px;
   background:url('img/tochi.gif');
   float:left;
}

.rentlistbox{
   margin:5;
   height:75px;
   width:135px;
   background:#ffffff;
   float:right;
}
.box1{
   width:120px;
   background:#ffffff;
}
.box2{
   margin-top:10px;
   text-align:center;
   color:#3399ff;
}

ul.list1{
   margin:0px 0px 0px 20px; 
   list-style:none;
   padding:0px;

}

ul.list2{
   margin:0px 0px 0px 0px; 
   list-style:none;
   padding:0px;
}
li.list2{
 margin:0px; 
 padding:0px; 
 float:left;

}

.leftbox{
 width:210px;
 float:left;
}

.rightbox{
 width:320px;
 float:right;
}

li.listya{
 list-style-image: url('img/listya.gif');
}

.Cosusume{
 height:150px;
 margin:4px;
 width:310px;
 border:solid 1px #999999;
}

.Cnew{
 margin:4px;
 width:310px;
 height:310px;
 border:solid 1px #999999;
}

.Bosusume{
 margin:4px;
 width:310px;
 border:solid 1px #999999;
}

.Bnew{
 margin:4px;
 width:310px;
 height:200px;
 border:solid 1px #999999;
}

.obox{
   margin:1px 0px 1px 0px; 
 width:76px;
 float:left;

}

.Ccomment{
 margin:5px;
 color:#999999;
 border-top:dotted 1px #3399ff;
 font-size:11px;
 text-align:center;
 clear:both;
}
.Ccontent{
 text-align:center;
 margin:3px;
 font-size:11px;
 clear:both;

}
.Bcomment{
 margin:5px;
 height:20px;
 color:#999999;
 border-top:dotted 1px #3399ff;
 font-size:11px;
 text-align:center;
 clear:both;
}
.Bcontent{
 text-align:center;
 margin:3px;
 font-size:11px;
 clear:both;

}

a#t1{
    display:block;  
    background-image:url('img/t1.jpg');
	width:75px;
	height:50px;
}
a:hover#t1{
    background-image:url('img/t1_m.jpg');
}


a#t2{
    display:block;  
    background-image:url('img/t2.jpg');
	width:75px;
	height:50px;
}
a:hover#t2{
    background-image:url('img/t2_m.jpg');
}
a#t3{
    display:block;  
    background-image:url('img/t3.jpg');
	width:75px;
	height:50px;
}
a:hover#t3{
    background-image:url('img/t3_m.jpg');
}
a#t4{
    display:block;  
    background-image:url('img/t4.jpg');
	width:75px;
	height:50px;
}
a:hover#t4{
    background-image:url('img/t4_m.jpg');
}


a#b1{
    display:block;  
    background-image:url('img/b1.jpg');
	width:75px;
	height:50px;
}

a#b2{
    display:block;  
    background-image:url('img/b2.jpg');
	width:75px;
	height:50px;
}

a#b3{
    display:block;  
    background-image:url('img/b3.jpg');
	width:75px;
	height:50px;
}

a#b4{
    display:block;  
    background-image:url('img/b4.jpg');
	width:75px;
	height:50px;
}

.osusume.list1{
    text-decoration:none;

}

.listline li{
    width:95%;
    margin:0px;
    border-bottom:dotted 1px #3399ff;
}



a#favorite{
    display:block;  
    width:149px;
    height:34px;
    background:url('http://www.cyber-estate.jp/vrestate/search/img/bt-favorite01.gif'); 
}

a:hover#favorite{
    background:url('http://www.cyber-estate.jp/vrestate/search/img/bt-favorite02.gif'); 	
}

a#qanda{
        display:block;  
	width:200px;
	height:40px;
	background:url('img/qanda.gif'); 
}
a:hover#qanda{
	width:200px;
	height:40px;
	background:url('img/qanda2.gif'); 
}

a#weekly{
	margin:5px 0px;
        text-decoration:none;
	width:200px;
	height:40px;
        display:block;  
	background:url('img/weekly.gif'); 
}

a:hover#weekly{
	width:200px;
	height:40px;
	background:url('img/weekly2.gif'); 
}


a#kaiyaku{
	margin:5px 0px;
        text-decoration:none;
	width:200px;
	height:40px;
        display:block;  
	background:url('img/kaiyakumail.gif'); 
}
a:hover#kaiyaku{
	color:#ffffff;
	background:url('img/kaiyakumail2.gif'); 
}



#rank1{
	margin-top:20px;
	height:60px;
	width:20px;
	background:url('img/rank1.gif') no-repeat; 
	float:left;
}
#rank2{
	margin-top:20px;
	height:45px;
	width:20px;
	background:url('img/rank2.gif') no-repeat; 
	float:left;
}
#rank3{
	margin-top:20px;
	height:45px;
	width:20px;
	background:url('img/rank3.gif') no-repeat; 
	float:left;
}
#rank4{
	margin-top:20px;
	height:45px;
	width:20px;
	background:url('img/rank4.gif') no-repeat; 
	float:left;
}
#rank5{
	margin-top:20px;
	height:45px;
	width:20px;
	background:url('img/rank5.gif') no-repeat; 
	float:left;
}

.rank1conts{
	margin-top:5px;
	width:130px;
	height:75px;
	float:right;
	background:#ffffff;	

}
.rankc{
	margin-top:5px;
	width:130px;
	height:60px;
	float:right;
	background:#ffffff;	
}
.rankimg1{
	align:center;
	float:left;
}
.ranktext1{
	float:rignt;
}
.rankimg{
	margin-top:5px;
	align:center;
	float:left;
}
.ranktext{
	margin-top:5px;
	float:rignt;
}
-->
</style>
