@CHARSET "utf-8";

table {
    margin: auto;
    border: 1px;
    border-collapse: collapse;
    border-style: solid;
    border-color: #000;
    padding: 2px;
}

table tr {
    border: 1px;
    border-style: solid;
    border-color: #000;
    padding: 2px;
}

table tr th {
    background-color: #f4e3fb;
    border: 1px;
    border-style: solid;
    border-color: #000;
    padding: 2px;
}

table tr td {
    border: 1px;
    border-style: solid;
    border-color: #000;
    padding: 2px;
}

table.noborder {
    margin: auto;
    border: 0px;
    border-collapse: collapse;
    padding: 2px;
}

table.noborder tr {
    border: 0px;
    padding: 2px;
}

table.noborder tr th {
    background-color: #f4e3fb;
    border: 0px;
    padding: 2px;
}

table.noborder tr td {
    border: 0px;
    padding: 2px;
}

div.election {
    border-style: ridge;
    border-width: 8px;
    border-color: #0000ff;
}

div.prepare {
    margin: 5px;
    border-style: solid;
    border-width: 4px;
    border-color: #00ff00;
}

div.voting {
    margin: 5px;
    border-style: solid;
    border-width: 4px;
    border-color: #00cc00;
}

div.final {
    margin: 5px;
    border-style: solid;
    border-width: 4px;
    border-color: #009900;
}

div.maintenance {
    border-style: ridge;
    border-width: 5px;
    border-color: #ff0000;
}

.hdTitle {
    color: #fff;
    background-color: #8d5aa2;
    padding: 3px 20px 3px 20px;
    border: 0;
}

.hdTitleComplete {
    color: #fff;
    background-color: #F44336;
    padding: 3px 20px 3px 20px;
    border: 0;
}

.expiration {
    float: right;
    color: #000;
    text-align: right;
    font-size: small;
    background-color: #fff;
    padding: 3px 20px 2px 20px;
    border: 2px solid #8d5aa2;
}

.footer {
    font-size: x-small;
    text-align: right;
    color: #fff;
    background-color: #8d5aa2;
    padding: 3px 20px 3px 20px;
    border: 0;
}

.fncTitle {
    color: #fff;
    background-color: #008b8b;
    padding: 3px 20px 3px 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #004040 #00c0c0 #00c0c0 #004040;
}

.logout {
    clear: both;
    float: right;
    text-align: right;
    color: #fff;
    background-color: #fff;
    padding: 3px 20px 2px 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #004040 #00c0c0 #00c0c0 #004040;
}

td.increase {
    color: #fff;
    background-color: #8d5aa2;
}

td.decrease {
    color: #fff;
    background-color: #F44336;
}

tr.noReport {
    background-color: pink;
}

tr.kuriage {
    background-color: lightGray;
}

td.defeat {
    background-color: lightGray;
}

.title {
    text-align: center;
    color: #fff;
    background-color: #a47ab5;
}

.subTitle {
    text-align: center;
    color: #fff;
    background-color: #f77;
}

.itemGroup {
    text-align: center;
    color: #fff;
    background-color: #2E6E9E;
}

.itemTitle {
    background-color: #f4e3fb;
}

.item {
    padding-left: 10px;
}

.submitBtn {
    margin: auto;
    text-align: center;
    color: #fff;
    background-color: #a47ab5;
    padding: 3px;
    border-style: solid;
    border-width: 5px;
    border-color: #fff;
}

.num {
    padding: 2px 8px 2px 8px;
    text-align: right;
    ime-mode: disabled;
}

.boxCenter {
    margin: auto;
    text-align: center;
}

.right {
    text-align: right;
}

.large {
    font-size: large;
}

.small {
    font-size: small;
}

.hidden {
    display: none
}

.inpJa {
    ime-mode: active;
}

.inpAlp {
    ime-mode: disabled;
}

.key {
    display: none
}

.notice {
    color: #F44336;
    font-size: small;
}

/*=== 投票速報 ===*/
section table {
    width: 100%;
}

section th, section td {padding; 10px;
    border: 1px solid #add;
}

.tbl th, .tbl td {
    width: 20%;
    text-align: left;
}

.trialMode {
    color: #fff;
    background-color: #F44336;
    padding: 3px 20px 3px 20px;
    border: 0;
}

.right {
    text-align: right;
}

/* ボタン */
button {
    background: #6e9618;
    border: 0;
    border-radius: 4px;
    color: #fff;
    padding: 6px 16px;
}

button:hover {
    background: #344c00;
    cursor: pointer;
}

@media only screen and (max-width:768px) {
    .tbl {
        margin: 0 -10px;
    }
    .tbl tr {
        display: block;
        margin-bottom: 10px;
    }
    .tbl th {
        display: block;
        width: 100%;
    }
    .tbl td {
        display: list-item;
        width: 90%;
        margin-left: 10%;
        border: 0;
    }
    #print-btn {
        display: none;
    }
}

/* 印刷 */
@media print {
    header, footer, .no_print {
        display: none;
    }
}