body {
	background-color: #a6d8b2;
}
#page {
	margin: 0 20px;
	padding: 20px 20px 80px 20px;
	background-color: #ebf5ea;
	box-shadow: 0px 0px 8px #759988;
}
section {
	margin: 60px 0 0 0;
}
h1 {
	margin: 0 0 40px 0;
	border-radius: 20px;
	padding: 20px;
	background-color: #446655;
	color: #f0fff0;
	text-align: center;
}
h2 {
	margin: 0 0 40px 0;
	border-radius: 20px;
	padding: 20px;
	background-color: #557766;
	color: #f0fff0;
	text-align: center;
}
em.balloon {
	color: #ff44aa;
	font-weight: bold;
	font-style: normal;
	text-shadow: 1px 1px 2px #cccccc;
}
em.tsutsu {
	color: #028e56;
	font-weight: bold;
	font-style: normal;
	text-shadow: 1px 1px 2px #cccccc;
}
em.gas_ball {
	color: #fa823e;
	font-weight: bold;
	font-style: normal;
	text-shadow: 1px 1px 2px #cccccc;
}
em.pos_key {
	color: #3c66ef;
	font-weight: bold;
	font-style: normal;
	text-shadow: 1px 1px 2px #cccccc;
}
em.color_key {
	color: #b63cef;
	font-weight: bold;
	font-style: normal;
	text-shadow: 1px 1px 2px #cccccc;
}
em.key {
	color: #d81616;
	font-weight: bold;
	font-style: normal;
	text-shadow: 1px 1px 2px #cccccc;
}
.image {
	text-align: center;
}
.image img {
	width: 100%;
}
dt {
	color: #557766;
	text-shadow: 1px 1px 1px #ffffff;
	font-weight: bold;
}
dd {
	padding: 0 0 8px 0;
}
#back_to_toc {
	position: fixed;
	left: calc(100vw - 60px);
	top: calc(100vh - 50px);
}
#back_to_toc a.icon {
	display: inline-block;
	border-radius: 8px;
	padding: 2px 8px;
	background-color: #448866;
	color: #f0fff0;
	font-size: 24px;
	text-decoration: none;
}
