body {
	font-family: sans-serif;
	margin: 8px;
}

.std th {
	background: #a8c97f;
}

.std td {
	background: #d6e9ca;
}

.note {
	background: #d6e9ca;
	display: inline-block;
	margin-top: 16px;
	margin-bottom: 16px;
	border-radius: 2px;
	padding: 4px;
	box-sizing: border-box;
}

.ad {
	display: block;
	border: 1px solid lightgray;
	width: 100%;
	height: 136px;
}

.page {
	max-width: 600px;
}

.page > div, .page textarea {
	width: 100%;
}

a, .neko a:visited {
	text-decoration: none;
	color: #093;
}

a:visited {
	color: #981;
}

.std th, .std td {
	padding: 5px;
}

.std th {
	text-align: left;
	font-weight: normal;
}

textarea {
	font-size: medium;
	box-sizing: border-box;
}

img {
	vertical-align: middle;
	border: none;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1em;
	margin-bottom: 1ex;
}

.nowrap {
	white-space: nowrap;
}

.thumbnail {
	display: inline-block;
	width: 100px;
	max-width: 30%;
	text-align: center;
	vertical-align: top;
}

.neko {
	text-align: center;
}

.neko * {
	text-align: left;
}

.breadcrumb {
	margin-bottom: 4px;
	white-space: nowrap;
}

.neko .breadcrumb, .neko .breadcrumb a {
	color: #ddd;
}

@media (max-width: 480px) {

	input {
		font-size: large;
		max-width: 100%;
		margin: 4px;
	}

	select {
		font-size: large;
		margin: 4px;
	}

	textarea {
		font-size: large;
		max-height: 200px;
	}

	.page {
		max-width: 100%;
	}

}