@charset "UTF-8";

.container {
	width: 100%;
	margin: 0 auto;
	min-width: 400px;
	min-height:400px;
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
}
.grid10F, .grid20F, .grid28F, .grid30F, .grid33F, .grid40F, .grid50F, .grid60F, .grid70F, .grid80F, .grid90F, .grid100F {
	float: left;
}

.grid1 {
	width: 64px;
}
.grid2 {
	width: 147px;
}
.grid3 {
	width: 230px;
}
.grid4 {
	width: 313px;
}
.grid5 {
	width: 396px;
}
.grid6 {
	width: 479px;
}
.grid7 {
	width: 562px;
}
.grid8 {
	width: 645px;
}
.grid9 {
	width: 728px;
}
.grid10 {
	width: 811px;
}
.grid11 {
	width: 894px;
}

.grid10F {
	width: 8%;
	min-width: 60px;
}
.grid20F {
	width: 20%;
	min-width: 120px;
}

.grid28F {
	width: 26%;
	min-width: 180px;
}

.grid30F {
	width: 30%;
	min-width: 180px;
}
.grid33F {
	width: 31%;
	min-width: 230px;
}
.grid40F {
	width: 40%;
	min-width: 240px;
}
.grid50F {
	width: 50%;
	min-width: 300px;
}
.grid60F {
	width: 60%;
	min-width: 360px;
}
.grid62F {
	width: 62%;
	min-width: 360px;
}
.grid68F {
	width: 62%;
	min-width: 420px;
}
.grid70F {
	width: 70%;
	min-width: 420px;
}
.grid80F {
	width: 80%;
	min-width: 480px;
}
.grid90F {
	width: 90%;
	min-width: 540px;
}

.grid99F {
	width: 99%;
	min-width: 540px;
}

.grid100F {
	width: 100%;
	min-width: 540px;
}
.first {
	margin-left: 0;
	padding-right: 2%;
	clear: left;
}
.grid, .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid10F, .grid20F, .grid30F, .grid40F, .grid50F, .grid60F, .grid70F, .grid80F, .grid90F {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.clear{ clear: both; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */