.grid{width: 960px; position: relative; margin: 0 auto; padding: 0px; }
.grid:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.grid .row{}
.grid .row:before,.row:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.grid .row:after{clear: both; }
.grid .row{zoom: 1;}

.grid .wrap-col{padding:5px}


.grid .col-1-1{width:100%;}

.grid .col-1-2{width:50%; float:left; display: inline-block;}

.grid .col-1-3{width:33.33%; float:left; display: inline-block;}
.grid .col-2-3{width:66.66%; float:left; display: inline-block;}

.grid .col-1-4{width:25%; float:left; display: inline-block;}
.grid .col-2-4{width:50%; float:left; display: inline-block;}
.grid .col-3-4{width:75%; float:left; display: inline-block;}
.grid .col-4-4{width:100%; float:left; display: inline-block;}

.grid .col-1-5{width:20%; float:left; display: inline-block;}
.grid .col-2-5{width:40%; float:left; display: inline-block;}
.grid .col-3-5{width:60%; float:left; display: inline-block;}
.grid .col-4-5{width:80%; float:left; display: inline-block;}

.grid .col-1-6{width:16.66%; float:left; display: inline-block;}
.grid .col-2-6{width:33.33%; float:left; display: inline-block;}
.grid .col-3-6{width:50%; float:left; display: inline-block;}
.grid .col-4-6{width:66.66%; float:left; display: inline-block;}
.grid .col-5-6{width:83.33%; float:left; display: inline-block;}

.grid .col-1-10{width:10%; float:left; display: inline-block;}
.grid .col-2-10{width:20%; float:left; display: inline-block;}
.grid .col-3-10{width:30%; float:left; display: inline-block;}
.grid .col-4-10{width:40%; float:left; display: inline-block;}
.grid .col-5-10{width:50%; float:left; display: inline-block;}
.grid .col-6-10{width:60%; float:left; display: inline-block;}
.grid .col-7-10{width:70%; float:left; display: inline-block;}
.grid .col-8-10{width:80%; float:left; display: inline-block;}
.grid .col-9-10{width:90%; float:left; display: inline-block;}


.grid .col-lt{float:left; display: inline-block;}
.grid .col-rt{float:right; display: inline-block;}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	.grid{width:100%;}
}

@media only screen and (max-width: 767px) {
	.grid{width:100%;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.grid{width:100%;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.grid{width:100%;}
}

@media only screen and (max-width: 479px) {
	.grid{width:100%;}
	.block07 .col-1-2{width:100%}
	.block07 .col-1-3{width:100%}
	.block07 .col-1-4{width:50%}
	.block07 .col-1-5{width:100%}
	.block07 .col-4-5{width:100%}
	.block07 .col-1-6{width:100%}
	.block07 .col-5-6{width:100%}
	.unit-col-1-3{width:100%}
	.unit-col-1-5{width:100%}
	.s25 .col-1-5{width:20%}
}