.main {
    margin-left: auto;
    margin-right: auto;
    width: 798px;
    height: 595px;
}
.g99,
.g198,
.g297,
.g396,
.g495,
.g594,
.g693,
.g792 {
    display: inline;
    float: left;
    margin-left: 10px;
}
.g99 {
    width: 89px;
}
.g198 {
    width: 188px;
}
.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;
}