@charset "utf-8";

/* ************************************************************************** **
    レスポンシブレイアウト用の標準設定
** ************************************************************************** */

*{
    box-sizing          : border-box;
    font-family         : "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

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

body{
    background-color    : #fdfdfd;
    margin              : 0px auto;
    overflow-y          : scroll;
    width               : 980px;
}

button{
    min-height          : 36px;
}

hr{
    margin              : 1em 0px;
}

img{
    max-width           : 100%;
}

label{
    display             : inline-block;
    padding-right       : 0.3em;
}
label:hover{
    background-color    : #e0e0e0;
}

select{
    padding             : 6px 2px;
}

textarea{
    display             : block;
}


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

/* テキストボックス */
input[name="email_1"]{
    width               : 30em;
}
input[name="password"]{
    width               : 10em;
}

/* 演題名、抄録本文 */
.input_form textarea[name="title"],
.input_form textarea[name="etitle"],
.input_form textarea[name="abstract_1"],
.input_form textarea[name="abstract_2"],
.input_form textarea[name="abstract_3"],
.input_form textarea[name="abstract_4"],
.input_form textarea[name="eabstract_1"],
.input_form textarea[name="eabstract_2"],
.input_form textarea[name="eabstract_3"],
.input_form textarea[name="eabstract_4"]{
    overflow-y          : scroll;
    width               : 100%;
}
.input_form textarea[name="title"],
.input_form textarea[name="etitle"]{
    height              : 4em;
}
.input_form textarea[name="abstract_1"],
.input_form textarea[name="abstract_2"],
.input_form textarea[name="abstract_3"],
.input_form textarea[name="abstract_4"],
.input_form textarea[name="eabstract_1"],
.input_form textarea[name="eabstract_2"],
.input_form textarea[name="eabstract_3"],
.input_form textarea[name="eabstract_4"]{
    height              : 20em;
}


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

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

/* input_form */
div.input_form,
table.input_form{
    background-color    : #fafafa;
    border              : 2px #d0d0d0 solid;
    margin              : 1em 0px;
}
table.input_form{
    border-collapse     : collapse;
    table-layout        : fixed;
    width               : 100%;
}
table.input_form > caption{
    caption-side        : top;
    text-align          : left;
}
table.input_form > tbody > tr{
    border              : 1px #d0d0d0 solid;
}
div.input_form,
table.input_form > tbody > tr > td{
    padding             : 0.7em 1em;
}
div.input_form:hover,
table.input_form > tbody > tr:hover{
    background-color    : #f0f0f0;
}

/* author_name */
table.author_name{
    border-collapse     : collapse;
}
table.author_name > tbody > tr > td{
    vertical-align      : baseline;
}
table.author_name > tbody > tr > td:nth-child(1){
    text-align          : right;
    white-space         : nowrap;
}
table.author_name > tbody > tr > td:nth-child(2) input[type="text"],
table.author_name > tbody > tr > td:nth-child(3) input[type="text"]{
    width               : 10em;
}

/* institution_name */
table.institution_name{
    border-collapse     : collapse;
    width               : 100%;
}
table.institution_name > tbody > tr > td{
    vertical-align      : baseline;
}
table.institution_name > tbody > tr > td:nth-child(1){
    text-align          : right;
    white-space         : nowrap;
    width               : 0px;
}
table.institution_name > tbody > tr > td:nth-child(2) > input[type="text"]{
    width               : 100%;
}

/* institution_no */
div.institution_no{
    max-width           : 31em;
}
div.institution_no > label{
    padding             : 0px;
    width               : 45px;
}

/* address_form */
/* 郵便番号 */
table.address_form input[name="org_postno_1"],
table.address_form input[name="postno_0"],
table.address_form input[name="postno_1"]{
    width               : 7em;
}
/* 住所 */
table.address_form input[name="org_addr_1"],
table.address_form input[name="eorg_addr_1"],
table.address_form input[name="addr_0"],
table.address_form input[name="addr_1"]{
    width               : 100%;
}
/* 電話番号 */
table.address_form input[name="org_tel_1"],
table.address_form input[name="tel_0"],
table.address_form input[name="tel_1"]{
    width               : 10em;
}
/* 内線番号  */
table.address_form input[name="org_telext_1"],
table.address_form input[name="telext_0"],
table.address_form input[name="telext_1"]{
    width               : 5em;
}
/* FAX番号 */
table.address_form input[name="org_fax_1"],
table.address_form input[name="fax_0"],
table.address_form input[name="fax_1"]{
    width               : 10em;
}

/* address (旧設定) */
table.address{
    border-collapse     : collapse;
    width               : 100%;
}
table.address > tbody > tr > td{
    vertical-align      : baseline;
}
table.address > tbody > tr:nth-child(1) > td:nth-child(2) > input[type="text"]{
    width               : 7em;
}
table.address > tbody > tr > td:nth-child(1){
    text-align          : right;
    white-space         : nowrap;
    width               : 0px;
}
table.address > tbody > tr:nth-child(3) > td:nth-child(2) > input[type="text"]{
    width               : 100%;
}
table.address > tbody > tr:nth-child(4) > td:nth-child(2) > input[type="text"]:nth-child(1),
table.address > tbody > tr:nth-child(5) > td:nth-child(2) > input[type="text"]{
    width               : 10em;
}
table.address > tbody > tr:nth-child(4) > td:nth-child(2) > input[type="text"]:nth-child(2){
    width               : 5em;
}

/* form_change_button */
p.form_change_button{
    text-align          : center;
}
p.form_change_button > button{
    display             : inline-block;
    min-height          : 2.5em;
    min-width           : 16em;
}

/* submit_button */
p.submit_button{
    text-align          : center;
}
p.submit_button > button{
    display             : inline-block;
    min-height          : 3em;
    min-width           : 16em;
}


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

/* 入力例 */
div.example,
span.example,
ul.example{
    color               : #888888;
    display             : block;
    font-size           : 90%;
    margin              : 0px 0px 0.3em 0px;
    padding             : 0px;
}

ul.example > li{
    list-style          : none;
    margin-left         : 30px;
    text-indent         : -30px;
}
ul.example > li::before{
    content             : "(例) ";
}


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

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


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

/* 太文字 */
.bold{
    font-weight         : bold;
}


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

/* HTMLタグの一覧 */
div.tag_list{
    margin           : 1em 0px;
    overflow-x       : auto;
    width            : 100%;
}

div.tag_list > table{
    border           : 2px #d0d0d0 solid;
    border-collapse  : collapse;
    width            : 970px;
}
div.tag_list > table > caption{
    text-align       : left;
}
div.tag_list > table > tbody > tr > th,
div.tag_list > table > tbody > tr > td{
    border           : 1px #d0d0d0 solid;
    padding          : 0.5em 0px;
    text-align       : center;
}
div.tag_list > table > tbody > tr > th{
    background-color : #f0f0f0;
}
div.tag_list > table > tbody > tr > td{
    width            : 6em;
}


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

/* 募集締め切りメッセージ */
div#closed_message{
    background       : repeating-linear-gradient(-45deg,#ffe3e3 0px,#ffe3e3 2px,#ffecec 2px,#ffecec 4px);
    border-left      : 3px red solid;
    border-right     : 3px red solid;
    padding          : 0.5em 0.5em;
}