@charset "UTF-8";

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

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

/* header
----------------------------------------------- */
#pageHeader {
  clear: both;
  margin: 0 auto;
}

/* nav
----------------------------------------------- */

/* main
----------------------------------------------- */
#main {
  clear: both;
  width: 1000px;
  margin: 0 auto 45px;
}
#main:before, #main:after {
  content: "";
  display: table;
}
#main:after {
  clear: both;
}
#main {
  zoom: 1;
}

/* footer
----------------------------------------------- */
#pageFooter {
  clear: both;
}

/* pieces
----------------------------------------------- */
#main .pieceSeparator {
  margin: 10px 0;
}

/* Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 768px) {
  #main {
    width: auto;;
    margin: 0 auto;
    padding: 0 10px;
  }
  #pageHeaderContainer,
  #pageNavContainer,
  #pageFooterContainer {
    padding: 0;
  }
}