#headerBlock,
#footerBlock {
  width: 100%;
  min-height: 100px;
  margin: auto;
}
#headerBlock {
  height: 160px;
  position: relative;
  background-repeat: no-repeat;
  background-size: 684px 115px;
  background-position: left bottom;
  background-image: url(../images/common/bg_header.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock {
    background-image: url(../images/common/bg_header@2x.png);
    background-size: 684px 115px;
  }
}
#headerBlock.halloween {
  background-image: url(../images/common/bg_header_halloween.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock.halloween {
    background-image: url(../images/common/bg_header_halloween@2x.png);
  }
}
#headerBlock.winter {
  background-image: url(../images/common/bg_header_winter.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock.winter {
    background-image: url(../images/common/bg_header_winter@2x.png);
  }
}
#headerBlock.xmas {
  background-image: url(../images/common/bg_header_christmas.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock.xmas {
    background-image: url(../images/common/bg_header_christmas@2x.png);
  }
}
#headerBlock.new-year {
  background-image: url(../images/common/bg_header_new_year.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #headerBlock.new-year {
    background-image: url(../images/common/bg_header_new_year@2x.png);
  }
}
#headerBlock .logo {
  width: 268px;
}
#footerBlock {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}
#footerBlock a {
  color: white;
  text-decoration: none;
}
#footerBlock .copyright {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  margin-top: 20px;
}
#article_wrapper {
  width: 100%;
  margin: auto;
  padding-bottom: 100px;
  background-image: url(../images/common/bg_footer.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper {
    background-image: url(../images/common/bg_footer@2x.png);
    background-size: 100%;
  }
}
#article_wrapper.halloween {
  background-image: url(../images/common/bg_footer_halloween.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper.halloween {
    background-image: url(../images/common/bg_footer_halloween@2x.png);
  }
}
#article_wrapper.winter {
  background-image: url(../images/common/bg_footer_winter.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper.winter {
    background-image: url(../images/common/bg_footer_winter@2x.png);
  }
}
#article_wrapper.xmas {
  background-image: url(../images/common/bg_footer_christmas.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper.xmas {
    background-image: url(../images/common/bg_footer_christmas@2x.png);
  }
}
#article_wrapper.new-year {
  background-image: url(../images/common/bg_footer_new_year.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #article_wrapper.new-year {
    background-image: url(../images/common/bg_footer_new_year@2x.png);
  }
}
#mainBlock {
  float: none;
  width: 100%;
  padding-right: 0px;
  padding-bottom: 100px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 10px;
}
#mainBlock img {
  max-width: 100%;
}