html {
    overflow-y: scroll;
}

body {
    padding-top: 50px;
    font-family: 'Lucida Grande', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif';
}

.starter-template {
    padding: 10px 5px;
}

.footer {
    text-align: center;
}

.list_table th {
    text-align: center;
}

.list_table td {
    border: 1px solid #cccccc;
    font-size: 12px;
    padding: 2px;
}

.zebra0 td {
    background-color: #eeeeee;
}

.zebra1 td {
    background-color: #ffffff;
}

.vs_table {
    width: 100%;
}

.vs_table th {
    border: 1px solid #aaaaaa;
    text-align: center;
    padding: 2px;
}

.vs_table td {
    border: 1px solid #aaaaaa;
    text-align: center;
    padding: 2px;
    font-size: 12px;
}

.table_text {
    width: 100%;
    border: 1px solid #aaaaaa;
    text-align: center;
    margin-top: 2px;
    padding: 2px;
}

.em_div {
    border: 1px solid #3E97F6;
    background-color: #fafafa;
}

@media (min-width: 767px) and (max-width: 1023px) {
    body {
        padding-top: 155px;
        font-family: 'Lucida Grande', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif';
    }
    .navbar-brand {
        float: left;
        padding: 15px 5px;
        font-size: 18px;
        line-height: 20px;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 15px 10px;
    }
}

@media (min-width: 769px) and (max-width: 1025px) {

    .navbar-brand {
        float: left;
        padding: 15px 5px;
        font-size: 18px;
        line-height: 20px;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 15px 10px;
    }
    .container {
        max-width: 1024px;
        padding: 0;
    }
    .navbar .container {
        max-width: 1024px;
        padding: 0 15px;
    }
}