@charset "utf-8";

/* ************************************************************************** */
/*  演題継続利用申請ページのスタイルシート                                    */
/*  https://endai.umin.ac.jp/cgi-open-bin/online_app/index.cgi                */
/* ************************************************************************** */

body{
    color            : #353535;
    font-family      : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin           : 0px auto;
    width            : 90%;
    background-image : none;
}

form div.message{
    border           : 2px #a0a0a0 solid;
    padding          : 0.5em 1em;
}

h1{
    text-align       : center;
}

input[type=reset],
input[type=submit]{
    min-height       : 3em;
    min-width        : 7em;
}
input[type=text],
select{
    padding          : 0.3em;
}

table th{
    background-color : #99ccee;
}
table th.active{
    background-color : #ffbbbb;
}
table th.noactive{
    background-color : #ddddff;
}

table#message{
    margin           : 1em auto;
}

table.type_1,
table.type_2{
    border-collapse  : collapse;
    margin-bottom    : 2em;
    width            : 100%;
}
table.type_1 tr,
table.type_2 tr{
    border-bottom    : 2px white solid;
}
table.type_1 th{
    background-color : #9999ff;
    color            : white;
    white-space      : nowrap;
    width            : 13em;
}
table.type_2 th{
    background-color : #d799ff;
    color            : white;
    width            : 13em;
}
table.type_1 td,
table.type_2 td{
    background-color : #ffffd7;
}
table.type_1 th,
table.type_1 td,
table.type_2 th,
table.type_2 td{
    padding          : 0.5em 1em;
}


/* 色の指定 */
span.color_blue{
    color            : #8080ff;
}
span.color_red{
    color            : #ff8080;
}
span.error{
    color            : red;
    font-weight: bold;
}
span.essential{
    color            : red;
    font-weight      : normal;
    padding-right    : 2px;
}
span.notes2{
    color            : blue;
}
span.sp{
    color            : red;
}


/* .tab */
ul.tab{
    border-bottom    : 5px #a0a0a0 solid;
    margin           : 0px;
    padding          : 0px;
}
ul.tab:after{
    clear            : both;
    content          : "";
    display          : block;
    overflow         : hidden;
}
ul.tab li{
    background-color : #a0a0a0;
    bottom           : -2px;
    color            : white;
    float            : left;
    font-weight      : bold;
    list-style-type  : none;
    padding          : 0.5em 1.5em;
    position         : relative;
    min-width        : 15em;
}
ul.tab li#current{
    border-color     : black;
}


.center{
    text-align       : center;
}

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