@charset "utf-8";

h3 {
    padding: 0.50rem !important;
    font-size: 1.25rem !important;
    font-weight: bold ;
    background: rgba(125 155 210 / 0.25);
}

dt:not(#aside dt) {
    padding: 0.50rem !important;
    margin-bottom: 0.50rem !important;
    font-size: 1.15rem !important;
    font-weight: bold ;
    background: rgba(240 240 240 / 0.25);
    border-bottom: 1px solid rgba(200 200 200/ 1.00);
    border-left: 10px solid rgba(200 200 200/ 1.00);
}


#area_tabs ul {
    display: flex;
    margin-bottom: 3rem !important;
}

#area_tabs ul li {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0.75rem !important;
    margin: 0 8px 20px 0 !important;
    background: rgba(125 155 210 / 0.50);
    border: 1px solid rgba(220 220 220 / 1.00);
    border-radius: 3px;
}

#area_tabs ul li:hover {
    color: rgba(255 255 255 / 1.00) !important;
    background: rgba(20 60 155 / 1.00);
}

#area_tabs ul li.active {
    color: rgba(255 255 255 / 1.00) !important;
    background: rgba(20 60 155 / 1.00);
}

#page2 {
    display: none;
}