@charset "utf-8";
.lead {
  margin-bottom: 30px;
}

.mainimage {
  margin-bottom: 20px;
}

.box {
  margin-bottom: 30px;
}

@media only screen and (max-width: 639px) {
  #titlearea .titlearea-inner {
    background: url(../img/licence/visual_img.png) no-repeat center bottom;
    background-size: auto 88%;
  }

  .titlearea {
    background: url(../img/licence/bg.jpg) center center;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    height: 150px;
  }

  .wrapper {
    padding: 16px;
  }

  .titlearea .wrapper h1 img {
    height: 125px;
  }

  #page {
    width: 100%;
  }

  #main {
    padding: 16px;
    float: none;
  }

  #main .box img {
    margin-bottom: 20px;
  }

  #main .check {
    border: solid 5px #A1D9F5;
    padding: 16px;
  }

  #main .check p {
    margin-top: 10px;
  }

  #main ul {
    margin-top: 10px;
  }

  #main li {
    float: left;
    width: 50%;
  }

  body#car #sub .bike,
  body#car #sub .special {
    display: none;
  }

  body#bike #sub .car,
  body#bike #sub .special {
    display: none;
  }

  body#special #sub .car,
  body#special #sub .bike {
    display: none;
  }

  h2 {
    margin-bottom: 15px;
  }

  .aboutaska p {
    font-size: 16px;
    line-height: 180%;
  }

  .box img {
    width: 100%;
    height: auto;
  }

  #mapArea {
    width: 100%;
    height: 330px;
    margin-bottom: 30px;
  }

  #sidebar dt {
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    background: url(../img/licence/bg_side.gif);
    padding: 11px 12px 10px 12px;
    margin: 0;
  }
  #sidebar dd {
    border-bottom: solid 1px #ccc;
    font-size: 14px;
  }
  #sidebar dd a {
    background: url(../img/icon/ar_list_small.png) no-repeat 12px 13px #f8f8f8;
    background-size: 16px auto;
    padding: 11px 12px 10px 30px;
    line-height: 1.5;
    display: block;
    color: #333;
  }
}
@media print, screen and (min-width: 640px) {
  #titlearea h1 {
    background: url(../img/licence/visual_title.jpg) no-repeat 0 0;
  }
  #titlearea .titlearea-inner {
    background: url(../img/licence/visual_img.png) no-repeat right bottom;
  }

  .titlearea {
    background: url(../img/licence/bg.jpg) no-repeat center center;
    height: 400px;
  }

  .titlearea .wrapper h1 {
    padding-top: 20px;
  }

  #main .box img {
    float: left;
  }

  #main .box .right {
    float: right;
    width: 390px;
  }

  #main .check {
    border: solid 8px #A1D9F5;
    padding: 30px;
  }

  #main .check p {
    margin-top: 10px;
  }

  #main ul {
    margin-top: 10px;
  }

  #main li {
    float: left;
    width: 25%;
  }

  h2 {
    margin-bottom: 20px;
  }

  #sidebar dl {
    margin: 0;
    padding: 0;
  }
  #sidebar dt {
    font-size: 16px;
    font-weight: bold;
    border: solid #D5DEDE;
    border-width: 0 1px;
    background: url(../img/licence/bg_side.gif);
    padding: 10px;
    margin: 0;
  }
  #sidebar dd {
    border-bottom: solid 1px #ccc;
    font-size: 14px;
  }
  #sidebar dd a {
    background: url(../img/icon/ar_list_small.png) no-repeat 12px 13px #f8f8f8;
    background-size: 16px auto;
    padding: 11px 12px 10px 30px;
    line-height: 1.5;
    display: block;
    color: #333;
  }
  #sidebar dd a:hover {
    text-decoration: none;
    background-color: #fff;
  }
}