@charset "utf-8";

table { border-collapse: collapse; }


/*  */

body {
	width: 100%;
	height: 100%;
	background: #FFF none repeat scroll 0% 0%;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	line-height: 120%;
}

#contents {
	padding: 20px 10px;
	width: 800px;
	text-align: center;
	margin: 0 auto;
}

#contents input[type="button"] {
	width: 250px;
	margin: 0 5px;
	padding: 5px;
	height: 40px;
	border-color: #E0D2F0;
	background: #DDD none repeat scroll 0% 0%;
	color: #3F2B5A;
}

#contents input[type="submit"] {
	width: 180px;
	padding: 5px;
}
#contents input[type="checkbox"] {
	vertical-align: top;
}
#contents input[type="radio"] {
	vertical-align: top;
}
#contents input[type="text"],
#contents input[type="password"] {
	width: 90%;
	padding: 3px;
}
#contents select {
	width: 90%;
	padding: 3px;
}

div.title {
	width:800px;
	font-weight:bold;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align:center;
	color:#505050;
	background-color:#EAF2DB;
	border-top:solid 4px #80A300;
	border-left:solid 0px #80A300;
	border-right:solid 0px #80A300;
	border-bottom:solid 4px #80A300;
	padding: 8px 0;
	margin-bottom: 40px;
}

.required {
	//background: #ee7e78;
	background: #ff3333;
	color: #FFF;
	//color: #DF0000;
	//border: #DF0000 1px solid;
	font-size: 0.7rem;
	font-weight: normal;
	margin-left: 6px;
	padding: 0 3px;
}

.not-entered {
	color: #666;
}

.announce {
	width:600px;
	padding:1rem;
	color: #ff3333;
	line-height:1.3rem;
	text-align: left;
	border-radius: 4px;
	margin: 0 auto;
	//color: #8a6d3b;
	//background-color: #fcf8e3;
}

.info {
	padding: 10px 0 10px 10px;
	text-align: left;
	font-size: 1rem;
	line-height: 1.1rem;
	margin: 10px 5px;
	border-radius: 4px;
}
.info-warning {
	color: #a94442;
	background-color: #f2dede;
}
.info-caution {
	color: #8a6d3b;
	background-color: #fcf8e3;
}
.info-success {
	color: #3c763d;
	background-color: #dff0d8;
}

/*  */

tr {
	text-align: left;
}

th {
	padding: 7px 7px 5px 7px;
	font-size: 0.8rem;
	font-weight: normal;
	background-color:#EAF2DB;
	border-top:solid 1px #999999;
	border-left:solid 4px #80A300;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
}

td {
	line-height:1.25rem;
	font-size: 0.8rem;
	padding: 7px 7px 5px 15px;
	border: 1px solid #999999;
}

td.act {
	padding: 7px 7px 5px 7px;
	font-size: 10pt;
	line-height:14pt;
	font-weight: bold;
	background-color:#EAF2DB;
}

td.clear {
	padding: 0px;
}

td.noborder { border-style:none; padding:5px }
td.noborder2 { border-style:none solid none solid; }
td.noborder3 { border-style:none; padding:0px 5px 0px 0px }

.no_must {background-color:#FAFAFA; margin:0px; border-left:solid 4px #80A300;}

span {}
span.subj {font-size:15px;}


a {color:#FFFFFF; text-decoration:none}
a:link { color:#0000FF; }
a:visited { color:#0000FF; }
a:hover { text-decoration:underline;}
a:avtive { color:#0000FF; text-decoration:none;}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: dashed;
	border-color: orange;
	height: 1px;
}

a.dpdf {
	margin-left: 0.25rem;
	font-weight: normal;
}

a.dpdf:link { color: #6666ff; }
a.dpdf:visited { color:#6666ff; }
a.dpdf { background: #f5f5f5;padding:0.25rem 1.25rem }


/* */

/* ログイン */

#login {
	width: 500px;
	margin: 0 auto;
}

#login .heading {
	text-align: left;
	margin-bottom: 10px;
}
#login .heading-body {
	text-align: center;
	margin-bottom: 40px;
}
#login p {
	font-size: 0.8rem;
}

#login table {
	width: 400px;
	margin: 0 auto;
}
#login table th {
	width: 100px;
}

/* 演題登録・編集 */

#subjectform {
	width: 700px;
	margin: 0 auto 50px auto;
}

#subjectform div.description {
	text-align: left;
	font-size: 0.8rem;
	margin-bottom:5px;
}

#subjectform div.confirmation {
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 1.2rem;
	margin: -10px 0 20px 0;
}

#subjectform table {
	width: 700px;
	margin-bottom:30px;
}
#subjectform table th {
	width: 150px;
}

#subjectform table.subform {
	width: 100%;
	margin: 0;
}
#subjectform table.subform td {
	border-style:none;
	padding:5px
}
#subjectform textarea {
	width: 96%;
	height: 300px;
}
#subjectform div.completed {
	text-align: left;
	line-height: 1.5rem;
}
#subjectform div.completed img {
	height: 18px;
	margin-bottom: -3px;
}
#subjectform div.completed2 {
	text-align: center;
	line-height: 1.5rem;
	//font-weight: bold;
	margin: 50px 0;
}

/* メニュー */

#menuform {
	width: 700px;
	margin: 0 auto 50px auto;
}
#menuform div.description {
	text-align: left;
	font-size: 0.8rem;
	margin-bottom:5px;
}
#menuform div.confirmation {
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 1.2rem;
	margin: -10px 0 20px 0;
}
#menuform div.addsubject {
	display:table;
	width:700px;
}
#menuform div.addsubject-l {
	display:table-cell;
	text-align:left;
	width:500px;
	//vertical-align: bottom;
}
#menuform div.addsubject-r {
	display:table-cell;
	text-align:right;
}
#menuform div.addsubject-r input[type="submit"] {
	width: 100px;
	padding: 3px;
	margin-bottom: 3px;
}
#menuform table {
	width: 700px;
	margin-bottom:30px;
}
#menuform th {
	border-left:solid 1px #999999;
	text-align: center;
}
#menuform td {
	padding: 5px;
	text-align: center;
}
#menuform td input[type="submit"] {
	width: 60px;
	padding: 3px;
}
#menuform .tal {
	text-align: left;
	padding-left: 10px;
}





/* テキスト */

.fw-auto {
	width:auto !important
}
.fw100 {
	width:100px !important
}
.fw120 {
	width:120px !important
}
.fw180 {
	width:170px !important
}
.txt-error {
	color: #FF0000;
}

/* */

.mt5 {
	margin-top:5px;
}
.mb-s {
	margin-bottom:0.5rem !important;
}
.txt-left {
	text-align:left !important;
}

.mx-s {
	margin-top:0.5rem !important;
	margin-bottom:0.5rem !important;
}




/* */


.table{
    display: table;
    border-collapse: collapse;
	margin-bottom:0.25rem;
}
.table>div{
    display: table-row;
}
.table-header{
    background-color:#ECECEC
}
.table>div>div{
	text-align:center;
    display: table-cell;
    border: 1px solid #999;
    padding: 0.25rem 1.25em;
}
.table>div>div:first-child{
    padding-left: 0.25rem;
}

.table-noboder>div>div{
     border: none; 
}

/* */

table.entryfee {
	width: 420px !important;
	margin-bottom: 0.25rem !important;
}
table.entryfee td {
	text-align:center;
	min-width: 120px;
	//white-space:nowrap;
	padding: 0.25rem 0.5em;
}
table.entryfee td.header {
	background-color:#ECECEC
}

/* */

a.btn {
	line-height: 1.2;
	position: relative;
	display: inline-block;
	padding: 0.5rem 2rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}
a.btn-primary {
	color: #ffffff !important;
	background-color: #3CA6F0;
	margin: 0.25em 1em;
	min-width:8em;
	border-radius: 1rem;
}
a.btn-primary:hover {
	color: #ffffff !important;
	background: #7AC2F5;
}
a.btn-base {
	color: #ffffff !important;
	background-color: #23ac38;
	margin: 0.25em 1em;
	min-width:8em;
	border-radius: 1rem;
}
a.btn-base:hover {
	color: #ffffff !important;
	background: #57cb68;
}
a.btn-close {
	color: #ffffff !important;
	background-color: #c9c9c9;
	margin: 0.75em 1em;
	min-width:12em;
	border-radius: 2.4rem;
	cursor : default;
}

.fas-system-link {
	margin-left: 0.75rem;
	font-size: 90%;
}
