/*-----[Reset -----*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
table,
object,
p,
th,
td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,
td {
	text-align: left;
	vertical-align: middle;
}
img {
	border: 0;
}
em,
strong {
	font-style: normal;
	font-weight: normal;
}
ol,
ul {
	list-style: none;
}
body,
div,
p,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
li,
dt,
dd,
pre,
form,
textarea,
input,
td,
th,
address {
	font-style: normal;
	line-height: 140%;
}

/*-----  Reset]  -----*/
body {
	font-family: 'Kaisei Opti', serif, 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
	background-color: #ffffff;
	text-align: center;
}

#outline {
	min-height: 500px;
	width: 750px;
	text-align: left;
	margin: 0 auto 10px;
	border: solid 1px #cccccc;
	background-color: #ffffee;
}
.endMessage {
	margin: 30px;
}
.att-msg {
	margin: 0.5em auto;
	max-width: 38em;
	font-size: 0.9em;
}
.submit-btn {
	margin: 0.5em auto;
}
.old {
	width: 4em;
}
h1 {
	max-width: 600px;
	margin: 0.5em auto;
	padding: 5px;
	font-size: 1.5em;
	background-color: #f7e062;
	vertical-align: middle;
	color: #a34400;
	font-family: 'Kaisei Opti', serif;
}
table {
	margin: 0 auto;
}
input,
select {
	margin-right: 0.6em;
	margin-left: 0.6em;
}
textarea {
	line-height: 100%;
	margin-right: 0.6em;
	margin-left: 0.6em;
}
th {
	border: 1px solid #cccccc;
	background-color: lightblue;
	padding: 10px;
	width: 30%;
}
td {
	border: 1px solid #cccccc;
	background-color: cornsilk;
	padding: 5px;
}
details {
	padding: 8px;
}
details:hover {
	background-color: #f7e06280;
	transition: background-color 0.3s ease-out;
	cursor: pointer;
	user-select: none;
}

.red {
	color: red;
}
.blue {
	color: blue;
}