.main {
  margin-left: auto;
  margin-right: auto;
  width: 798px;
  height: 480px;
}
.g99,
.g198,
.g297,
.g396,
.g495,
.g594,
.g693,
.g792 {
  display: inline;
  float: left;
  margin-left: 10px;
}
.g99 {
  width: 89px;
}
.g198 {
  width: 198px;
}
.g297 {
  width: 287px;
}
.g396 {
  width: 386px;
}
.g495 {
  width: 485px;
}
.g594 {
  width: 584px;
}
.g693 {
  width: 683px;
}
.g792 {
  width: 782px;
}
.ml99 {
  margin-left: 109px;
}
.ml198 {
  margin-left: 208px;
}
.ml297 {
  margin-left: 307px;
}
.ml396 {
  margin-left: 406px;
}
.ml495 {
  margin-left: 505px;
}
.ml594 {
  margin-left: 604px;
}
.ml693 {
  margin-left: 703px;
}
.ml792 {
  margin-left: 802px;
}
.inside {
  margin-left: 0;
}
.clear {
  clear: both;
}
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}