body {margin: 0px; padding: 0px; height:100%; width: 100%; background-color: #ffffff;}
* {margin: 0px; padding: 0px; font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; font-size: 1.0em; line-height: 1.3em;}

div.nav {background-color: #5f8baa; left: 0px; top: 0px; width: 100%; overflow: hidden; color: #ffffff;}
div.nav ul {list-style: none; padding-left: 20px; padding-top: 10px; margin: 0 auto; max-width: 728px;}
div.nav li {padding-bottom: 30px; padding-top: 10px; text-align: left; white-space: nowrap; float: left; margin-right: 60px;}
div.nav a {text-decoration: none; color: #ffffff;}
div.nav a:hover {text-decoration: underline;}
div.nav img {width: 24px; margin-bottom: -4px; margin-right: 8px;}
div.nav p.big {font-size: 1.5em; font-weight: bold; line-height: 1.5em; margin-bottom: 0px;}
div.nav p {font-size: 0.92em; margin-bottom: 4px;}
div.nav br {margin-bottom: 0px; line-height: 1.5em;}
p.versionmdc:before {content: "2.37, 2024/12"; }
p.versionmda:before {content: "1.06, 2021/10";}
p.versionobo:before {content: "2.10, 2024/07";}
p.versionoba:before {content: "1.35, 2024/08";}
p.versionmdc {margin-top: 12px;}
p.versionobo {margin-top: 12px;}

div.main {padding: 1em; max-width: 728px; margin: 0 auto;}
div.main h1 {font-size: 2.3em; font-weight: bold; margin-bottom: 30px;}
div.main h2 {font-size: 1.3em; font-weight: bold; margin-bottom: 20px; margin-top: 80px;}
div.main h3 {font-size: 1.2em; font-weight: 400; margin-bottom: 0px; margin-top: 40px;}
div.main a {text-decoration: underline; color: #000000;}
div.main li {margin: 0em 1em 2em 1em;}
div.main img {max-width: 100%;}

div.down {margin-top: 1em; margin-bottom: 1em;}
div.down a {background-color: #5f8baa; text-decoration: none; color: #ffffff; padding: 6px; margin-right: 4px; line-height: 2.4em;}
.collapsible {background-color:  #5f8baa; color: #ffffff; cursor: pointer; padding: 5px; border: none; outline: none;}
.collapsefaq {background-color:  #ffffff; cursor: pointer; border: none; text-align: left; outline: none; padding-bottom: 10px;}
.content {display: none; overflow: hidden;}

p {margin-bottom: 0.5em;}
p.text {text-align: justify;}
p.copy {margin-top: 8em; margin-bottom: 3em; font-size: 0.9em;}
table {border-collapse: collapse; table-layout: fixed;}
td {vertical-align: top; padding: 0px 20px 6px 0px;}
img.icon {margin-right: 10px; margin-top: 2px; float: left;}
img.rightpic {float: right; padding: 1em 0em 1em 1em;}

div.tut img {margin: 0em 1em 1em 0em;}
div.tut p {margin-bottom: 1.5em;}

div.adh {padding-bottom: 1em}
div.adr {padding-top: 2em}

@media screen and (max-width: 90ch) {
div.nav li {padding-bottom: 10px;}
div.nav p {margin-bottom: 0px;}
div.nav br {line-height: 1.0em;}
div.nav p.big {font-size: 1.2em; line-height: 1.3em; margin-bottom: 0px;}
div.nav img {width: 22px; margin-bottom: -4px; margin-right: 8px;}
}
@media screen and (min-width: 90ch) {
div.nav {width: 15em; float: left; position: fixed;}
div.main {margin-left: 16em;}
}
@media screen and (min-width: 130ch) {
div.main {margin-left: 25%;}
}

.ondark {display: none}

@media (prefers-color-scheme: dark) {
body {color: #e0e0e0; background-color: #202020;}
div.main a {color: #ffffff;}
div.nav {background-color: #37729d;}
div.down a {background-color: #37729d;}
.collapsible {background-color:  #37729d;}
.collapsefaq {background-color:  #202020; color: #e0e0e0;}
.ondark {display: block}
.onlight {display: none}
}

#cookieChoiceInfo {font-weight: bold !important; padding: 8px !important;
  color: #d0d0d0 !important; background-color: #505050 !important; top: auto !important; bottom: 0 !important}
#cookieChoiceInfo a {margin: 0px 0px 0px 40px !important; font-weight: bold !important;
  color: #ffffff !important; text-decoration: none !important;}