section.main > div.outerbox{
    text-align:center;
    padding: 2rem 0;
}
div.outerbox table.innerbox{
    margin: 0 auto;
    padding: 0;
    background-color: var(--back);
}

div.outerbox table.innerbox > tbody{
    text-align: left;
}

table.inputform > tbody > tr{
    border-bottom:solid 1px var(--image-color-lean2);
}

table.inputform > tbody > tr > td{
    padding:0.7rem 0.7rem;
}

table.inputform > tbody > tr > td:nth-child(1){
    width: 0.9em;
    padding-right: 0;
    color: var(--exclamation);
    font-size: 1.7rem;
    line-height: 1.8rem;
}
table.inputform > tbody > tr > td:nth-child(1):after{
    content: "*";
}
table.inputform > tbody > tr:not(.mandatory) > td:nth-child(1):after{
    visibility: hidden;
}
table.inputform > tbody > tr > td:nth-child(2){
    padding-left:0.1rem;
}

table.inputform > tbody > tr > td > div:not(:last-child) {
    margin-bottom: 0.2rem;
}

table.inputform > tbody > tr > td > div > select.unselected
{
    color:var(--input-placeholder-forecolor);
    font-style: italic;
}
table.inputform > tbody > tr > td ul.hints{
    font-size:0.8rem;
    margin:0.2rem 0;
    padding-left:1.5rem;
    display: none;
}
table.inputform > tbody > tr:not([data-checkresult=""]) > td input:not(:placeholder-shown) ~ ul.hints,
table.inputform > tbody > tr > td ul.hints.show{
    display: inherit;
}
table.inputform > tbody > tr > td ul > li > p{
    margin:0.3rem 0;
}
table.inputform > tbody > tr[data-checkresult="blank"] input[name],
table.inputform > tbody > tr[data-checkresult="blank"] select[name],
table.inputform > tbody > tr[data-checkresult="blank"] textarea[name]{
    background-color: var(--input-blank-backcolor);
    -webkit-box-shadow: 0 0 0px 1000px var(--input-blank-backcolor) inset;
    box-shadow: 0 0 0px 1000px var(--input-blank-backcolor) inset;
}
table.inputform > tbody > tr[data-checkresult="blank"] input[name][type="hidden"]~span{
    background-color: var(--input-blank-backcolor);
}
table.inputform > tbody > tr[data-checkresult="unmatch"] input[name],
table.inputform > tbody > tr[data-checkresult="unmatch"] select[name],
table.inputform > tbody > tr[data-checkresult="unmatch"] textarea[name]{
    background-color: var(--input-unmatch-backcolor);
    -webkit-box-shadow: 0 0 0px 1000px var(--input-unmatch-backcolor) inset;
    box-shadow: 0 0 0px 1000px var(--input-unmatch-backcolor) inset;
}
table.inputform > tbody > tr[data-checkresult="unmatch"] input[name][type="hidden"]~span{
    background-color: var(--input-unmatch-backcolor);
}

table.inputform > tbody > tr[data-checkresult="inconsistent"] input[name]{
    background-color: var(--input-inconsistent-backcolor);
    -webkit-box-shadow: 0 0 0px 1000px var(--input-inconsistent-backcolor) inset;
    box-shadow: 0 0 0px 1000px var(--input-inconsistent-backcolor) inset;
}
table.inputform > tbody > tr[data-checkresult$="maildomain"] input[name]{
    background-color: var(--input-mailerror-backcolor);
    -webkit-box-shadow: 0 0 0px 1000px var(--input-mailerror-backcolor) inset;
    box-shadow: 0 0 0px 1000px var(--input-mailerror-backcolor) inset;
}
table.inputform > tbody > tr input[name]::placeholder {
    color:var(--input-placeholder-forecolor);
    font-style: italic;
}
table.inputform > tbody > tr:not([data-checkresult=""]) input[name]::placeholder,
table.inputform > tbody > tr:not([data-checkresult=""]) select.unselected {
    color:var(--input-unapplicable-forecolor);
}


table.inputform > tbody > tr input[name][disabled],
table.inputform > tbody > tr select[name][disabled],
table.inputform > tbody > tr textarea[name][disabled]{
    border:none;
    background-color: transparent;
}
table.inputform > tbody > tr textarea[name][disabled]{
    resize: none;
}
table.inputform > tbody > tr input[name][disabled]::placeholder{
    color:transparent;
}

span.dummybox.blank{
    background-color:var(--input-blank-backcolor);
}
span.dummybox.unmatch{
    background-color:var(--input-unmatch-backcolor);
}
span.dummybox.inconsistent{
    background-color:var(--input-inconsistent-backcolor);
}
span.dummybox.mailerror{
    background-color:var(--input-mailerror-backcolor);
}
