.area-all {
  margin: 0 auto;
}

.area-header {
  padding: 0 0 15px;
}

.area-container {
  width: 100%;
  margin: 0 auto;
  *zoom: 1;
}

.area-container:before, .area-container:after {
  content: "";
  display: table;
}

.area-container:after {
  clear: both;
}

.area-main {
  padding: 0 0 15px;
}

.area-side-right, .area-side-left {
  padding: 15px;
  background-image: url("img/area-side/bg.png");
  background-repeat: repeat-x;
}

.area-footer {
  width: 100%;
  padding: 0 15px;
  border-top: 1px solid #3c3c3c;
  color: #333333;
}

.area-footer div[class^="area-footer-inner"] {
  margin: 0 auto;
}

.area-header, .area-footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}