body {background: azure;}
a:hover {background: #e8e8c0;}
h1 {color: blue; text-align: center;}
h2 {text-decoration: underline; color: green;
    border-top: solid thin navy; /* margin-right: 30%; */
    padding-top: 1ex;}
h3 {text-decoration: underline;}
td, th {
  border: solid #838b8b 1px;
  empty-cells: show; padding: 1px 0.5ex;
}
th {background: thistle;}
td {background: white; vertical-align: top;}
table, th, td, tr {border-collapse: collapse;}
table.c3 td+td+td {text-align: center; vertical-align: middle;}
.jp {background: ivory; text-align: left;}
.en {background: khaki; text-align: left;}
.e {color: blue;}
.screen .e {color: cyan;}
.new {background: gold; color: navy;}
.list {
  background-color: ivory;
  margin-left: 1em; margin-right: 5%;
  border: 1px none black;
  padding: 0px 1ex;
}
.screen {
  background-color: #406040;
  color: ivory;
  margin-left: 1em; margin-right: 5%;
  border: 1px none yellow;
}
.r {text-align: right;}
p {text-align: justify; padding-right: 1em;}
pre {margin-left: 0.5em; padding: 0.2ex;}
span.u, span.sc, span.uc {color: yellow;}
span.sc:before {content: "# "; color: white;}
span.uc:before {content: "% "; color: white;}
p, p.n {text-indent: 1em;}
div+p, ul+p, ul p, ol+p {text-indent: 0;}
.list var {color: blue;}