@charset "UTF-8";

/* =========================================================
　　Fix Layout Columns
========================================================= */

/* container
----------------------------------------------- */
#container {
  width: auto;
  margin: 0 auto;
}

/* header
----------------------------------------------- */
#pageHeaderBody::after,
#pageNavBody::after,
#mainContainer::after,
#pageFooterBody::after {
  content: "";
  clear: both;
  display: block;
}

#pageHeaderBody,
#pageNavBody,
#mainContainer {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {

  #pageHeaderBody,
  #pageNavBody,
  #mainContainer {
    width: 1200px;
  }
}

/* main
----------------------------------------------- */
#mainContainer {
  padding: 0 0 75px;
}

.top #mainContainer {
  padding: 50px 0 45px;
}

@media only screen and (max-width: 600px) {

  #mainContainer,
  .top #mainContainer {
    width: auto;
    padding: 0;
  }

  #main {
    padding-bottom: 40px;
  }

  .top #main {
    padding-bottom: 10px;
  }
}

/* =========================================================
   Fix Layout 1 Columns
========================================================= */

/* wrapper
----------------------------------------------- */
#wrapper {
  clear: both;
  width: 100%;
}

/* content
----------------------------------------------- */
#content {
  margin: 0;
}