html {
	padding: 0;
	margin: 0;
	color: #000000;
	background-color: #ffffff;
	font-family: system-ui, sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
table {
	font-family: system-ui, sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
a {
	color: #00f;
}
a:active {
	color: #00f;
}
a:visited {
	color: #00f;
}
img {
	border: 0;
}
h1 {
	margin: 1.4em 0 .67em;
	font-size: 20px;
	font-weight: 600;
}
h2 {
	margin: 1.0em 0 .67em;
	font-size: 18px;
	font-weight: 600;
}
h3 {
	margin: 1.0em 0 .67em; 
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
}
header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 36px;
	padding: 0 8px;
	margin: 0;
	background-color: #ddd;
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}
div#topbarb {
	text-align: center;
	width: 100%;
}
div#topbarc {
	display: flex;
}
div#topbarcleft {
	flex: 0 0 auto;
	text-wrap: nowrap;
	white-space: nowrap;
}
a#topbarcleftm
{
	padding-right: 8px;
	text-decoration: none;
}
div#topbarcright {
	flex: 1;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	direction: rtl; 
	text-align: left;
}
div#topbarcright ul {
	display: inline;
	padding-left: 0;
	font-size: 0;
}
div#topbarcright ul li {
	display: inline;
	font-size: 20px;
}
span.topbarcsep {
	padding: 0 8px;
	font-size: 20px;
}
nav {
	position: fixed;
	left:0;
	top: 36px;
	width: 260px;
	bottom: 0;
	overflow: hidden auto;
	background-color: #eee;
	margin: 0;
	padding: 16px 8px;
	white-space: nowrap;
}
nav p.h {
	margin: 1.4em 0 .67em;
	font-size: 20px;
	font-weight: 600;
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
nav ul ul {
	padding-left: 14px;
}
nav li {
	overflow-x: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
}
nav ul li a.current {
	font-weight: 700;
}
main {
	position: fixed;
	inset: 36px 0 0 276px;
	margin: 0;
	overflow-y: auto;
	padding: 16px 8px;
}
main > :first-child { 
	margin-top: 0; 
}
table.tagspec {
}
table.tagspec th {
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	padding-right: 16px;
}
ul.tagrel {
	list-style-type: none;
	padding-left: 0;
}
ul.tagrel li {
	line-height: 24px;
}
.thread {
	margin: 16px 0px;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.thread ul {
	list-style-type: none;
	margin: 0;
	padding-left: 16px;
}
.thread li {
	padding-left: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.thread a::before {
	content: '\2709  ';
}
.thread a:visited {
	color: #939;
}
.thread a:active {
	color: #939;
}
.mails {
	margin: 16px 0px;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mails a::before {
	content: '\2709  ';
}
.mails a:visited {
	color: #939;
}
.mails a:active {
	color: #939;
}
.tlogtml {
	clear: left;
	float: left;
	margin: 8px 8px 8px 0;
	padding: 4px; 
	border: 1px solid #ccc; 
	border-radius: 4px;
}
.tlogtmr {
	clear: right;
	float: right;
	margin: 0 8px 8px 8px;
	padding: 4px; 
	border: 1px solid #ccc; 
	border-radius: 4px;
}
.tlogtmd {
	margin: 4px;
	padding: 4px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.tlogtmmii {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}
.tlogtmmiid {
	display: block;
	width: 400px;
	height: 400px;
	object-fit: contain;
}
.tlogtmmc { 
	margin: 8px 0 4px 0;
	text-align: center;
}
.tlognav
{
	clear: both;
	margin: 2em 0 1em 0;
	display: flex;
	width: 100%;
	justify-content: center;
}
.tlognav div
{
	background-color: #ccc;
	padding: 8px;
}
div.thm {
	display: flex;
	flex-flow: row wrap;
	margin: -4px;
}
div.thmfile { 
	margin: 4px;
	padding: 4px; 
	border: 1px solid #ccc; 
	border-radius: 4px;
}
div.thmfile:hover { 
	border: 1px solid #777; 
}
a.thmimga {
	display: block;
}
.thmimg { 
	width: 200px; 
	height: 200px; 
	object-fit: contain; 
	visibility: hidden;
}
div.thmcaption { 
	margin: 8px 0 4px 0;
	text-align: center;
}
#thmmodal {
	position: fixed;
	justify-content: center;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0);
	font-weight: 300;
}
#thmmodalimg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: none;
}
#thmmodalvideo {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: none;
}
.thmmodalbutton {
	cursor: pointer;
	padding: 4px 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	user-select: none;
	text-decoration: none;
}
@media screen and (max-width: 750px) {
	nav { left: -276px; }
	main { left: 0px; }
	.tlogtml { float: none; }
    .tlogtmr { float: none; }
	.tlogtmdbar { display: block; }
	.tlogtmmiid { width: 100%; height: auto; }
}
@media screen and (max-width: 600px) {
	.thmimg { width: 180px; height: 180px; }
}
@media screen and (max-width: 500px) {
	.thmimg { width: 170px; height: 170px; }
}
@media screen and (max-width: 450px) {
	.thmimg { width: 160px; height: 160px; }
}
@media screen and (max-width: 400px) {
	.thmimg { width: 150px; height: 150px; }
}