@charset "UTF-8";

/*
* Grid
* A simple, flexible, fluid grid system that can flow nicely inside a fluid or a fixed container or play good with another Grid system.
* 
* Brajeshwar
* http://brajeshwar.com
* Follow @Brajeshwar on Twitter
*
* Demo & Details: http://brajeshwar.github.com/grid/
*/

/* grids container - wrap your grids within */

.g1of2, .g1of3, .g1of4, .g1of5,
.g2of3, .g2of5,
.g3of4, .g3of5,
.g4of5	{ float: left;}
.g1of2	{ width: 50%; *width: 49.99999%; }
.g1of3	{ width: 33.333333333%; }
.g2of3	{ width: 66.666666666%; }/*対になるもの*/
.g1of4	{ width: 25%; *width: 24.99999%; }
.g3of4	{ width: 75%; }/*対になるもの*/
.g1of5	{ width: 20%; *width: 19.99999%; }
.g4of5	{ width: 80%; }/*対になるもの*/
.g2of5	{ width: 40%; *width: 39.99999%; }
.g3of5	{ width: 60%; }/*対になるもの*/

/* レスポンシブ対応（親要素にclass="rwd"／スマホの場合はすべて幅100%） */
@media only screen and (max-width: 769px) {
.rwd .g1of2,
.rwd .g1of3,
.rwd .g2of3,
.rwd .g1of4,
.rwd .g3of4,
.rwd .g1of5,
.rwd .g4of5,
.rwd .g2of5,
.rwd .g3of5	{
  float:none;
  width: 100%;
  margin-bottom:10px;
}
}
/*大きさ確認用の背景色*/
.BG_aaa { background: #aaa; height:50px;}
.BG_ccc { background: #ccc; height:50px;}
.BG_eee { background: #eee; height:50px;}