.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

#table_container {
    width: 100%;
    margin: 0 auto;
    display: block;
}

td {
    padding: 10px
}

th {
    padding: 10px;
}

.tab-div {
    float: left;
    margin: 10px;
    width: 30%;
}

.tab {
    text-align: center;
    border: solid black 1px;
}

.tab-option {
    width: 100%;
}

.tab-option-head {
    background-color: #e6e6e6;
}

.tab-option-body {
    background-color: #f7f7f7;
}

.tab-option-border-bottom {
    border: 1px none black;
    border-bottom-style: solid
}

.tab-option-border-right {
    border: 1px none black;
    border-right-style: solid
}

.tab-diff {
    width: 100%;
}

.tab-diff-head {
    background-color: #ffffff;
}

.tab-diff-body {
    background-color: #ffffff;
}

.hidden {
    visibility: hidden;
}