* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* MAIN CONTAINER */
.container {
	max-width: 960px;
	margin: auto;
}


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row0:after, .row:after, .col:after, .colf:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height : 0; 
	clear  : both; 
	visibility: hidden;
}

/* DEFAULT ROW STYLES */
.row0 { margin-bottom: 0.0em; }
.row  { margin-bottom: 1.0em; }

.col { 
	display: block;
	float:left;
	width: 100%;
}
/* non-margin */
.col0 {
	display: block;
	float:left;
	width: 100%;
}

/* REVERSE COLUMN STYLES */
.colr, .colr0 { 
	display: block;
	float:right;
	width: 100%;
}

/* 640pixel 未満 */

	.span_30c { padding:0 16px;width: 100%;}
	.span_40c { padding:0 16px;width: 100%;}
	.span_50c { padding:0 16px;width: 100%;}
	.span_60c { padding:0 16px;width: 100%;}
	.span_70c { padding:0 16px;width: 100%;}
	.span_80c { padding:0 16px;width: 100%;}
	.span_90c { padding:0 16px;width: 100%;}


	.span_1 { width: 98%; }
	.span_2 { width: 98%; }
	.span_3 { width: 98%; }
	.span_4 { width: 98%; }
	.span_5 { width: 98%; }
	.span_6 { width: 98%; }
	.span_7 { width: 98%; }
	.span_8 { width: 98%; }
	.span_9 { width: 98%; }
	.span_10 { width: 98%; }
	.span_11 { width: 98%; }
	.span_12 { width: 98%; }
	.span_13 { width: 98%; }
	.span_14 { width: 98%; }
	.span_15 { width: 98%; }
	.span_16 { width: 98%; }
	.span_17 { width: 98%; }
	.span_18 { width: 98%; }
	.span_19 { width: 98%; }
	.span_20 { width: 98%; }
	.span_21 { width: 98%; }
	.span_22 { width: 98%; }
	.span_23 { width: 98%; }
	.span_24 { width: 98%; }

	.span0_1 { width: 100%; }
	.span0_2 { width: 100%; }
	.span0_3 { width: 100%; }
	.span0_4 { width: 100%; }
	.span0_5 { width: 100%; }
	.span0_6 { width: 100%; }
	.span0_7 { width: 100%; }
	.span0_8 { width: 100%; }
	.span0_9 { width: 100%; }
	.span0_10 { width: 100%; }
	.span0_11 { width: 100%; }
	.span0_12 { width: 100%; }
	.span0_13 { width: 100%; }
	.span0_14 { width: 100%; }
	.span0_15 { width: 100%; }
	.span0_16 { width: 100%; }
	.span0_17 { width: 100%; }
	.span0_18 { width: 100%; }
	.span0_19 { width: 100%; }
	.span0_20 { width: 100%; }
	.span0_21 { width: 100%; }
	.span0_22 { width: 100%; }
	.span0_23 { width: 100%; }
	.span0_24 { width: 100%; }

	.span_on  {display:inline;}
	.span_off {display:none;  }
	.div_on   {display:block; }
	.div_off  {display:none;  }
	.center_on{text-align :center; }


	.col   { margin-left : 0%; }
	.col0  { margin-left : 0%; }
	.colr  { margin-right: 0%; }
	.colr0 { margin-right: 0%; }


/* 640pixel 以上 */

@media screen and (min-width : 640px) {

	.span_30c { padding:0 35%;width: 100%;}
	.span_40c { padding:0 30%;width: 100%;}
	.span_50c { padding:0 25%;width: 100%;}
	.span_60c { padding:0 20%;width: 100%;}
	.span_70c { padding:0 15%;width: 100%;}
	.span_80c { padding:0 10%;width: 100%;}
	.span_90c { padding:0  5%;width: 100%;}

	.span_1 { width: 2.25%; }
	.span_2 { width: 6.50%; }
	.span_3 { width: 10.75%; }
	.span_4 { width: 15.00%; }
	.span_5 { width: 19.25%; }
	.span_6 { width: 23.50%; }
	.span_7 { width: 27.75%; }
	.span_8 { width: 32.00%; }
	.span_9 { width: 36.25%; }
	.span_10 { width: 40.50%; }
	.span_11 { width: 44.75%; }
	.span_12 { width: 49.00%; }
	.span_13 { width: 53.25%; }
	.span_14 { width: 57.50%; }
	.span_15 { width: 61.75%; }
	.span_16 { width: 66.00%; }
	.span_17 { width: 70.25%; }
	.span_18 { width: 74.50%; }
	.span_19 { width: 78.75%; }
	.span_20 { width: 83.00%; }
	.span_21 { width: 87.25%; }
	.span_22 { width: 91.50%; }
	.span_23 { width: 95.75%; }
	.span_24 { width: 100%; }

	/* non-margin */
	.span0_1 { width: 4.16%; }
	.span0_2 { width: 8.33%; }
	.span0_3 { width: 12.5%; }
	.span0_4 { width: 16.66%; }
	.span0_5 { width: 20.83%; }
	.span0_6 { width: 25.00%; }
	.span0_7 { width: 29.16%; }
	.span0_8 { width: 33.33%; }
	.span0_9 { width: 37.50%; }
	.span0_10 { width: 41.66%; }
	.span0_11 { width: 45.83%; }
	.span0_12 { width: 50.00%; }
	.span0_13 { width: 54.16%; }
	.span0_14 { width: 58.33%; }
	.span0_15 { width: 62.50%; }
	.span0_16 { width: 66.66%; }
	.span0_17 { width: 70.83%; }
	.span0_18 { width: 75.00%; }
	.span0_19 { width: 79.16%; }
	.span0_20 { width: 83.33%; }
	.span0_21 { width: 87.50%; }
	.span0_22 { width: 91.66%; }
	.span0_23 { width: 95.83%; }
	.span0_24 { width: 100%; }

	.span_on {display:none;}		/* RGSで広いと消去、狭いと出現 */
	.span_off {display:inline;}		/* RGSで広いと出現、狭いと消去 */
	.div_on {display:none;}
	.div_off {display:block;}
	.center_on{text-align :left; }	/* RGSで広いと左寄せ、狭いとセンタリング */

	.col   { margin-left :2%; }
	.col0  { margin-left :0%; }
	.colr  { margin-right:2%; }
	.colr0 { margin-right:0%; }

}


/* RESET MARGINS */
/* all browsers except IE6 and lower */
.col:first-child   { margin-left : 0; }
.colf:first-child  { margin-left : 0; }
.colr:first-child  { margin-right: 0; }
.colrf:first-child { margin-right: 0; }