@charset "UTF-8";
/******************************************************************************
 * 賃料から探す
 *****************************************************************************/
#main * { font-family: Meiryo,"メイリオ",Arial,Osaka,san-serif; }
#main .condition .area-list li { font-size: 14px !important; padding: 0 10px; }

#search table.search { width: 735px; border-collapse: collapse; }
#search table.search th { padding: 5px; background-color: #ccccff; border: solid 1px #000099; color: #000099; }
#search table.search td { padding: 5px; background-color: #ffffff; border: solid 1px #000099; color: #000099; }

#listtype { overflow: hidden; height: auto; }
#listtype .attention { float: none; font-size: 12px; }

/******************************************************************************
 * FEE LIST
 *****************************************************************************/
.feelist-view { width: 750px; table-layout: fixed; border-collapse: collapse; font-size: 13px; }
.feelist-view th { width: 126px; height: 57px; padding: 5px; background: #666; border: solid 1px #fff; font-weight: normal; color: #fff; }
.feelist-view td { height: 57px; padding: 5px; border: solid 1px #fff; text-align: center; color: #fff; }
.feelist-view td.e { background: #eee; font-weight: bold; }
.feelist-view td.l { background: url(/search/images/low_back2.jpg)  repeat-x center left; }
.feelist-view td.m { background: url(/search/images/mid_back2.jpg)  repeat-x center left; }
.feelist-view td.h { background: url(/search/images/high_back2.jpg) repeat-x center left; }
.feelist-view th a { color: #fff; }
.feelist-view td a { color: #333; }

#space {}
#space .cell { float: left; width: 50px; }

#areatitle { margin: 10px 0px; font-weight: bold; }
#areatitle span.areaname { font-size: 14px; }

#list { margin-bottom: 20px; }
#othertitle { margin: 5px 0; font-weight: bold; }


@media screen and (max-width: 767px) {

#listtype { margin: 5px; }
#listtype li { padding-left: 1.0em; text-indent: -1.0em; font-size: 14px; }

.feelist-view { overflow: hidden; }
.feelist-view dl { overflow: hidden; }
.feelist-view dt { height: auto !important; padding: 10px; background: #666; }
.feelist-view dt a  { color: #fff !important; font-size: 16px; }
.feelist-view dd { display: block; overflow: hidden; height: auto !important; margin-bottom: 20px; }
.feelist-view dd ul { overflow: hidden; }
.feelist-view dd li { float: left; width: 45% !important; margin: 1px; border: solid 1px #ccc; font-size: 16px; text-align: center; }
.feelist-view dd li p { text-shadow: 0 0 1px #000; }
.feelist-view dd li.e { background: #eee; }
.feelist-view dd li.l { background: url(/search/images/low_back2.jpg)  repeat-x center left; color: #fff; font-weight: bold; }
.feelist-view dd li.m { background: url(/search/images/mid_back2.jpg)  repeat-x center left; color: #fff; font-weight: bold; }
.feelist-view dd li.h { background: url(/search/images/high_back2.jpg) repeat-x center left; color: #fff; font-weight: bold; }
.feelist-view dd li a     { color: #fff; }
.feelist-view dd li a     { color: #333; }
}