@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;}