@charset "UTF-8";
/* ============================================================ //
// @ 家賃相場マップ
// ============================================================ */
/* 家賃相場MAP */
#costMap {
  width: 598px;
  height: 450px;
  position: relative;
  background: url("../images/knowledge/costMap.png") no-repeat 0 0;
  border: solid 1px #ccc;
  margin: 0 auto 30px;
}

#costMap dt {
  position: absolute;
  z-index: 10;
}

#costMap dt a {
  display: block;
  text-indent: -1000em;
}

#costMap dt a:hover {
  background-position: 0 -28px !important;
}

#costMap dt a:active {
  background-position: 0 -56px !important;
}

#costMap dt a.current {
  background-position: 0 -56px !important;
}

#costMap dd {
  position: absolute;
  display: none;
  z-index: 20;
  margin: 0;
}

#costMap dd .close {
  width: 34px;
  height: 34px;
  background: transparent url(../images/common/header-btn-close.png) 50% 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  overflow: hidden;
  text-indent: -9999em;
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 1;
  cursor: pointer;
}

#costMap #lbl_kokurakita {
  left: 314px;
  top: 157px;
}

#costMap #lbl_kokurakita a {
  width: 83px;
  height: 28px;
  background: url("../images/knowledge/label_kokurakita.png") no-repeat 0 0;
}

#costMap #val_kokurakita {
  left: 250px;
  top: 175px;
}

#costMap #lbl_kokuraminami {
  left: 315px;
  top: 276px;
}

#costMap #lbl_kokuraminami a {
  width: 83px;
  height: 28px;
  background: url("../images/knowledge/label_kokuraminami.png") no-repeat 0 0;
}

#costMap #val_kokuraminami {
  left: 251px;
  top: 294px;
}

#costMap #lbl_yahatahigashi {
  left: 218px;
  top: 190px;
}

#costMap #lbl_yahatahigashi a {
  width: 83px;
  height: 28px;
  background: url("../images/knowledge/label_yahatahigashi.png") no-repeat 0 0;
}

#costMap #val_yahatahigashi {
  left: 154px;
  top: 208px;
}

#costMap #lbl_yahatanishi {
  left: 138px;
  top: 221px;
}

#costMap #lbl_yahatanishi a {
  width: 83px;
  height: 28px;
  background: url("../images/knowledge/label_yahatanishi.png") no-repeat 0 0;
}

#costMap #val_yahatanishi {
  left: 74px;
  top: 239px;
}

#costMap #lbl_wakamatsu {
  left: 138px;
  top: 93px;
}

#costMap #lbl_wakamatsu a {
  width: 72px;
  height: 28px;
  background: url("../images/knowledge/label_wakamatsu.png") no-repeat 0 0;
}

#costMap #val_wakamatsu {
  left: 68px;
  top: 111px;
}

#costMap #lbl_tobata {
  left: 250px;
  top: 110px;
}

#costMap #lbl_tobata a {
  width: 72px;
  height: 28px;
  background: url("../images/knowledge/label_tobata.png") no-repeat 0 0;
}

#costMap #val_tobata {
  left: 180px;
  top: 128px;
}

#costMap #lbl_moji {
  left: 437px;
  top: 85px;
}

#costMap #lbl_moji a {
  width: 72px;
  height: 28px;
  background: url("../images/knowledge/label_moji.png") no-repeat 0 0;
}

#costMap #val_moji {
  left: 367px;
  top: 103px;
}

#costMap #lbl_yukuhashi {
  left: 467px;
  top: 415px;
}

#costMap #lbl_yukuhashi a {
  width: 72px;
  height: 28px;
  background: url("../images/knowledge/label_yukuhashi.png") no-repeat 0 0;
}

#costMap #val_yukuhashi {
  left: 406px;
  top: 260px;
}

#costMap #lbl_kanda {
  left: 445px;
  top: 320px;
}

#costMap #lbl_kanda a {
  width: 72px;
  height: 28px;
  background: url("../images/knowledge/label_kanda.png") no-repeat 0 0;
}

#costMap #val_kanda {
  left: 380px;
  top: 153px;
}

/*doc
---
title: スマホ版賃貸相場リスト
name: スマホ版賃貸相場リスト
category: cost
---

```html_example

<div class="cost-list--md visible--md">
<div id="cost_kokurakita">
  <h4 class="section-title">
    小倉北区の家賃相場
  </h4>
<table border="0" summary="小倉北区の家賃相場">
  <tr>
    <th scope="col"></th>
    <th scope="col" class="blue">下限</th>
    <th scope="col" class="red">上限</th>
  </tr>
  <tr>
    <th>1R・1K</th>
    <td>40,000～</td>
    <td>50,000</td>
  </tr>
  <tr bgcolor="#F0F0F0">
    <th>1LDK/2DK</th>
    <td>55,000～</td>
    <td>70,000</td>
  </tr>
  <tr>
    <th>2LDK</th>
    <td>70,000～</th>
    <td>80,000</td>
  </tr>
  <tr bgcolor="#F0F0F0">
    <th>3LDK</th>
    <td>75,000～</th>
    <td>110,000</td>
  </tr>
  <tr>
    <th>4LDK</th>
    <td>90,000～</td>
    <td>130,000</td>
  </tr>
    <tr bgcolor="#F0F0F0">
    <th>戸建</th>
    <td>80,000～</td>
    <td>130,000</td>
  </tr>
</table>

```
</div>

*/
.cost-list--md {}
.cost-list--md .section-title {
  background-color: #40a4d7;
  color: #fff;
  line-height: 1.5;
  font-size: 18px;
  padding: 7px 10px;
  margin: 0 0 20px;
}
.cost-list--md table {
  width:90%;
  margin: 0 auto 30px;
}
.cost-list--md table th{
  text-align: center;
  padding: 2px 5px;
}
.cost-list--md table td{
  text-align: right;
  padding: 2px 5px;
}
.cost-list--md .blue{
  color: #0099cc;
}
.cost-list--md .red{
  color: #ff6666;
}

/*doc
---
title: ショップ一覧アイテム
name: ショップ一覧アイテム
category: shop-archives
---

```html_example

<li class="link">
  <dl class="shop-item">
    <dt class="shop-item-thumb">
      <a href="kokura.html"><img class="png" src="images/thum_kokura.jpg" width="90" height="90" alt="アパマンショップ 小倉店"/><span class="fBold">アパマンショップ<br/>小倉店</span></a>
    </dt>
    <dd class="shop-item-content">
      <ul class="shop-item-content-body">
        <li>〒802-0005<br/>
          北九州市小倉北区堺町1丁目2番16号 1F
        </li>
        <li class="mark_dial">0120-66-0834</li>
        <li>TEL 093-533-1111</li>
        <li>FAX 093-533-1010</li>
        <li>営業時間 9:30～18:00</li>
        <li>店休日 水曜日（1～3月は無休）</li>
      </ul>
    </dd>
  </dl>
</li>

```

*/
#shopLinks {
  display: -webkit-box;
  display: flex;
  -js-display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}

#shopLinks .link {
  width: 48%;
  margin: 0 2% 20px 0;
  padding-bottom: 10px;
  border-bottom: solid 1px #eaeaea;
}

#shopLinks .link:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  #shopLinks .link {
    width: 100%;
  }
}

.shop-item {
  display: -webkit-box;
  display: flex;
  -js-display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.shop-item-thumb {
  width: 30%;
  font-size: 77%;
}

.shop-item-content {
  width: 65%;
  margin: 0;
  padding: 0;
  font-size: 85%;
}

.shop-item-content-body {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*# sourceMappingURL=map.css.map */