@charset "UTF-8";

	:root {
		font-size: 16px;
		color-scheme: light dark;
	}
	* {
		box-sizing: border-box;
		font-size: 1em;
		font-family: sans-serif;
	}
	body {
		margin: 0;
		padding: 0;
		color: light-dark(#000, CanvasText);
		background: light-dark(#FFF8C2, Canvas);;
		line-height: 1.7;
	}
	:where([type='text'], [type='password']) {
		padding: 5px;
		width: 100%;
		max-width: 18em;
		color: FieldText;
		background: Field;
		border-radius: 4px;
	}



.ttl {
	margin:1em 0;
	padding: 0 0 0 8px;
	color:#2b0000;
	font-weight:bold;
	border-left:10px solid #2b0000;
	border-bottom:1px solid #2b0000;
}
.red {
	color:red;
}
.grn {
	color:green;
}
.menu-msg {
	margin: 1em;
}
.form-tbl {
	border-collapse: collapse;
	margin: 1em;
}
.form-tbl th, .form-tbl td {
	color: #000;
	border: 1px solid #666;
	padding: 8px;
}
.form-tbl th {
	background: #E7E8F2;
}
.form-tbl td {
	background: #fff;
}
.ta-r {
	text-align: right;
}
b.sub {
	color: light-dark(green, #90ee90);
	font-size: 110%;
}
div.com {
	color: light-dark(#804000, #f5deb3);
	margin-left: 2em;
}
div.main {
	border-top:1px dotted gray;
	padding:6px;
	margin-top:6px;
}
div.sub {
	margin-left:3em;
	padding:6px;
}
#head {
	margin: 0;
	color:#fff;
	background:light-dark(#A99770, #666);
	padding: .2em 1em;
	font-weight:bold;
}
#body {
	padding:0 6px;
}
.back-btn {
	margin:3px;
	text-align:right;
}

	[type='submit'], button {
		color: ButtonText;
		background: ButtonFace;
	}

	/* for login */
	#login {
		margin: 2em auto;
		padding: 1em;
		width: 400px;
		max-width: 100%;
		text-align: left;
		border-color: FieldText;
		border-radius: 6px;
}
	#login legend {
		padding: 0 .5em;
		font-weight: bold;
	}
	#login p:first-of-type {
		margin-top: 0;
	}
	#login p {
		margin: 1em;
	}
	#login [type='submit'] {
		width: 100px;
		height: 30px;
	}

#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;
}