@charset "utf-8";
.layout960 {
    margin: auto;
    width: 960px;
}

.layout1200 {
    margin: auto;
    width: 1200px;
}
.col{ float: left; width: 100%;}

.col-01 {
    float: left;
    box-sizing: border-box;
    width: 8.33333333%;
}

.col-02 {
    float: left;
    box-sizing: border-box;
    width: 16.66666667%;
}

.col-03 {
    float: left;
    box-sizing: border-box;
    width: 25%;
}
.col-03a {
    float: left;
    box-sizing: border-box;
    width: 275px;
}
.col-04 {
    float: left;
    box-sizing: border-box;
    width: 33.33333333%;
}

.col-05 {
    float: left;
    box-sizing: border-box;
    width: 41.66666667%;
}
.col-05a {
    float: left;
    box-sizing: border-box;
    width: 440px;
}


.col-06 {
    float: left;
    box-sizing: border-box;
    width: 50%;
}

.col-07 {
    float: left;
    box-sizing: border-box;
    width: 58.33333333%;
}

.col-08 {
    float: left;
    box-sizing: border-box;
    width: 66.66666667%;
}

.col-09 {
    float: left;
    box-sizing: border-box;
    width: 75%;
}

.col-10 {
    float: left;
    box-sizing: border-box;
    width: 83.3333333%;
}

.col-11 {
    float: left;
    box-sizing: border-box;
    width: 91.6666667%;
}

.col-12 {
    float: left;
    margin: 0 0%;
    width: 100%;
}

.header {
    width: 100%;
    margin: auto;
    color: #fff;
    overflow: hidden;
    height: 50px;
}
.header2 {
    width: 990px;
    margin: auto;

}

.footer {
    width: 990px;
    margin: auto;
    text-align: center;
    height: 50px; line-height: 50px; font-size: 14px; color: #666;
}

.main {
    background: #fff;
}

.main-left {
    background: #f00;
}

.main-right {
    background: #f00;
}