/* CSS Document */
@charset "utf-8";

#side a,
#side a:link,
#side a:visited,
#side a:hover,
#side a:active {
    text-decoration: none;
    color: #333;
    padding:5px 15px
}

.category_title {
    text-align: center;
    background-color: #d70c19;
    padding: 15px 0;
}

.category_menu {
    background-color: #f2f2f2;
    padding: 10px;
}

.category_menu ul.hl:nth-child(-n+6) {
    border-bottom: 1px dotted #808080;
}

    /* 大見出し */
    .category_menu ul.hl > li {
        margin: 10px 0;
        /* padding: 10px; */
        font-size: 110%;
        font-weight: bold;
        border: 2px solid #f2f2f2;
        cursor: pointer;
    }
    .category_menu ul.hl:first-child > li {
        margin-top: 0;
    }
    .category_menu ul.hl:last-child > li {
        margin-bottom: 0;
    }
    /* hover */
    .category_menu ul.hl > li:hover {
        border: 2px solid #808080;
        background-color: #fff;
    }
    .category_menu ul.hl > li.active {
        border: 2px solid #808080;
        background-color: #fff;
    }
    /* selected */
    .category_menu ul.hl > li.selected {
        color: #b61018;
        border: 2px solid #b61018;
        background-color: #fff;
    }
    .category_menu ul.hl li ul.mhl {
        display: none;
        margin: 0 10px;
    }
        /* 中見出しなし用 */
        .category_menu ul.hl.single > li {
            padding: 0;
        }
        .category_menu ul.hl.single > li a {
            display: block;
            padding: 10px;
        }
        .category_menu ul.hl > li.selected > a {
            color: #b61018 !important;
        }

    /* 中見出し */
    ul.mhl li a {
        display: block;
        padding: 3px 10px;
        margin: 3px 0px;
        font-size: 87.5%;
        font-weight: normal;
    }
    ul.mhl li:first-child a {
        /*margin-top: 10px;*/
    }
    /* hover */
    ul.mhl li a:hover {
        background-color: #f2f2f2;
    }
    /* selected */
    ul.mhl li a.selected {
        color: #b61018 !important;
        background-color: #fdeded;
    }