body, html {
    margin: 0;
    padding: 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    font-size: 16px;
    background-color: #ffffef;
}

/* BODY要素(テストモード) */
body.test {
    background-color: #E8FFFF;
}

header {
    /*margin: 0 0 16px 0;*/
    padding: 16px;
    /*background-color: #eee;*/
    /*height: 120px;*/
}

input {
    padding: 4px 8px;
    background-color: #fff;
    border: 1px solid #aaa;
    font-size: 90%;
}

input[type="text"]:disabled, input[type="password"]:disabled {
    background:#DCDCDC;
    cursor:not-allowed;
}

.header_right {
    float: right;
    text-align: right;
}

.commonTitle {
    text-decoration: underline;
}

.title {
    font-size: 1.7em;
    font-weight: bold;
}

.button {
    display: inline-block;
    padding: 2px 8px;
    background-color: #ddd;
    color: #333;
    border: 1px solid #333;
    text-decoration: none;
    font-size: 90%;
}
.button:hover {
    background-color: #ccc;
}

.errorMessage {
    margin: 16px;
    font-size: 80%;
    color: red;
}

.wrapper {
    max-width: 1000px;
    margin-right: auto;
}

.mainContents {
    padding: 16px 64px;
    margin: auto;
    max-width: 900px;
}

.basicTable {
    margin: auto auto 16px 0;
    border-collapse: collapse;
}
.basicTable caption {
    text-align: left;
}
.basicTable th {
    background-color: #a4ca64;
    padding: 4px 8px;
    border: 1px solid #aaa;
    min-width: 160px;
}
.basicTable td {
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 4px 8px;
    min-width: 320px;
}

.legendTable {
    margin: auto auto 16px 0;
    border-collapse: collapse;
}
.legendTable caption {
    text-align: left;
}
.legendTable th {
    background-color: #a4ca64;
    padding: 4px 8px;
    border: 1px solid #aaa;
    min-width: 160px;
}
.legendTable td {
    padding: 4px 8px;
    min-width: 100px;
    font-size: small;
}
.variableTable td, .variableTable th {
    min-width: auto;
}

.invisibleCell {
    border: 0 !important;
    background: transparent !important;
}

.actionArea {
    text-align: center;
    margin: 16px auto;
    clear: both;
}

.updated {
    background-color: #a4ca64 !important;
}

.annotation, .caution {
    color: red;
    font-size: 90%;
}

#caution {
    color:red;
}