@charset "UTF-8";

/* key */
.key-area { position: relative; margin: -150px auto 0 auto; padding: 0; display: block; width: 100%; min-width: 1000px; max-width: 1500px; height:auto !important; height: 100%; min-height: 100%; overflow:hidden; zoom:1;
}
  .key-area .img-key{ display: block; width: 100%; height: auto;}
  .bnr-area { position: absolute; top: 150px; right: -3px; }
    .bnr-area img{ border:3px solid #000;}
    .bnr-area img:hover{ border:3px solid #C0AA68;}

.index-news-area dt{
  position: relative;
  margin: 32px auto;
  text-align: center;
  width: 1100px;
}
  .index-news-area dt .news-more{
    position: absolute;
    top: -4px; right: 16px;
  }
.index-news-area dd{
  margin: 0 auto;
  padding: 0;
  background: url(../img/common/bg-paper.jpg) 0 0 repeat;
}
  .index-news-list{
    margin: 0 auto;
    padding: 40px 0;
    width: 1100px;
  }
    .index-news-list li{
      display: inline-block;
      margin: 24px 8px;
      width: 340px;
    }
    .index-news-list li div{
      display: inline-block;
      vertical-align:top;
    }
    .index-news-list .news-thumb-area{
      position: relative;
      width: 120px;
      height: 120px;
      background-position: center top;
      background-size: cover;
    }
    .index-news-list .news-text-area{
      margin-left: 16px;
      width: 186px;
      height: 120px;
    }
      .index-news-list .news-text-area .date{
        margin: 4px 0 16px;
        font-size: 12px;
      }
      .index-news-list .news-text-area .text a{
        font-size: 14px;
        color: #333;
      }
      .new .news-thumb-area::after {
        content: url("../img/news/icon-new.png"); position: absolute; top: -12px; left: -12px;  display: block; z-index: 3;}