@charset "utf-8";

/* ************************************************************************** */
/*  */

body, button, input, select, textarea{
    box-sizing       : border-box;
    color            : #353535;
    font-family      : sans-serif;
    font-size        : 15px;
}

body{
    max-width        : 950px;
    margin           : 0px auto;
    padding          : 5px;
}

hr{
    margin           : 1em 0em;
}

input[type=text], select, textarea{
    padding          : 3px 5px;
}

label{
    display          : inline-block;
    margin-right     : 1em;
}

select{
    max-width        : 45em;
}



table{
    border-collapse  : collapse;
}

textarea{
    display          : block;
    font-size        : 90%;
}

/* ************************************************************************** */
/*  */

/* header_msg */
div#header_msg{
    background-color : #ffecec;
    border           : 3px #ff3535 double;
    color            : #ff3535;
    font-size        : 115%;;
    font-weight      : bold;
    margin           : 1em 0px;
    padding          : 0.5em 1em;
}

/* input_form */
table.input_form{
    background-color : #fafafa;
    border           : 2px #d0d0d0 solid;
    margin           : 1em 0em;
    width            : 100%;
}
table.input_form > caption{
    caption-side     : top;
    text-align       : left;
}
table.input_form > tbody > tr:hover{
    background-color : #f0f0f0;
}
table.input_form > thead > tr > th,
table.input_form > thead > tr > td,
table.input_form > tbody > tr > th,
table.input_form > tbody > tr > td{
    display          : block;
    text-align       : left;
}
table.input_form > thead > tr > th,
table.input_form > tbody > tr > th{
    padding          : 0.5em 1em 0px 1em;
}
table.input_form > thead > tr > td,
table.input_form > tbody > tr > td{
    border-bottom    : 1px #d0d0d0 solid;
    padding          : 0px 1em 0.5em 1em;
}
table.input_form > thead > tr:last-child > td:nth-last-child(1),
table.input_form > tbody > tr:last-child > td:nth-last-child(1){
    border-bottom-style : none;
}

/* author_name */
table.author_name > tbody > tr > td{
    vertical-align   : baseline;
    padding-bottom   : 0.5em;
}
table.author_name > tbody > tr:last-child > td{
    padding-bottom   : 0px;
}
table.author_name > tbody > tr > td:nth-of-type(1),
table.author_name > tbody > tr > td:nth-of-type(2),
table.author_name > tbody > tr > td:nth-of-type(4){
    text-align       : right;
    white-space      : nowrap;
}
table.author_name > tbody > tr > td:nth-of-type(4){
    padding-left     : 1em;
}
table.author_name input{
    width            : 15em;
}

/* institution_no */
.institution_no label{
    margin-right     : 0px;
    width            : 43px;
    white-space      : nowrap;
}
.institution_no label:hover{
    background-color : #e0e0e0;
}

/* institution */
table.institution tbody > tr > td{
    vertical-align   : baseline;
    padding-bottom   : 0.5em;
}
table.institution tbody > tr:last-child > td{
    padding-bottom   : 0px;
}
table.institution tbody > tr > td:nth-of-type(1){
    text-align       : right;
    white-space      : nowrap;
}
table.institution input[type="text"]{
    width            : 40em;
}

/* address */
table.address > tbody > tr:nth-of-type(1)  input:nth-of-type(1){
    width            : 8em;
}
table.address > tbody > tr:nth-of-type(2)  input{
    width            : 40em;
}
table.address > tbody > tr:nth-of-type(4)  input{
    width            : 13em;
}
/* phone */
table.phone td:nth-of-type(1) input{
    width            : 13em;
}
table.phone td:nth-of-type(2){
    padding-left     : 1em;
    white-space      : nowrap;
}
table.phone td:nth-of-type(3) input{
    width            : 5em;
}
table.phone td{
    vertical-align   : baseline;
}

/* mail_address */
.mail_address input{
    width            : 25em;
}

/* title */
table#title textarea{
    height           : 4em;
    width            : 50em;
}

/* abstract */
table#abstract textarea{
    height           : 20em;
    width            : 50em;
}

/* password */
table#password input{
    width            : 10em;
}

/* ************************************************************************** */
/*  */

/* example */
span.example{
    color            : #757575;
    font-size        : 12px;
}

/* required */
span.required{
    color            : #ff3535;
    font-weight      : normal;
}
span.required2{
    color            : #3535ff;
    font-weight      : normal;
}

/* note */
ul.note{
    margin           : 0px;
    padding-left     : 0px;
}
ul.note > li{
    list-style       : none;
    margin-left      : 1em;
    text-indent      : -1em;
}
ul.note > li::before{
    content          : "※";
}