@charset "utf-8";
/* CSS Document */
div#chukaio_osusume_body{	/*おすすめ物件全体*/
margin: 0px;
padding: 0px;
}

/*-----------------------------------------

          種別毎による全体の指定

-------------------------------------------/
/*賃貸--------------------------*/
div#chukaio_osusume_rent1{	/*賃貸：１カラム指定の場合*/
width:184px;				/*全体の背景幅（横）*/
clear:both;
background-color:#FFEC9F;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_rent2{	/*賃貸：２カラム指定の場合*/
width:367px;				/*全体の背景幅（横）*/
clear:both;
background-color:#FFEC9F;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_rent3{	/*賃貸：３カラム指定の場合*/
width:660px;				/*全体の背景幅（横）*/
clear:both;
background-color:#4773A2;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_rent4{	/*賃貸：４カラム指定の場合*/
width:733px;				/*全体の背景幅（横）*/
clear:both;
background-color:#FFEC9F;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_rent5{	/*賃貸：５カラム指定の場合*/
width:916px;				/*全体の背景幅（横）*/
clear:both;
background-color:#FFEC9F;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
/*売買--------------------------*/
div#chukaio_osusume_buy1{	/*売買：１カラム指定の場合*/
width:184px;				/*全体の背景幅（横）*/
clear:both;
background-color:#D7ECC4;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_buy2{	/*売買：２カラム指定の場合*/
width:367px;				/*全体の背景幅（横）*/
clear:both;
background-color:#D7ECC4;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_buy3{	/*売買：３カラム指定の場合*/
width:660px;				/*全体の背景幅（横）*/
clear:both;
background-color:#F0C239;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_buy4{	/*売買：４カラム指定の場合*/
width:733px;				/*全体の背景幅（横）*/
clear:both;
background-color:#D7ECC4;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_buy5{	/*売買：５カラム指定の場合*/
width:916px;				/*全体の背景幅（横）*/
clear:both;
background-color:#D7ECC4;	/*全体の背景色*/
padding:5px;				/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
/*投資用--------------------------*/
div#chukaio_osusume_toushi1{	/*投資用：１カラム指定の場合*/
width:184px;					/*全体の背景幅（横）*/
clear:both;
background-color:#D6DEEF;		/*全体の背景色*/
padding:5px;					/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_toushi2{	/*投資用：２カラム指定の場合*/
width:367px;					/*全体の背景幅（横）*/
clear:both;
background-color:#D6DEEF;		/*全体の背景色*/
padding:5px;					/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_toushi3{	/*投資用：３カラム指定の場合*/
width:660px;					/*全体の背景幅（横）*/
clear:both;
background-color:#6EC670;		/*全体の背景色*/
padding:5px;					/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_toushi4{	/*投資用：４カラム指定の場合*/
width:733px;					/*全体の背景幅（横）*/
clear:both;
background-color:#D6DEEF;		/*全体の背景色*/
padding:5px;					/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}
div#chukaio_osusume_toushi5{	/*投資用：５カラム指定の場合*/
width:916px;					/*全体の背景幅（横）*/
clear:both;
background-color:#D6DEEF;		/*全体の背景色*/
padding:5px;					/*数値を低く→全体の背景部分が縮小／数値を高く→全体の背景部分が拡大*/
}

/*-----------------------------------------

             1物件枠内の指定

------------------------------------------*/
/*賃貸--------------------------*/
#chukaio_osusume_rent1 table#chukaio_osusume td.chukaio_rent{		/*賃貸：１カラム指定の場合*/
border:1px solid #CCC;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_rent2 table#chukaio_osusume td.chukaio_rent{		/*賃貸：２カラム指定の場合*/
border:1px solid #F9954A;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_rent3 table#chukaio_osusume td.chukaio_rent{		/*賃貸：３カラム指定の場合*/
border:1px solid #4773A2;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_rent4 table#chukaio_osusume td.chukaio_rent{		/*賃貸：４カラム指定の場合*/
border:1px solid #F9954A;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_rent5 table#chukaio_osusume td.chukaio_rent{		/*賃貸：５カラム指定の場合*/
border:1px solid #F9954A;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
/*売買--------------------------*/
#chukaio_osusume_buy1 table#chukaio_osusume td.chukaio_buy{			/*売買：１カラム指定の場合*/
border:1px solid #5D7F30;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_buy2 table#chukaio_osusume td.chukaio_buy{			/*売買：２カラム指定の場合*/
border:1px solid #5D7F30;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_buy3 table#chukaio_osusume td.chukaio_buy{			/*売買：３カラム指定の場合*/
border:1px solid #F0C239;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_buy4 table#chukaio_osusume td.chukaio_buy{			/*売買：４カラム指定の場合*/
border:1px solid #5D7F30;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_buy5 table#chukaio_osusume td.chukaio_buy{			/*売買：５カラム指定の場合*/
border:1px solid #5D7F30;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
/*投資用--------------------------*/
#chukaio_osusume_toushi1 table#chukaio_osusume td.chukaio_toushi{	/*投資用：１カラム指定の場合*/
border:1px solid #436D9E;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_toushi2 table#chukaio_osusume td.chukaio_toushi{	/*投資用：２カラム指定の場合*/
border:1px solid #436D9E;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_toushi3 table#chukaio_osusume td.chukaio_toushi{	/*投資用：３カラム指定の場合*/
border:1px solid #6EC670;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_toushi4 table#chukaio_osusume td.chukaio_toushi{	/*投資用：４カラム指定の場合*/
border:1px solid #436D9E;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}
#chukaio_osusume_toushi5 table#chukaio_osusume td.chukaio_toushi{	/*投資用：５カラム指定の場合*/
border:1px solid #436D9E;											/*枠罫線の色*/
background:#FFF;													/*枠内の背景色*/
}

/*賃貸・売買・投資用共通--------------------------*/
table#chukaio_osusume td{
width:220px;
font:12px/16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	/*文字のサイズ・行間・フォント（文字種類）  ※価格を除く*/
color:#333333;													/*文字の色*/
}
table#chukaio_osusume div.chukaio_photo{
padding:5px 5px 0 5px;										/*物件画像の余白*/
height:130px;												/*物件画像の画像表示領域（縦）*/
text-align:center;											/*物件画像の表示位置*/
}
table#chukaio_osusume ul.chukaio_text{						/*文字の余白*/
padding:0 8px;
}
table#chukaio_osusume ul.chukaio_text li{					/*文字（行間）の余白*/
line-height:14px;
}
table#chukaio_osusume ul.chukaio_text li.chukaio_kakaku{	/*賃料・価格*/
color:#CC0000;												/*文字の色*/
font-size:15px;												/*文字のサイズ*/
font-weight:bold;											/*文字の装飾　※太字*/
line-height:16px;
}
table#chukaio_osusume ul.chukaio_text li.chukaio_kakaku img{		/*新築マークからの賃料・価格の表示位置指定*/
margin:0 3px 0 0;
vertical-align:bottom;
}
table#chukaio_osusume ul.chukaio_text sup{							/*面積（㎡）の小さな２のサイズ*/
font-size:8px;
}
table#chukaio_osusume div.chukaio_btn{						/*詳細ボタンの余白*/
padding:5px 5px 2px 5px;
}


/*-----------------------------------------

 【注意】下記のCSSは変更しないでください

-------------------------------------------*/
div#chukaio_osusume_body img,table{
border: none;
}
div#chukaio_osusume_body table{
border-collapse:collapse;
border-spacing:0px;
}
div#chukaio_osusume_body th,td{
vertical-align:top;
}
div#chukaio_osusume_body ol,ul{
list-style: none;
margin: 0px;
padding: 0px;
}



ul.chukaio_osusume_tab li{
float:left;
margin:0 5px 0 0;
}
ul.chukaio_osusume_tab li img{
vertical-align:bottom;
}