:root {
  --bg01: #666b47; /* border #b4bd7a7a */
  --bg02: #2f3425; /* main #1c1f19ba */
  --bg03: #1f211a; /* body */
  
  --bc01: #848a5a; /* border */ /* main - lighter */ /* title - lighter */
  --bc02: #4b4f33; /* main - darker */ /* title - darker */
  --bc03: #131510; /* main */
  
  --bd01: solid 1px var(--bc01); /* border */ /* main - lighter */ /* title - lighter */
  --bd02: solid 1px var(--bc02); /* main - darker */ /* title - darker */
  --bd03: solid 1px var(--bc03);
  --bd04: solid 1px black;

  --bs01: #00000075 1px 4px 4px 0px; /* border */
  --bs02: inset 0px 0px 0px 1px var(--bc03); /* main */ /* title */

  --t01: #919b5b; /* text */
}
body {
  font-size: 13px;
  font-family: MS UI Gothic, Osaka;
  margin: 5px;
  background: var(--bg03);
  color: var(--t01);
  image-rendering: pixelated;
}
a {
  color: #84857c;
  cursor: crosshair;
}
.windows-border {
  background: var(--bg01);
  padding: 1px;
  border: var(--bd04);
}
.windows-main {
  background: var(--bg02);
  border-top: var(--bd02);
  border-right: var(--bd02);
  border-bottom: var(--bd01);
  border-left: var(--bd01);
  box-shadow: var(--bs02);
}
.windows-title {
  font-size: 12px;
  padding: 1px 3px;
  font-weight: normal;
  margin: 0px;
  margin-bottom: 1px;
  background-color: var(--bg02);
  background-image: url(IMG/bg_01.png);
  border-top: var(--bd02);
  border-right: var(--bd02);
  border-bottom: var(--bd01);
  border-left: var(--bd01);
  box-shadow: var(--bs02);
}
.bottom-space-01 {
  border-top: var(--bd02);
  border-right: var(--bd02);
  border-bottom: var(--bd01);
  border-left: var(--bd01);
  margin-block-start: 4px;
  margin-block-end: 3px;
}
.page-header {
  margin-bottom: 1px;
  border: var(--bd04);
  background-image: url(IMG/header_01.png);
  background-size: cover;
  height: 91px;
)