@charset "utf-8";

/* ************************************************************************** */
/*  */
body, button, input, select, textarea{
    color            : #353535;
    font-size        : 15px;
}

/*
*/

hr{
    margin           : 1em 0em;
}

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

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

select{
    max-width        : 45em;
}



table{
    border-collapse  : collapse;
}

textarea{
    display          : block;
    font-size        : 95%;
}
.text-box {
    font-size: 17px;   /* 絶対値指定 */
}
/* ************************************************************************** */
/*  */

/* 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           : 1.0em 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;
    vertical-align   : baseline;
}
table.input_form > tbody > tr > th{
    width            : 11em;
}

/* 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            : 10em;
}

/* 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;
}

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

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

/* abstract */
/* table#abstract textarea{ */
textarea#abs_textJ ,
textarea#abs_textE {
    height           : 20em;
    width            : 50em;
}
textarea#cv_text {
    width            : 50em;
}

/* coi */
table.input_form #coi{
    font-size:0.9rem;
}
.uploadComment {
    padding-top : 6px;
    font-size: 10pt;
    line-height:1.25;
}

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

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

/* example */
div.example, 
span.example{
    color            : #757575;
    font-size        : 12px;
}
div.notice, 
span.notice{
    color            : #0000FF;
    font-size        : 13px;
    line-height      : 1.4;
}
div.onlyOne {
    font-size        : 13px;
    line-height      : 1.3;
}

/* required */
span.required{
    color            : #ff3535;
    font-weight      : normal;
}
span.required2{
    color            : #3535ff;
    font-weight      : normal;
}
.error {
	font-size:small;
	color:#fff;
	width:91%;
	padding-left:4px;
	background: #ff2929;
	border-radius: 4px;
}

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


/* ************************************************************************** */
/* アコーディオン */
/* ************************************************************************** */

p .accordion_org {
	line-height:1.3;
}

/* ************************************************************************** */
/* inputボタンの設定 */
/* ************************************************************************** */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	padding: 5px 14px;  
	margin-bottom: 20px;
	border-radius: 5px;	
	background: #e5e5e5;	
	background: -webkit-linear-gradient(#FFF, #e5e5e5);	
	background: linear-gradient(#FFF, #e5e5e5);	
	font-size: 1.1em;
	font-weight: bold;
	border: 1px solid #999;	
	cursor:pointer ; 
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background: #FFF;
	background: -webkit-linear-gradient(#e5e5e5, #FFF);
	background: linear-gradient(#e5e5e5, #FFF);	
}
input[type=button].previewButton {
	margin-bottom: 10px;
	font-size: 14px;
	padding : 0.2em 0.3em;
	border: 1px solid #cccccc;
	border-radius: 6px;
}

input[type=button].coibutton {
	margin-bottom: 10px;
	padding: 4px 4px;
	font-size: 1.0em;
	font-weight: normal;
}
button#EndLink,
input[type=button]#EndLink {
	font-size: 0.8em;
}
/*
button#EndLink:hover,
input[type=button]#EndLink:hover {
	background-color: #cc0700;
	background: -webkit-linear-gradient(#cc0700, #cc0700);
	background: linear-gradient(#cc0700, #cc0700);	
}
*/



/* ************************************************************************** */
/* 登録, 確認, 完了画面共通 */
/* ************************************************************************** */
.group-line {
	border-bottom: solid 1px #1e2e8e;
}
#pagetop {
	text-align: right;
}

#btnArea {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}
/* 色指定 */
.red {color:#f00;}
.blue {color:#0000ff;}

/* ************************************************************************** */
/* 登録画面  */
/* ************************************************************************** */
.registrationTitle {
	font-size: 1.6em;
	font-weight:border;
	color:#000;
        text-align: center;
}
section#loginBox {
        text-align: center;
}

/* ************************************************************************** */
/* 確認画面 */
/* ************************************************************************** */
.confirmMessage {
	font-weight:border;
	color:#f00;
}
.confirmTitle {
	font-size: 1.6em;
	font-weight:border;
}


/* ************************************************************************** */
/* 登録完了画面 */
/* ************************************************************************** */
.completeBox {
	text-align:left;
	width:80%; 
	margin-left:auto;margin-right:auto;
	margin-top:20px;
	margin-bottom:60px;
	background-color: #F5F5F5;
	padding: 12px 0px 0px 6px;
        line-height:1.5;

        filter: alpha(opacity=85);
        -moz-opacity:0.85;
        opacity:0.85;
	border-radius: 5px;
}
.completeTitle {
	font-size: 1.6em;
	font-weight:border;
	color:#333;
	padding-bottom: 12;
}
.completeBox ul {
	margin:10px 0px;
}
.completeBox ul li{
	font-size: 1.0em;
	color:#000080;
}
.intersection {
	margin-top: 15px;
	padding-left: 15px;
}

.column_two dl{
	display: flex;
	line-height:1.3;
}
.column_two dt{
	border-bottom: 1px solid #1e2e8e;
	padding: 14px 0 14px 12px;
	width: 16%;
	display: flex;
	align-items: center;
	font-weight: bold;
}
.column_two dt#top{
	border-top: 1px solid #1e2e8e;
}
.column_two dd{
	padding: 14px 0 14px 20px;
	flex: 1;
	border-bottom: 1px solid #1e2e8e;
}

.column_two dd#top{
	border-top: 1px solid #1e2e8e;
}

.column_two dl:first-child{
	padding-top: 0;
}
.column_two dl:last-child{
	padding-bottom: 0;
}

@media screen and (max-width:768px){
.column_two dl{
	display: block;
}
.column_two dt{
	width: 100%;
	padding: 10px;
	color: #00418e;
/*	background-color: #e8f2e9;  */
	font-weight: 700;
    box-sizing:border-box;
}
.column_two dd{
	border-bottom: none;
    padding: 20px 0 40px 20px;
}
}

/* ************************************************************************** */
/* 抄録の入力規約 */
/* ************************************************************************** */
.terms {
	margin: 0 auto;
	padding:5px;
/*	background-color:#F2E8D5; */
	background-color:#FAFAFA;

	width:98%;
	line-height:1.4;
	border: 2px solid #d0d0d0;
/*	border: 2px solid #cccccc;  */
	border-radius: 4px;
}
.language {
	font-size:0.9em;
}
.kiyaku_paragraph1 {
  padding: 6px 4px;
}
.kiyaku_paragraph2 {
  padding: 10px 4px;
}
.figure {
	margin-top: 0px;
	margin-bottom: 8px;
	line-height:1.35;
	font-size:0.8em;
}

/* ************************************************************************** */
/* HTMLタグ表 */
/* ************************************************************************** */
h2 {
        font-size: 18pt;
        color: #006666;
/*        border-left: 5px solid #006666; */
        padding-left: 10px;
        margin-bottom: 20px;
        text-align: center;
}
table.tag {
	margin-left:auto;margin-right:auto;
        width: 90%;
        border-collapse: collapse;
        border: 2px solid #006666;
}

table.tag th,
table.tag td {
        border: 1px solid #006666;
        padding: 10px;
        text-align: center;
        font-size: 11pt;
        background-color: #fff;
    }
table.tag th {
        background-color: #e6f2f2;
        color: #000;
        font-weight: bold;
}

    .description-cell {
        font-size: 9pt;
        width: 25%;
        background-color: #ffffff;
        vertical-align: middle;
    }
    .code-cell {
        font-family: 'Courier New', Courier, monospace;
        text-align: left;
        padding-left: 15px;
        background-color: #ffffff;
    }
    .example-cell {
        background-color: #ffffff;
    }
    .highlight {
        text-decoration: underline;
        font-weight: bold;
    }