@charset "utf-8";

/* =============================================================================
    Layout
============================================================================= */

/* Header
-------------------------------------------- */
div#header {
  width: 960px;
  margin: 0 auto;
}

/* Body
-------------------------------------------- */
div#body {
  width: 960px;
  margin: 0 auto;
}

body#index div#mainContents {
  float: left;
  width: 720px;
  margin: 0 10px 0 0;
}

body#index div#sideContents {
  float: left;
  width: 220px;
}

div#mainContents {
  margin: 0 10px;
}

/* Footer
-------------------------------------------- */
div#footer {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0 20px;
}


/* Clearfix
-------------------------------------------- */
.clearfix:after { /* float release */
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
}
.clearfix { display: inline-block; } /* float release for ie */
.clearfix { display: block; } /* cancel inline-block */