/* CSS Document */

#header {
}

#header .inner {
  background: url("../img/index/headerbg.jpg") no-repeat center 161px;
  height: 499px;
}

#header .contents {
}

body {
  -webkit-text-size-adjust: 100%;
}

#contents {
  width: 1012px;
  margin: 0 auto;
}

#contents #pagetopbox {
  width: 1010px;
}

#footer {
  background-position: center -16px;
}

#footer .inner {
  background-position: center -16px;
  padding-top: 45px;
}

.banner {
  margin-left: 54px;
}

.banner li {
  float: left;
}

.banner li.diva {
}

.banner .diva p {
  padding: 210px 0 0 18px;
  width: 190px;
}

.banner .li4 dl {
  width: 194px;
  overflow: auto;
  height: 240px;
}

.banner .li4 dt {
  color: #96BA06;
  font-weight: bold;
  width: 170px;
}

.banner .li4 dd {
  border-bottom: dashed 1px #4D4D4D;
  width: 170px;
}

.banner li.act {
}

.banner .act a {
  text-decoration: none;
}

.banner .act a:hover {
  text-decoration: none;
}

.banner .li1 div {
  background: url("../img/index/box1.jpg");
  width: 223px;
  height: 329px;
}

.banner .li1 div:hover {
  background: url("../img/index/box1_hover.jpg");
}

.banner .li2 div {
  background: url("../img/index/box2.jpg");
  width: 227px;
  height: 329px;
}

.banner .li2 div:hover {
  background: url("../img/index/box2_hover.jpg");
}

.banner .li3 div {
  background: url("../img/index/box3.jpg");
  width: 230px;
  height: 329px;
}

.banner .li3 div:hover {
  background: url("../img/index/box3_hover.jpg");
}

.banner .li4 div {
  background: url("../img/index/box4.jpg");
  width: 261px;
  height: 252px;
  padding: 77px 0 0 15px;
}

@media screen and (max-width: 640px) {
  #header .inner {
    height: auto;
    background: none;
  }

  #contents {
    width: auto;
  }

  #contents #pagetopbox {
    width: 100%;
  }

  #contents #pagetopbox .sp_visual {
    width: 100%;
  }

  #contents #pagetopbox .banner {
    margin-left: 0;
    padding: 0 15px;
  }

  #contents #pagetopbox .banner li {
    float: none;
    margin-top: 15px;
    border: 1px solid #8FB006;
  }

  #contents #pagetopbox .banner li:last-child {
    float: none;
    margin-top: 15px;
    border: none;
  }

  #contents #pagetopbox .banner li:last-child div {
    padding: 0 0 17px 0;
  }

  #contents #pagetopbox .banner li div {
    width: auto;
    background: none;
    padding: 8px;
    height: auto;
    position: relative;
  }

  #contents #pagetopbox .banner li .banner4_btn {
    width: 100%;
    margin-bottom: 10px;
  }

  #contents #pagetopbox .banner li div .img-holder {
    padding: 0px;
  }

  #contents #pagetopbox .banner li div .banner-img {
    width: 50%;
  }

  #contents #pagetopbox .banner li div .banner-img.esp {
    margin-top: -20px;
    width: 53.5%;
  }

  #contents #pagetopbox .banner li div .banner-title {
    width: 40%;
    margin-left: 5%;
  }

  #contents #pagetopbox .banner li div p {
    padding: 0;
    width: auto;
    margin-top: 10px;
  }

  #contents #pagetopbox .banner li div dl {
    height: auto;
    width: auto;
  }

  #contents #pagetopbox .banner li div dd {
    height: auto;
    width: auto;
  }
}