:root {
	--text: #333;
	--wall: #fff;
	--link: rgb(0, 128, 192);
}
@media(prefers-color-scheme: dark){
	:root {
		--text: #ddd;
		--wall: #222;
		--link: rgb(0, 160, 255);
	}
}
a:link{
	color:var(--link);
}
html{
	/*background: #f5f5f5;*/
	color: var(--text);
	background: var(--wall);
}
body{
	width: 750px;
	font: 14px/1.9em sans-serif;
	margin: 0 auto;
	/*color: #333;*/
	/*background: #fff;*/
	padding: 1px 0;
}
table,td,th,caption{
	border: 1px solid #ddd;
	border-collapse:collapse;
}
td {
	vertical-align: top;
}
#info{
	background: var(--wall);
	border: 5px double #aaa;
	margin: 8px auto;
	padding: 8px;
}
.foot{
	border: 1px solid #ccc;
	border-radius: 2px;
	margin: 8px auto;
	padding: 4px;
	text-align: center;
}
.dept, .lead, .main, .caps, .cage, .note, dl, table{
	border: 1px solid #ccc;
	border-radius: 2px;
	margin: 4px auto;
	padding: 8px;
}
.lead:before, .main:before, .caps:before, .cage:before, .note:before{
	font-size: 80%;
	padding: 2px 3px;
	color: #ddd;
	background: #333;
}
.lead:before{
	content:"導入部.";
}
.main:before{
	content:"主部.";
}
.caps:before{
	content:"写真説明.";
}
.cage:before{
	content:"囲み記事.";
}
.note:before{
	content:"補足情報.";
}
h1:after, h2:after, h3:after, th:after, td:after, li:after, dl:after {
	/*content:".";*/
}
td:before{
	/*content:" ";*/
}
ul.flat{
	list-style: none;
}
.seal{
	color:var(--wall);
}