body {
	color: #3e3e3b;
	background-color: #ffffff;
	padding: 0.25em 0.25em 0.25em 0.25em;
}
@media screen and (max-width: 480px) {
	body {
		padding: 0.5em;
	}
}

/**************************************************************/

#TITLE {
	text-align: center;
	margin: 0.25em;
	padding: 0.0em;
	border: none;
	color: #3e3e3b;
	cursor: default;
}
@media screen and (max-width: 480px) {
	#TITLE {
		font-size: 55%;
		text-align: center;
	}
}
#DESCRIPTION {
	margin: 0.5em 0.0em 0.75em;
	text-align: left;
	font-size: small;
	cursor: default;
}
#COPYRIGHT {
	text-align: center;
	margin: 0.75em 0.0em 0.5em;
	padding: 0.0em;
	line-height: 1.2em;
	border: none;
}
@media screen and (max-width: 480px) {
	#COPYRIGHT {
		font-size: x-small;
		text-align: center;
	}
}

/**************************************************************/

#contents {
	border-top: solid 0.1em #cccccc;
	border-bottom: solid 0.1em #cccccc;
	padding: 0.25em;
	font-size: x-large;
	line-height: 1.5em;
	word-break: break-all;
	overflow-wrap: anywhere;
	font-family: Consolas, monospace, serif;
	letter-spacing: 0.075em;
}
@media screen and (max-width: 480px) {
	#contents {
		font-size: medium;
	}
}

#contents .dul  {background-color: #ffffee;}
#contents .d    {background-color: #ffeeee;}
#contents .duls {background-color: #eeffee;}

#caption {
	display: none; position: absolute; left: 0.0em; top: 0.0em;
	color: #ffffff;
	padding: 0.3em 0.5em 0.3em 0.5em;
	border-radius: 0.6em;
	-moz-border-radius: 0.6em;
}