@charset "utf-8";


/*
--------------------------------------------------------
Since: 2010-04-31
Modified: none
Guideline: Ver1.0
Editor: DW8
-------------------------------------------------------- */

body {
margin:0;
padding:0;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
line-height: 1.5;
font-size: 12px;
*font-size: 73%; /*for IE6,IE7*/
color:#333;
background:#F4F4F4;
}

p,dl,dt,dd,div,ol,ul,li{ 
margin:0px;padding:0px;
}

ul,li {
list-style:none;
}

a img { border:0; }

img { vertical-align: bottom; }

hr { display: none; }

.clearfix:after {
  content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

textarea { font-size: 100%; }

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}

a:link{
color:#169100;
text-decoration:underline;

}
a:hover{
color:#FF6600;
text-decoration:none;

}
a:visited{
color:#169100;
text-decoration:underline;
}
a:active{
color:#FF6600;
text-decoration:underline;
}

label:hover {
background-color:#DCF6CF;
}

.iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

/*基本設定終了*/

/*-----------------------------------------------
spacer
-----------------------------------------------*/
.mt05{
margin-top:5px !important;
}
.mt10{
margin-top:10px !important;
}
.mt15{
margin-top:15px !important;
}
.mt20{
margin-top:20px !important;
}
.mt25{
margin-top:25px !important;
}
.mt30{
margin-top:30px !important;
}
.mt40{
margin-top:40px !important;
}
.mb30{
margin-bottom:30px !important;
}
.mm05{
margin-bottom:5px !important;
}
.cen{
text-align:center !important;
}


.r12{
color:#CC3300;
}

.r14{
color:#CC3300;
font-size:14px;
}


.r30{
color:#CF4242;
font-weight:bold;
font-size:30px;
}

.ol18{
font-size:18px;
color:#FF6633;
font-weight:bold;
}

.green14{
color:#006600;
font-weight:bold;
font-size:14px;
}

.green16{
color:#006600;
font-weight:bold;
font-size:16px;
}

.bk16{
font-size:16px;
}

.bk18{
font-size:18px;
}


/*head*/
#head{
background: url(../img/head_bk.jpg) repeat-x;
height:100px;
}

#head ul{
width:930px;
margin:0 auto;
padding:15px 0 0 0;
position:relative;
}

#head li{
float:left;
}
#head_01{
margin:10px 30px 0 0;
}
#head_02{
position:absolute;
top:35px;
left:250px;
}
#head_03{
position:absolute;
top:15px;
right:0px;
}

#head h1{
color:#fff;
font-size:12px;
font-weight:normal;
margin:5px 0 0 0;
padding:0;
}


/*wrap*/
#wrap{
background: url(../img/contents_bk.jpg) repeat-y #F4F4F4;
margin:0 auto;
width:980px;
}

/*contents*/
#contents{
width:930px;
margin:0 auto;
min-height: 450px;
height: auto !important;
height: 450px;
}

#pan{
font-size:14px;
text-align:right;
padding:15px 0 0 0;
}

#pan h2{
margin:0;
color:#666;
font-size:14px;
font-weight:bold;
display:inline;
}

#contents h3{
background: url(../img/title01_bk.jpg) no-repeat;
width:930px;
height:41px;
color:#006600;
font-weight:bold;
font-size:14px;
line-height:3.0em;
text-indent:16px;
}

#contents h4{
background:#CAECC4 url(../img/title02_bk.jpg) no-repeat 10px center;
height:41px;
color:#333333;
font-weight:bold;
font-size:14px;
line-height:3.0em;
text-indent:25px;
margin:30px 0 0 0;
*margin:50px 0 0 0;/*forIE6,7*/
}


/*pagetop*/
#pagetop {
width:930px;
margin:0 auto;
padding:35px 15px 10px 0;
text-align:right;
font-size:1px;/*for IE6*/
line-height:1px;/*for IE6*/
}

/*foot*/
#foot{
background:#EDEDED;
color:;
margin:0 auto;
width:900px;
padding:15px;
}

#foot_l{
float:left;
width:300px;
}

#foot_r{
float:right;
width:345px;
text-align:right;
}

.Area01{
margin:0 auto;
width:900px;
}

.Area02{
background:url(../img/area_bk.jpg) no-repeat center bottom;
min-height:518px;
height:auto !important;
height:518px;
}

.Area02-1{
margin:0 auto;
width:840px;
padding:30px;
}

.flow01{
text-align:center;

}




/*賃貸物件検索TOP*/

.btn01{
text-align:center;
padding:40px 0 0 0;
}

.btn01 li{
display:inline;
margin:0 10px 0 0;
}

.btn01-1{
position:relative;
top:-5px;
*top:0px;
}


/*沿線・駅から検索*/

.station01{
width:650px;
margin:30px auto 0 auto;
font-size:16px;
font-weight:bold;
}

.station01 .ss01{
background:#FE9820;
text-align:center;
}

.station01 .ss02{
text-align:center;
vertical-align:top;
padding:5px 0 0 0;
}

.station01 .ss03{
padding:0 0 5px 0;
}

.station01 .ss04{
background:#12A2DE;
text-align:center;
}

.station01 .ss05{
background:#D53F82;
text-align:center;
}

.station01 .ss06{
background:#D9BA28;
text-align:center;
}


/*予算選択*/
.station02{
width:650px;
margin:80px auto 50px auto;
}

.station02 .ss01{
width:200px;
}

.station02 .ss02{
text-align:center;
width:100px;
}

.station02 .ss03{
background:#BCE7B8;
padding:5px;
}
.station02 .ss04{
background:#E0FCC2;
padding:5px;
}

/*間取り選択*/

.station03{
width:650px;
margin:80px auto 30px auto;
}

.station03 .ss01{
background:#BCE7B8;
padding:5px;
}
.station03 .ss01 img{
vertical-align:top;
}
.station03 .ss02{
background:#E0FCC2;
padding:5px;
}
.station03 .ss02 img{
vertical-align:top;
}

/*物件タイプ選択*/
.station04{
width:650px;
margin:80px auto 50px auto;
}

.station04 .ss01{
background:#BCE7B8;
padding:5px;
width:140px;
margin:0 10px 0 0;
}
.station04 .ss01 img{
vertical-align:top;
}
.station04 .ss02{
background:#E0FCC2;
padding:5px;
width:140px;
}
.station04 .ss02 img{
vertical-align:top;
}

/*住所検索*/

.add_list{
width:570px;
}

.add_list li{
float:left;
width:114px !important;
}

.add_list02{
width:570px;
}

.add_list02 li{
float:left;
width:142px !important;
}

.tab_03 {
width:650px;
margin:30px auto 0 auto;
padding:0;
}

.tab_03 li{
display:inline;
}

.tab_01{
width:650px;
margin:0px auto 0 auto;
}
.tab_01_l{
float:left;
height:auto;
width:574px;
padding:15px;
border:3px solid #009900;
min-height:500px;
height: auto !important;
height: 500px;
background:#FFFFFF;
}

.tab_02{
width:570px;
margin:0 0 30px 0;
}

.tab_02 td{
padding:15px 0 0 0;
background:url(../../image/line.gif) repeat-x bottom;
}

.tab_01_r{
float:right;
height:auto;
width:40px;
}

.tab_01_r li{
margin:0 0 2px 0;
}

.station05{
width:650px;
margin:80px auto 50px auto;
}

.station05 .ss01{
width:200px;
}

.station05 .ss02{
width:450px;
}



/*物件一覧*/

.table_01{
border:2px solid #888888;
width:930px;
margin:10px 0 0 0;
}

.table_01 th{
text-align:left;
background:#DBF7CF;
padding:7px;
border-bottom:2px solid #888888;
}

.table_01 td{
font-size:14px;
padding:10px;
color:#666666;
}


#narabikae{
border:1px solid #D7D7D7;
background:#F0F0F0;
padding:7px;
font-size:14px;
margin:20px 0 0 0;
}

#narabikae a:link{
color:#0066CC !important;
text-decoration:underline;
}
#narabikae a:hover{
color:#99CCFF !important;
text-decoration:none;
}
#narabikae a:visited{
color:#0066CC !important;
text-decoration:underline;
}
#narabikae a:active{
color:#0066CC !important;
text-decoration:underline;
}


.navi{
text-align:center;
margin:10px 0;
font-size:18px;
}

.navi li{
border:2px solid #0066CC;
padding:3px 5px;
margin:0 5px 0 0;
display:inline;
height:30px;
}
.navi02{
border:0 !important;
font-weight:bold;
color:#CC0000;
}

.navi02 span{
font-size:14px !important;
color:#333 !important;
}


.navi03{
border:2px solid #999999 !important;
}

.navi img{
*position:relative;
*top:-7px;
}
.navi a:link{
color:#0066CC !important;
text-decoration:underline;
font-weight:bold;
}
.navi a:hover{
color:#99CCFF !important;
text-decoration:none;
font-weight:bold;
}
.navi a:visited{
color:#0066CC !important;
text-decoration:underline;
font-weight:bold;
}
.navi a:active{
color:#0066CC !important;
text-decoration:underline;
font-weight:bold;
}


.bukken_ichiran_l{
float:left;
width:460px;
height:auto;
}

.bukken_ichiran_r{
float:right;
width:460px;
height:auto;
}

.table_02{
border-top:1px solid #888888;
border-left:1px solid #888888;
border-bottom:1px solid #888888;
width:460px;
margin:10px 0 0 0;
}

.table_02 td{
color:#666666;
vertical-align:middle;
text-align:center;
}

.table_02_01{
width:30px;
border-right:1px solid #888888;
background:#FDFFD5;
}
.table_02_02{
width:430px;
}

.table_03{
width:430px;
margin:0;
text-align:center;
font-size:12px;
}
.table_03 th{
background:#DCF6CF;
border-bottom:1px solid #888888;
border-right:1px solid #888888;
height:45px;
}
.table_03 td{
border-right:1px solid #888888;
border-bottom:1px solid #888888;
height:45px;
text-align:left;
padding:0 3px;
}

.table_03 .t01{
width:145px;
}

.table_04{
width:430px;
text-align:center;
padding:10px;
border-right:1px solid #888888;
}

.table_04_0{
width:180px !important;
height:200px !important;
padding:0;
margin:0;
}

.table_04_1{
width:180px !important;
height:180px !important;
border:1px solid #B7B7B7;
background:#E3E3E3;
padding:0;
margin:0;
}

.table_04_1 a img{
border:1px solid #E3E3E3;
}
.table_04_1 a:hover img{
border:1px solid #006600;
}
.table_04_1 a:visited img{
border:1px solid #E3E3E3;
}
.table_04_1 a:active img{
border:1px solid #006600;
}

.table_04_no{
width:180px !important;
height:200px !important;
border:0px;
padding:0;
margin:0;
}

.table_04_2{
text-align:right !important;
}
.table_04_2 a img{
border:1px solid #B7B7B7;
}
.table_04_2 a:hover img{
border:1px solid #006600;
}



.table_04_3{
text-align:right !important;
}

.table_05{
width:430px;
margin:0;
text-align:center;
font-size:12px;
}

.table_05 td{
border-top:1px solid #888888;
border-right:1px solid #888888;
text-align:left;
padding:0 3px;
height:45px;
}

.table_05_1{
background:#DCF6CF;
text-align:center !important;
}

.table_05_2{
width:150px;
}

.table_05_3{
width:50px;
background:#DCF6CF;
text-align:center !important;
}

.table_05_4{
width:90px;
}

table.table_06 {
margin:15px 0 0 0;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#C2C2C2;
font-size:12px;
}

table.table_06 th {
font-weight:normal;
padding:4px 7px;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #C2C2C2;
background-color: #efefef;
}

table.table_06 td {
font-weight:normal;
padding:4px 7px;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #C2C2C2;
}

table.table_06 tr.borderB2px th,
table.table_06 tr.borderB2px td {
border-width: 1px 0 1px 1px !important;
}

table.table_06 table {
border:none;
margin:0;
padding:0;
}

table.table_06 table td {
border:none;
margin:0;
padding:0;
}

table.table_06 td em {
color:#F00;
}

table.table_06 .eco {
color:#7eb53c;
font-weight:bold;
}


.otoiawase{
background:#FDFFD5;
padding:10px;
}

.otoiawase li{
display:inline;
}

.otoiawase li img{
vertical-align: top;
}

.otoiawase_01 {
padding:0 0 0 15px;
}



/*お気に入り登録*/
.keepArea{
width:890px;
background:#5BF35B;
padding:10px 0 15px 35px;
border:1px solid #B1B1B1;
}
.keepArea .left{
float:left;
height:auto;
}

.table_10{
font-size:12px;
color:#EE7103;
background:#fff;
padding:5px;
border:2px solid #B1B1B1;
margin:0px 2px 2px 0;
width:215px;
height:80px;
}

.tabla_10-0{
vertical-align:middle;
width:23px;
}

.tabla_10-1{
text-align:right !important;
width:64px;
}
.tabla_10-1 a img{
border:1px solid #B7B7B7;
}
.tabla_10-1 a:hover img{
border:1px solid #006600;
}

.tabla_10-2{
padding-left:10px;
}

.tabla_10-2 a:link{
color:#EE7103 !important;
text-decoration:underline;
}
.tabla_10-2 a:hover{
color:#FFBB80 !important;
text-decoration:none;
}
.tabla_10-2 a:visited{
color:#EE7103 !important;
text-decoration:underline;
}
.tabla_10-2 a:active{
color:#EE7103 !important;
text-decoration:underline;
}



/*物件詳細*/

.detail{
width:900px;
height:auto;
margin:5px 0 0 0;
}

.detail_03{
background:#FDFFD5;
padding:10px 20px;
border:1px solid #C2C2C2;
margin:0 0 20px 0;
}

.detail_l{
width:640px;
height:auto;
float:left;
}

.detail_r{
width:250px;
height:auto;
float:right;
}

.table_07 {
width:640px;
margin:0;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#C2C2C2;
font-size:12px;
height:115px;
}

.table_07 th {
font-weight:bold;
color:#616161;
padding:4px 7px;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #C2C2C2;
background-color: #DCF6CF;
}

.table_07 td {
text-align:left;
padding:4px 7px;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #C2C2C2;
}

.table_07_1{
text-align:left !important;
width:130px;
}

.table_07_2{
text-align:right !important;
}

.detailArea01{
background:#F8FBC0;
padding:3px;
margin:0;
}

#detailArea02{
background:url(../../image/detail_tel.jpg) no-repeat;
width:250px;
height:89px;
position:relative;
margin:2px 0 0 0;
}

.detailArea03{
position: absolute;
top:23px;
left:50px;
color:#CF4242;
font-weight:bold;
font-size:30px;
}

.detailArea04{
position: absolute;
top:60px;
left:15px;
color:#494949;
}

.detail02{
width:900px;
height:auto;
margin:30px 0 0 0;
}

.detail02_l{
width:438px;
height:auto;
float:left;
text-align:center;
}

.detail_l_img{
width:438px;
height:329px;
border:1px solid #ccc;
text-align:center;
}

.detail_r_img{
width:438px;
height:329px;
border:1px solid #ccc;
text-align:center;
}

.detail02_t{
margin:5px 0 0 0;
width:438px;
}

.detail02_l_td01{
text-align:center;
font-size:12px;
width:438px;
}

.detail02_l_td02{
width:438px;
text-align:right;
}

.detail02_r{
width:438px;
height:auto;
float:right;
}

.table_08 {
width:930px;
margin:30px 0 0 0;
}

.table_08 td {
width:232px;
text-align:center;
}

.table_08-1{
width:225px;
height:158px;
border:1px solid #ccc;
}

.table_08-2{
text-align:center !important;
padding:5px 0 0 0;
}

.table_08-3{
text-align:right !important;
padding:0 5px 15px 0;
}

.detailArea06{
background:#E4ECE1;
padding:10px;
margin:10px 0 0 0;
}
.detailArea06_1{
font-size:16px;
font-weight:bold;
color:#060;
}
.detailArea06_2{
font-size:14px;
color:#333;
border-bottom:1px dotted #ccc;
}
.detailArea06_3{
color:#CC0000;
}
.detailArea06_3 li{
background:url(../../image/circle_02.gif) no-repeat left center;
text-indent:18px;
margin:5px 0 0 0;
}
.detailArea06_4{
width:620px;
height:auto;
}
.detailArea06_4_l{
float:left;
width:270px;
height:auto;
}
.detailArea06_4_r{
float:right;
width:320px;
height:auto;
}


/*3列*/
.table_09 {
width:930px;
margin:50px 0 0 0;
/*border-top:1px solid #ccc;
border-right:1px solid #ccc;*/
font-size:12px;
}

.table_09 th {
width:110px;
background:#EFEFEF;
font-weight:normal;
text-align:left;
padding:3px 10px;
/*border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;*/
}

.table_09 td {
padding:3px 10px;
width:150px;
*width: auto;
/*border-bottom:1px solid #ccc;*/
background:#fff;
}

.detailArea02{
background:#FDFFD5;
padding:10px;
margin:30px 0 0 0;
text-align:center;
}


.detailArea05{
background:#DCF6CF;
padding:15px;
margin:30px 0 0 0;
}

.detailArea05_l{
float:left;
width:135px;
height:auto;
}

.detailArea05_c{
float:left;
width:355px;
height:auto;
}

.detailArea05_r{
float:right;
width:251px;
height:auto;
}

.detailArea05_r li{
background:url(../../image/store_tel.gif) no-repeat center left;
color:#CF4242;
font-weight:bold;
font-size:30px;
text-indent:35px;
}

.detailArea05_r img{
margin:0 0 5px 0;
}



/*TOPICS*/
.topics{
margin:30px auto 0 auto;
width:715px;
}

.topics iframe{
margin:10px 0 0 0;
}


div.AreaBox01{
width: 900px;
background: url(../img/area01_bottom.gif) no-repeat bottom;
padding-bottom: 25px;
margin-bottom: 40px;
}

* html div.AreaBox01 { 
padding-left: 5px;
} 

div.AreaBox01 .inner{
background: url(../img/area01_top.gif) no-repeat;
padding-top: 25px;
}


div.AreaBox01 .inner div{
background: url(../img/area01_center.gif) repeat-y;
padding: 0 30px;
}



/*お問合せフォーム*/

.contact02{
background:url(../../image/contact_01.jpg) no-repeat;
width:844px;
height:101px;
position:relative;
margin:0 auto 20px auto;
}

.contact02 .tel{
position: absolute;
top:33px;
left:263px;
color:#CF4242;
font-weight:bold;
font-size:30px;
}

.contact02 .open_hours{
position: absolute;
top:70px;
left:225px;
color:#333;
font-weight:bold;
}

.contact02 .area{
position: absolute;
background:#F8FBC0;
top:15px;
left:500px;
padding:3px;
}

.contact01 {
font-size:12px;
line-height:1.5;
border: solid 1px #CCCCCC;
border-collapse: collapse;
width:845px;
margin:10px auto 0 auto;
}

.contact01 th {
padding: 5px;
font-weight: normal;
text-align: center;
background-color: #F2F2F2;
border: solid 1px #CCCCCC;
}

.contact01 td {
padding: 5px;
border: solid 1px #CCCCCC;
text-align:left;
}

.b14{
font-size:14px;
}

.contact03{
width:150px;
}


.contact04 {
line-height:1.5;
border: solid 1px #CCCCCC;
border-collapse: collapse;
width:845px;
margin:15px auto 0 auto;
}

.contact04 th {
font-size:14px;
padding: 5px;
font-weight: normal;
background-color: #F2F2F2;
border: solid 1px #CCCCCC;
text-align:left;
}

.contact04 td {
font-size:12px;
padding: 5px;
border: solid 1px #CCCCCC;
}


.hissu{
color:#CC3300;
font-size:10px;
}

.contact05{
padding:15px 0 15px 20px;
font-size:14px;
}

.contact06 {
line-height:1.5;
border: solid 1px #CCCCCC;
border-collapse: collapse;
width:845px;
margin:15px auto 0 auto;
}

.contact06 th {
font-size:14px;
padding: 5px;
font-weight: normal;
background-color: #F2F2F2;
border: solid 1px #CCCCCC;
text-align:left;
}

.contact06 td {
font-size:12px;
padding: 5px;
border: solid 1px #CCCCCC;
background:#ECFAE1;
}

.contact06 .t01{
background:#FAFAE1 !important;
}

/*不動産会社専用　ログイン*/

.login01{
margin:0 auto;
padding:0;
}
.login01 .t01{
font-weight:bold;
color:#006600;
width:75px;
vertical-align:top;
}
.login_id{
width:105px;
}
.login_pass{
width:105px;
}

div.loginArea  {  
width: 350px;
width: 350px;
background: url(../../image/login_bottom.gif) no-repeat bottom;  
padding-bottom: 15px;
margin:10px auto 0 auto;  
}  
div.loginArea .rA01   {  
background: url(../../image/login_top.gif) no-repeat;  
padding-top: 55px;  
}  
div.loginArea .rA01 div   {  
background: url(../../image/login_cen.gif) repeat-y;  
padding: 15px;  
} 

/*不動産会社専用　会社情報*/

div.loginArea02  {  
width: 350px;
background: url(../../image/login_bottom.gif) no-repeat bottom;  
padding-bottom: 15px;
margin:10px auto 0 auto;  
}  
div.loginArea02 .rA01   {  
background: url(../../image/login_top02.gif) no-repeat;  
padding-top: 55px;  
}  
div.loginArea02 .rA01 div   {  
background: url(../../image/login_cen.gif) repeat-y;  
padding: 15px;  
} 
.close{
width:350px;
text-align:center;
padding-top:7px;
}



/* 20100427_足立追加 */
.table_98{
width:930px;
padding:10px;
margin:0px;
}

.table_left{
width:455px;
padding-right:10px;
text-align:right;
}

.table_right{
width:455px;
padding-left:10px;
text-align:left;
}

.table_99{
width:930px;
background:#FDFFD5;
padding:10px;
margin:30px 0 0 0;
}

#keeproom {
width: 170px;
height:110px;
position: fixed;
top: 100px;
right:0;
z-index: 20;
}

* html #keeproom {   
position: absolute;   
top: expression(eval(document.documentElement.scrollTop+100));
right: expression(eval(document.documentElement.scrollRight+0));
 
}

#keeproom02 {
width: 250px;
height:110px;
position: fixed;
top: 100px;
right:0;
z-index: 20;
}

* html #keeproom02 {   
position: absolute;   
top: expression(eval(document.documentElement.scrollTop+100));
right: expression(eval(document.documentElement.scrollRight+0));
 
}