@charset "UTF-8";

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

/* container
----------------------------------------------- */
#container {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

/* header
----------------------------------------------- */
#pageHeader {
  clear: both;
}
#pageHeaderContainer {
}


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

#pageNav {
	margin-bottom: 15px;
	background-image: url(../../piece/images/navi_back.png);
	background-repeat: repeat-x;
	background-position: center top;	
	height: 58px;
}
/* 追加 */
#pageNavContainer {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
}

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

}
#mainContainer {
  clear: both;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;

}
#main:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

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

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


/* Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 960px) {
  #container {
    width: auto;
  }
  #mainContainer {
    padding: 0 10px;
  }
  #pageNavContainer {
	  width:auto;
  }
}

@media screen and (max-width: 600px) {
  #container {
    width: auto;
  }
  #mainContainer {
    padding: 0 10px;
  }
  #pageHeaderContainer,
  #pageNavContainer,
  #pageFooterContainer {
    padding: 0;
  }
  #pageNavContainer {
	  width:auto;
  }
  #pageNav {
	height: auto;
  }
}