/*
 * 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;}

/*自動的にcrearfixが入る*/
.grids			{ zoom: 1; }
.grids:before,
.grids:after	{ display: table; *display: inline; content: ""; zoom: 1; }
.grids:after	{ clear: both; }

/* それぞれのグリッド */
.g1of2	{ width: 50%; }

.g1of3	{ width: 33.333333333%; }
	.g2of3	{ width: 66.666666666%; }

.g1of4	{ width: 25%; }
	.g3of4	{ width: 75%; }/*対になるもの*/
	
.g1of5	{ width: 20%; }
	.g4of5	{ width: 80%; }/*対になるもの*/
	
.g2of5	{ width: 40%; }
	.g3of5	{ width: 60%; }/*対になるもの*/

/*大きさを確認したい時の背景色*/
.f0fff0 { background: #f0fff0; }
.e0eee0 { background: #e0eee0; }
.e0eeee { background: #e0eeee; }
.ffe1ff { background: #ffe1ff; }
.fff0f5 { background: #fff0f5; }
.ffc125 { background: #ffc125; }
.ffa500 { background: #ffa500; }
.caff70 { background: #caff70; }
.bcee68 { background: #bcee68; }
.adff2f { background: #adff2f; }
.fff68f { background: #fff68f; }
.ffd700 { background: #ffd700; }
.ffe7ba { background: #ffe7ba; }
.faf0e6 { background: #faf0e6; }