@charset "UTF-8";
/****************************
THE EAST21
top.css
*****************************/
#left_box{
width:64%;height:auto;
float: left;
padding:5px;
margin-bottom:30px;
}

#mainpic{
width:537px;height:381px;
margin-left:5px;
}

#left_box > #subpic{
float:left; 
width:200px;
margin-top:10px;
padding-right:0;
}
#subpic img{width:196px;height:132px;}

#subpic h4{width:50%;}
#right_box{
width: 34%;height:auto;
float: right;
padding:1px;
margin-bottom:30px;
}
#right_box p{
border-bottom:1px solid #4e4e4e;
width:90%;
}
/*---------------------------
空室状況
----------------------------- */
table.room{
border-top:1px solid #4e4e4e;
border-left:1px solid #4e4e4e;
border-collapse:collapse;
/*ボーダーの間隔を指定する*/
border-spacing:0;
/*空白セルのボーダーの表示*/
empty-cells:show;
margin: 0 20px;
font-size:85%;
}
.room th{
border:1px solid #4e4e4e;
width: 70px;
background-color:#DCE6F1;
font-weight: 300;
}

.room td{
border:1px solid #4e4e4e;
padding:5px 0;
text-align: center;
height: 30px;
}

.room td.space{
background-color:#D9D9D9;
border-bottom-style:hidden;
}
/*---------------------------
インフォメーション
----------------------------- */
#infopic{
width:300px;height:200px;
margin:70px auto 0;
float:right;
}

#infopic img{
width:295px;height:67px;
margin:5px auto;
}
/*---------------------------
スマホ⇔PC切替
----------------------------- */
.sm_display{text-align:center;}