body {
    /* Margin bottom by footer height */
    margin-bottom: 65px;
}

.system-name-area {
    min-width: 725px;
    background-color: #DDFFFF;
}
.system-name {
    color: #0000CD;
    display: inline-block;
    font-size: 1.75em;
    font-weight: bold;
    line-height: 2em;
    height: 40px;
}

.system-subtitle {
    color: #0000CD;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.7em;
    margin: 0 0 0 0.1em;
}

.logo-area {
    background-color: #fff;
    padding: 0px 0px 0px 0px; /* これを入れておかないと、親の背景色がはみ出る */
}

.system-description-area {
    background-color: #fffacd;
    border: solid 3px #b0c4de;
    border-radius: 50px;
    padding: 10px 30px 0;
    min-width: 850px;
}
.system-description {
    font-weight: bold;
}
.system-description .accentuation {
    color: #0000cd;
}

.annotation {
    font-size: 75%;
    font-weight: normal;
}

.otoku-reason-area {
    background-color: #fff;
    border: solid 3px #b0c4de;
    border-radius: 50px;
    color: #cc3300;
    margin-bottom: 5px;
    padding: 10px 0 10px 30px;
    width: 100%;
}
.otoku-reason-area .accentuation {
    color: #07f;
}
.image-container {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}
.image-container > img {
    display: inline-block;
}
.image-container .otoku-hukidashi {
    height: auto;
    max-width: 58px;
}
.image-container .non-fleet {
    height: auto;
    margin-right: 5px;
    max-width: 207px;
}

#exemption-extra-rate {
    display: inline-block;
}
#exemption-extra-rate .eer-box-1,
#exemption-extra-rate .eer-box-2 {
    display: inline-block;
    word-break: break-all;
}
#exemption-extra-rate .eer-box-1 {
    padding-top: 20px;
    vertical-align: top;
    width: 1em;
}
#exemption-extra-rate .eer-box-2 {
    padding-top: 10px;
    width: 22em;
}
#exemption-extra-rate .eer-small-string {
    font-size: 80%;
}

.eer-box-1 {
	 color: #0000CD;
}

.eer-small-string {
	 color: #0000CD;
}

#shuffle-sample-img {
    height: auto;
    margin-top:10px;
    margin-bottom: 10px;
    max-width: 662.5px;
}

div[class="annotation last"] {
    margin-top: 5px;
    margin-left: 35px;
}
.colon {
    font-weight: bold;
}
.annotation-number:after {
    content: ":";
    font-weight: bold;
    margin-right: 2px;
}

.start-box {
    border: solid 2px #323296;
    border-radius: 4px;
    padding: 2px;
}
#start-button {
    font-size: 135%;
    font-weight: bold;
}

@media (max-width: 1199px) {

    #exemption-extra-rate .eer-box-2 {
        padding-top: 0;
        width: 9em;
    }

}

@media (max-width: 1024px) {

    .system-name {
        font-size: 1.4em;
        margin: 0 0 0 0.2em;
    }

    .logo-area {
        padding-bottom: 0; /* これを入れておかないと、親の背景色がはみ出る */
    }

    div[class="annotation last"] {
        margin-left: 0;
    }

    #start-button {
        font-size: 125%;
    }
}

.agency-input{
	padding-top: 6px;
}

.agency-label{
    margin-top:7px;
    text-align:right;
}

.asterisk{
    font-size: 75%;
    line-height: 2em;
}

#agencyCodeFormatError{
    padding-left: 35px;
    margin-top: 10px;
    text-align:center;
}

.system-title{
    display:inline-block;
}

.agency-input-nonerror{
}

.start-box-nonerror{
}
.agency-row {
	padding-top:10px;
}