body {
    background-color: #FFEFFD;
    color: #333333;
    font-family: "MS Pゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
}

.title {
    color: #FF00CC;
    font-size: 38px;
    text-shadow: 2px 2px 0px #FFCCFF, 4px 4px 0px #FF66CC;
    border-bottom: 3px double #FF00CC;
    display: inline-block;
    padding: 10px;
}

.main-table {
    border: 3px outset #FFFFFF;
    box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
}

.sidebar {
    background-color: #FFE6F2;
    border-right: 2px solid #FFCCE6;
    line-height: 1.8;
}

.sidebar a {
    color: #0000FF;
    text-decoration: underline;
    display: block;
    padding-left: 5px;
}

.sidebar a:hover {
    color: #FFFF00;
    background-color: #FF0000;
}

.counter {
    background-color: #000000;
    color: #00FF00;
    font-family: 'Courier New', monospace;
    padding: 2px 8px;
    font-size: 20px;
    border: 2px inset #999999;
}

.section-title {
    background-color: #FF00CC;
    color: #FFFFFF;
    padding: 5px;
    font-size: 18px;
    border: 2px outset #FFFFFF;
}

.content {
    background-color: #FFFFFF;
    text-align: left;
}

/* メンバー表などの点線 */
hr {
    border: none;
    border-top: 1px dashed #FF66CC;
}

/* login.html用に追加 */
input.pass-input {
    border: 2px inset #ffffff;
    background-color: #ffffff;
    padding: 2px;
}

button {
    font-family: "MS Pゴシック";
    background: #cccccc;
    border: 2px outset #ffffff;
    padding: 2px 10px;
}

button:active {
    border: 2px inset #ffffff;
}