:root{font-size:12pt;font-family:arial,helvetica,sans-serif}
body{color:#5C0D11;background:#E3E0D1;padding:0;margin:0;text-align:left;max-width:1200px}
p{padding:3px 1px;margin:0}
img{margin:0;padding:0;vertical-align:middle}
a{color:#5C0D11;text-decoration:none;font-weight:bold}
a:hover{color:#9B4E03} 
h1{font-size:14pt;font-weight:bold;margin:2px auto;padding-bottom:6px;text-align:center;max-width:1180px}
h2{font-size:12pt;font-weight:bold;padding:3px 5px;margin:3px 3px 1px}
#ia{font-size:12pt;margin:10px;text-align:center;height:18px}
#ia span{font-weight:bold;color:#A6A6A6}

/* input */
input{color:#5C0D12;background-color:#EDEADA;outline:none}
::-moz-focus-inner{border:0}
input[type="button"],input[type="submit"]{min-height:26px;padding:1px 5px 2px;margin:0 2px;border:2px solid #B5A4A4;border-radius:3px;font-size:9pt}
input[type="button"]:enabled:hover,input[type="submit"]:enabled:hover,input[type="button"]:enabled:focus,input[type="submit"]:enabled:focus{background-color:#F3F0E0 !important;border-color:#977273 !important;outline:0}
input[type="button"]:enabled:active,input[type="submit"]:enabled:active{background:radial-gradient(#D7D3C2,#F3F0E0) !important;border-color:#5C0D12 !important}
input[type="text"]{border:1px solid #B5A4A4;margin:3px 1px 0;padding:1px 3px 3px;border-radius:3px;line-height:17px}
input:disabled{color:#C2A8A4}
input[type="text"]:enabled:hover,input[type="text"]:enabled:focus{background-color:#F3F0E0}

/* index */
#is{text-align:center;max-width:100vw}
#in{font-style:italic}
#iw{color:red;margin:2px auto 5px auto}
#ig{margin-top:10px;border-top:1px solid #5C0D11}
#ig>div{border-bottom:1px solid #5C0D11;padding:3px;display:flex;flex-direction:row}
#ig>div>div:first-child{min-width:252px;text-align:right}
#ig td{vertical-align:top}
#ig img{border:1px solid #5C0D12}
#ig p{padding:3px 7px;font-size:11pt}
.tl td{padding:3px;vertical-align:top;font-size:11pt}
.tl td:nth-child(1){text-align:right}
.tl td:nth-child(2){text-align:left}

@media (max-width:500px) {
	#ig>div{flex-direction:column}
	#ig>div,#ig>div>div:first-child{text-align:center}
	.tl{margin:auto}
	#search{max-width:250px}
}

/* gallery */
#gh{border-top:1px solid #5C0D12;border-bottom:1px solid #5C0D12;padding:5px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:5px;justify-items:center}
#gh div{border:1px solid #5C0D12}

@media (max-width:500px) {
	#gh{padding:0;gap:5px 0}
}

/* show */
#sm{width:100%}
#so{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
#sd{text-align:center;max-width:100vw;flex-grow:1}