@charset "utf-8";

body {
	max-width: 1400px;
	padding: 0;
	margin: 0 auto;
	background: #FFF;
	font: 90% 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
}
#wrap {
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 100px;
}
#head {
	background:#060;
	text-align: center;
	color:#fff;
	padding:3px 6px;
	font-size: 30px;
	font-weight:bold;
	padding: .5em;
	border-top:2px solid #5DA797;
}


ul {
	width: 80%;
	margin: 1em auto;
}
ul li {
	font-size: 18px;
}
#form {
	width: 90%;
	margin: 0 auto;
}
#form p {
	color: #00f;
	font-weight: 600;
}
#form .form-tbl {
	width: 90%;
	border-collapse: collapse;
	margin: 1em auto;
}
#form .form-tbl .w-item {
	font-size: 22px;
}
.form-tbl th, .form-tbl td {
	font-size: 22px;
	border:1px solid #333;
	padding:15px;
}
.form-tbl th.ss {
	vertical-align: middle;
	background:#d0f4c8;
}
.form-tbl th.ll {
	background:#d0f4c8;
}
.form-tbl th.ta-c {
	background:#d0f4c8;
}
.form-tbl th {
	background:#d0f4c8;
}
.form-tbl td {
	background:#fff;
}
.form-tbl td input {
	font-size: 20px;
	padding: .5em;
}
th.w-item {
	width:6em;
}

#select {
	width: 80%;
	margin: 0 auto;
}
div.ttl {
	width: 80%;
	border-bottom:1px solid #004080;
	padding:4px;
	color:#040;
	font-size: 30px;
	font-weight:bold;
	margin: 0 auto;
}
p.err {
	color:#dd0000;
}
p.msg {
	color:#006400;
}
.ta-c {
	text-align:center;
}
.ta-r {
	width: 80%;
	text-align:right;
}
.icon {
	vertical-align: middle;
}
.back-btn {
	font-size: 20px;
	margin:3px;
	text-align:right;
}
#bbs .hyj {
	width: 80%;
	font-size: 20px;
	text-align: center;
}
#ntc_out .return {
	padding-bottom: 20px;
}

/* for login */

#login legend {
	font-size: 30px;
	padding: 5px;
	font-weight: bold;
}
#login input[type="text"], #login input[type="password"] {
	width: 500px;
	padding: 10px;
}
#login input[type="submit"] {
	font-size: 25px;
	width: 150px;
	height: 50px;
}
#login p {
	margin: 2em 0;
	font-size: 25px;
}
#lpgin .ta-r {
	width: 90%;
	padding-right: 2em;
}
#err-box {
	width: 400px;
	margin: 2em auto;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 1em;
	text-align: center;
}
#err-msg {
	color: #dd0000;
}
#msg-box {
	width: 400px;
	margin: 2em;
	border: 1px solid gray;
	padding: 1em;
	text-align: center;
	color: #006400;
}

/* スマホ専用 */
@media (max-width: 640px){
	body {
		width: 100%;
		padding: 0em;
	}
	#wrap {
		width: 100%;
	}
	#head {
		font-size: 30px;
	}
	#body {
		width: 95%;
		padding: 0;
	}
	#login {
		width: 100%;
		margin: 0em auto;
		padding: 0em 0em;
	}
	#login input[type="text"], #login input[type="password"] {
		width: 500px;
		padding: 5px;
	}
	#wrap .ta-r {
		font-size: 14px;
	}

	#form {
		width: 95%;
	}
	#form p {
		font-size: 20px;
	}
	.form-tbl {
		width: 100%;
		border-collapse: collapse;
		margin: 0 auto;
	}

	#kanryo hr {
		width: 60%;
		/* padding: .3em; */
	}
	#kanryo p.msg {
		font-size: 30px;
	}
	#kanryo .form .btn {
		padding: 10px;
		font-size: 30px;
	}

	/* #ntc_out {
		border: 1px solid #aaa;
		border-radius: 20px;
		width: 90%;
	}
	#ntc {
		width: 95%;
	}
	#ntc .article {
		display: block;
		width: 95%;
	}
	#ntc .art-sub {
		width: 90%;
		color: #00F;
		font-size: 24px;
		font-weight: bold;
	}
	#ntc .art-sub span.art-date {
		color: #F00;
		font-size: 24px;
	}
	#ntc .art-sub span.com {
		font-size: 24px;
		color: #040;
		font-weight: 500;
	}
	#ntc .img p.wng {
		display: none;
	}
	#ntc .img p.img img {
		border-radius: 10x;
	}
	.page {
		display: none;
	}  */
} 

/* PC、タブレット専用 */
/* @media (min-width: 641px){ */
	
/* } */

/* #ntc_out { 
	border: 1px solid #aaa;
	border-radius: 20px;
	width: 100%;
}
#ntc {		
	width: 90%;
	margin: 0 auto;
}
#bbs p {
	font-size: 24px;
	text-align: center;
	color: #066;
	font-weight: 600;
}
#ntc .article {
	display: flex;
}
#ntc .article .art-sub {
	width: 70%;
	margin: 1em 0 1em 0;
	color: #00F;
	font-size: 20px;
	font-weight: bold;
}
#ntc .article .art-date {
	color: #666;
	font-size: 16px;
	font-weight: 500;
	text-align: right;
}
#ntc .article span.com {
	font-size: 16px;
	color: #040;
	font-weight: 500;
}
#ntc .article .img p.wng {
	font-size: 12px;
	color: #dd0000;
	text-align: center;
}
#ntc .article .img p.img img {
	margin-left: 40px;
	border-radius: 10x;
}
.page {
	display: none;
} */

#login {
	width: 80%;
	margin: 3em auto;
	text-align: left;
	padding: 1em 2em;
	border-radius:6px;
}
button {
	width: 4em;
	height: 2.5em;
	font-size: 20px;
}

#body {
	width: 80%;
	padding: 1em;
	margin: auto;
}
#body .return {
	width: 30%;
	background-color: #00F;
	border-radius: 20px;
	font-size: 25px;
	padding: .3em;
	text-align: center;
	color: #FFF;
	font-weight: 600;
	margin: 0 auto;
	margin-bottom: 1em;
}
#body .return a {
	color: #FFF;
	text-decoration: none;
}
#kanryo {
	width: 60%;
	margin-top: 20px;
	margin: 4em auto;
}
#kanryo hr {
	width: 60%;
	/* padding: .3em; */
}
#kanryo p.msg {
	width: 500px;
	text-align: center;
	font-size: 20px;
}
#kanryo .form .btn {
	padding: 10px;
	font-size: 20px;
}