/* ----------------------
	横幅指定とセンタリング
---------------------- */
.container {
  width: 100%;
  min-width: 960px;
  position: relative; }

.inner {
  width: 960px;
  margin: 0 auto;
  padding: 0; }

.page {
  overflow: hidden; }

/* ================================
	グリッド
================================ */
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11, .gr12 {
  float: left;
  margin: 0 12px 15px;
  *display: inline;
  *zoom: 1; }

.grF {
  margin-left: 0; }

.grL {
  margin-right: 0; }

.flR {
  float: right; }

.gr1 {
  width: 58px; }

.gr2 {
  width: 140px; }

.gr3 {
  width: 222px; }

.gr4 {
  width: 304px; }

.gr5 {
  width: 386px; }

.gr6 {
  width: 468px; }

.gr7 {
  width: 550px; }

.gr8 {
  width: 632px; }

.gr9 {
  width: 714px; }

.gr10 {
  width: 796px; }

.gr11 {
  width: 878px; }

.gr12 {
  width: 960px; }