#maincontent {
  display: block;
  float: left;
  width: 640px;
  min-height: 300px;
  margin-left: 8%;
}
@media only screen and (max-width: 960px) {
  #maincontent {
    width: 68%;
    margin-right: 0%;
    margin-left: 2%;
  }
}
#maincontent_640 {
  display: block;
  float: left;
  width: 640px;
  min-height: 300px;
  margin-left: 4%;
  margin-right: 0%;
}
@media only screen and (max-width: 960px) {
  #maincontent_640 {
    width: 70%;
    margin-left: 2%;
  }
}
#maincontent_520 {
  display: block;
  float: left;
  width: 520px;
  margin-left: 4%;
  min-height: 300px;
}
@media only screen and (max-width: 960px) {
  #maincontent_520 {
    width: 70%;
    margin-right: 0%;
    margin-left: 2%;
  }
}
#maincontent_520_ad {
  display: block;
  float: left;
  width: 520px;
  margin-left: 4%;
  min-height: 300px;
}
@media only screen and (max-width: 960px) {
  #maincontent_520_ad {
    width: 70%;
    margin-right: 0%;
    margin-left: 2%;
  }
}
#maincontent_single {
  width: 760px;
  margin-left: auto;
  margin-right: auto;
}
#maincontent_single_ad {
  display: block;
  float: left;
  width: 780px;
}
@media only screen and (max-width: 960px) {
  #maincontent_single_ad {
    width: 78%;
  }
}
#sp_branch {
  width: 100%;
  height: auto;
}
.ad_side {
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.ad_side_right {
  display: block;
  float: right;
  width: 160px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 960px) {
  .ad_side_right {
    display: none;
  }
}
.ad_side_right.regular {
  display: block;
  float: right;
  width: 160px;
}
.ad_bottom_medium_only {
  display: none;
}
@media only screen and (max-width: 960px) {
  .ad_bottom_medium_only {
    display: block;
    width: 100%;
    margin: 20px auto 0 auto;
  }
}
.ad_bottom {
  width: 100%;
  display: inline-block;
  margin: 20px auto 0 auto;
}
.ad_area_rectangle_336 {
  margin-top: 10px;
  margin-right: 0%;
  margin-left: 2%;
}
@media only screen and (min-width: 961px) {
  .ad_area_rectangle_336 {
    float: right;
    width: 77%;
  }
}
@media only screen and (max-width: 960px) {
  .ad_area_rectangle_336 {
    float: right;
    width: 70%;
  }
}
.row:after,
.col:after,
.clr:after,
.group:after {
  content: "";
  display: table;
  clear: both;
}
.row {
  padding-bottom: 0em;
}
.col {
  display: block;
  float: left;
  width: 100%;
}
.span_1 {
  width: 8.33333333333%;
}
.span_2 {
  width: 16.6666666667%;
}
.span_3 {
  width: 25%;
}
.span_4 {
  width: 33.3333333333%;
}
.span_5 {
  width: 41.6666666667%;
}
.span_6 {
  width: 50%;
}
.span_7 {
  width: 58.3333333333%;
}
.span_8 {
  width: 66.6666666667%;
}
.span_9 {
  width: 75%;
}
.span_10 {
  width: 83.3333333333%;
}
.span_11 {
  width: 91.6666666667%;
}
.span_12 {
  width: 100%;
}
.span_center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media only screen and (max-width: 960px) {
  .row.span_medium [class^='span_'] {
    width: 100%;
  }
}
.medium_hide {
  display: block;
}
@media only screen and (max-width: 960px) {
  .medium_hide {
    display: none;
  }
}
.small_hide {
  display: block;
}
@media only screen and (max-width: 760px) {
  .small_hide {
    display: none;
  }
}