@charset "utf-8";

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

*{
    box-sizing       : border-box;
    font-family      : '游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

body, button, input, select, textarea{
    color            : #353535;
    font-size        : 15px;
    max-width        : 100%;
}

body{
    max-width        : 100%;
    margin           : 0px auto;
    overflow-y       : scroll;
    padding          : 5px;
    width            : 950px;
}

hr{
    margin           : 1em 0em;
}

img{
    max-width        : 100%;
}

input[type=text], textarea{
    padding          : 3px 5px;
}
input[type=text]{
    max-width        : 100%;
    width            : 13em;
}

label{
    display          : inline-block;
    padding-right    : 5px;
}

select{
    max-width        : 100%;
    padding          : 5px;
}

table{
    border-collapse  : collapse;
    table-layout     : fixed;
}

textarea{
    display          : block;
    overflow-y       : scroll;
}


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

/* 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{
    border           : 1px #d0d0d0 solid;
    padding          : 0.5em 1em;
}
table.input_form > tbody > tr > th,
table.input_form > tbody > tr > td{
    vertical-align   : baseline;
}
table.input_form > tbody > tr > th{
    font-weight      : normal;
    width            : 13em;
}

@media screen and (max-width: 950px){

    table.input_form > thead > tr,
    table.input_form > tbody > tr{
        border             : 2px #d0d0d0 solid;
    }
    table.input_form > thead > tr > th,
    table.input_form > thead > tr > td,
    table.input_form > tbody > tr > th,
    table.input_form > tbody > tr > td{
        border-style       : none;
        display            : block;
        text-align         : left;
        width              : 100%;
    }
    table.input_form > tbody > tr > th{
        background-color   : #eaeaea;
    }

}

table.input_form label:hover{
    background-color : #e0e0e0;
}

/* author */
table.author > tbody > tr > td:nth-of-type(1),
table.author > tbody > tr > td:nth-of-type(3){
    text-align       : right;
    white-space      : nowrap;
    width            : 10px;
}
table.author > tbody > tr > td:nth-of-type(3){
    padding-left     : 0.5em;
}
table.author > tbody > tr > td:nth-of-type(2) input[type="text"],
table.author > tbody > tr > td:nth-of-type(4) input[type="text"]{
    width            : 10em;
}

/* div.institution_no */
div.institution_no{
    max-width        : 550px;
}
div.institution_no > label{
    margin-right     : 0.5em;
    padding          : 0px;
    width            : 40px;
}

/* institution */
table.institution{
    width            : 100%;
    table-layout     : auto;
}
table.institution > tbody > tr > td:nth-of-type(1){
    text-align       : right;
    white-space      : nowrap;
    width            : 10px;
}
table.institution > tbody > tr > td:nth-of-type(2) input[type="text"]{
    width            : 100%;
}

/* telephone_no */
table.telephone_no  > tbody > tr > td:nth-of-type(2){
    padding-left     : 0.5em;
    white-space      : nowrap;
}

/* org_postno_1, postno_1, postno_0 */
input[name="org_postno_1"],
input[name="postno_1"],
input[name="postno_0"]{
    width            : 9em;
}

/* org_addr_1, addr_1, addr_0 */
input[name="org_addr_1"],
input[name="addr_1"],
input[name="addr_0"]{
    width            : 100%;
}

/* org_tel_1, tel_1, tel_0 */
/* org_fax_1, fax_1, fax_0 */
input[name="org_tel_1"],
input[name="tel_1"],
input[name="tel_0"],
input[name="org_fax_1"],
input[name="fax_1"],
input[name="fax_0"]{
    width            : 13em;
}

/* org_telext_1', telext_1, telext_0 */
input[name="org_telext_1"],
input[name="telext_1"],
input[name="telext_0"]{
    width            : 5em;
}

/* email_1 */
input[name="email_1"]{
    width            : 25em;
}

/* title, etitle */
textarea[name="title"],
textarea[name="etitle"],
textarea[name="abstract_1"],
textarea[name="abstract_2"],
textarea[name="abstract_3"],
textarea[name="abstract_4"]{
    width            : 100%;
}
textarea[name="title"],
textarea[name="etitle"]{
    height           : 4em;
}
textarea[name="abstract_1"],
textarea[name="abstract_2"],
textarea[name="abstract_3"],
textarea[name="abstract_4"]{
    height           : 20em;
}

/* input[name="password"] */
input[name="password"]{
    width            : 11em;
}


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

/* ul.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          : "※";
}

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

/* ul.example */
ul.example{
    margin           : 0px;
    padding-left     : 0px;
}
ul.example > li{
    font-size        : 95%;
    list-style       : none;
    margin-bottom    : 0.5em;
    margin-left      : 26px;
    text-indent      : -26px;
}
ul.example > li::before{
    content          : "(例)";
}

/* 色 */
.black{
    color            : #353535;
}
.blue{
    color            : #3535ff;
}
.red{
    color            : #ff3535;
}