body {
  font-size         : 13pt;
  font-family       : "Meiryo UI",Arial,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  background-image  : url(images/backborder.png);
  background-repeat : repeat-y;
  background-position : top center;
  margin-left       : 0;
  margin-right      : 0;
}

a {
  color             : #017acd;
}

#container {
  width             : 810px;
  margin-left       : auto;
  margin-right      : auto;
  text-align        : left;
}

#header {
  border-bottom     : 1px solid #8a99e5;
  background-image  : url(images/face.png);
  background-repeat : no-repeat;
  background-position : right;
  padding           : 4px 20px 45px 6px;
  margin-bottom     : 15px;
}

#header h1 {
  font-size         : 18pt;
  margin            : 0;
  padding-top       : 10px;
}

#sidebar {
  float             : left;
  width             : 190px;
  position          : sticky;
  top               : 5px;
}

#sidebar ul {
  margin            : 0;
  padding-left      : 0;
}

#sidebar ul li {
  list-style-type   : none;
  color             : #0051cc;
  font-size         : 11pt;
  width             : 190px;
  line-height       : 24px;
  background-color  : #ccd5ff;
}

#sidebar ul.children li a {
  display           : block;
  width             : 190px;
  line-height       : 24px;
  text-decoration   : none;
  text-indent       : 8px;
  border-bottom     : solid 1px #ffffff;
  background-color  : #e5e9ff;
}

#sidebar ul li.curmenu a {
  background-color  : #f2dca3 !important;
}

#sidebar ul.children li a:hover {
  color             : #ffffff;
  background-color  : #8a99e5;
}

#sidebar .return a {
  display           : block;
  line-height       : 24px;
  color             : #0051cc;
  font-size         : 11pt;
  background-color  : #ccd5ff;
  text-decoration   : none;
  text-align        : center;
  margin-top        : 6px;
}

#sidebar .return a:hover {
  color             : #ffffff;
  background-color  : #8a99e5;
}

#content {
  width             : 615px;
  margin-left       : auto;
  margin-right      : auto;
  float             : right;
  display           : inline;
}

#content .ptitle {
  color             : #0051cc;
  font-weight       : bold;
  padding-left      : 10px;
  line-height       : 24px;
  background-color  : #e5e9ff;
}

#content .ptitlesub {
  color             : #555555;
  font-weight       : bold;
  padding-left      : 10px;
  line-height       : 22px;
  background-color  : #fdeca5;
  margin-top        : 35px;
  margin-bottom     : 10px;
}

#content .pcontent  {
  color             : #404040;
  font-size         : 0.95em;
  line-height       : 1.3em;
  padding-left      : 6px;
  padding-bottom    : 2px;
  margin            : 20px 12px 20px 6px;
}
#content .item {
  border-top        : 1px dotted #999;
  border-bottom     : 1px dotted #999;
  font-weight       : bold;
}

#content .pcontent td {
  color             : #404040;
  font-size         : 0.95em;
}

#footer {
  color             : #575b75;
  text-align        : center;
  font-size         : 12pt;
  width             : 810px;
  margin-top        : 25px;
  margin-bottom     : 20px;
  padding           : 10px 0 3px 0;
  border-top        : 1px solid #b7bbe5;
  clear             : both;
}

.alignleft {
  float             : left;
  margin-right      : 5px;
}

.alignright {
  float             : right;
  margin-left       : 5px;
}

img {
  border            : none;
}

dt {
  font-weight       : bold;
  margin-bottom     : 0.2em;
}

dd {
  margin-left       : 1em;
  margin-bottom     : 0.6em;
}

.waringmsg {
  color             : #f1415b;
}

.waringmsggry {
  color             : #509040;
  font-size         : 11pt;
  font-style        : italic;
  text-align        : right;
}

.conttable TABLE {
  border-collapse   : collapse;
}

.conttable TH {
  border            : none;
  background-color  : #fff2ec;
  font-weight       : normal;
}
.conttable TD {
  border            : none;
  padding           : 5px;
}

.tdtop {
  vertical-align    : top;
}

.tdctrtop {
  text-align        : center;
  vertical-align    : top;
}

.tdtop ol {
  margin-top        : 0;
}

.tdcust1 {
  color             : #ffffff !important;
  text-align        : center;
  vertical-align    : top !important;
  background-color  : #00bbbb;
  padding           : 4px;
}

.trcust td {
  font-size         : 0.8em !important;
  text-align        : center;
  vertical-align    : top;
  white-space       : nowrap;
  padding           : 3px 4px;
}

.gray {
  background-color  : #dddddd;
}

.green {
  background-color  : #00bbbb;
}

.codesamp {
  font-size         : 11pt;
}

.savedatatbl TABLE {
  border-collapse   : collapse;
}

.savedatatbl TH {
  border            : 1px solid #cfc2bc;
  background-color  : #fff2ec;
  font-size         : 12pt;
  padding           : 5px 2px 8px 5px;
}
.savedatatbl TD {
  border            : 1px solid #cfc2bc;
  font-size         : 11pt;
  padding           : 5px 2px 8px 5px;
  vertical-align    : top;
}

.exptext {
  font-size         : 11pt;
  color             : #509040;
  margin            : 0 20px 5px 20px;
}

.comment {
  color             : #5588ff;
}

.ulcircle {
  list-style-type   : circle;
}

.uldisc {
  list-style-type   : disc;
}

.msggrn {
  color             : #009900;
  font-weight       : bold;
}

.histprp {
  font-size         : 0.9em;
  display           : inline-block;
  line-height       : 1.1em;
  margin-bottom     : 4px;
}

#bmenu {
  display           : none;
}

<!--
@media screen and (max-width: 768px) {
  body {
    width           : 100%;
    background-color: #fff;
    background-image: none;
  }

  #content .pcontent {
    margin-right    : 15px;
  }

  #header h1 {
    display         : flex;
    font-size       : 14pt;
    margin-bottom   : -5px;
    align-items     : center;
  }

  #header h1.webtitle {
    font-size       : 12.5pt;
  }

  img {
    max-width       : 96%;
    height          : auto;
  }

  img.scrnshot {
    margin          : 10px 5px;
  }

  ul, ol {
    margin-left     : -0.6em;
  }

  #totop {
    padding         : 0;
    margin-right    : 15px;
    width           : auto;
  }

  #bmenu {
    display         : inline;
    margin-left     : auto;
    position        : relative;
    left            : 13px;
    font-size       : 28px;
    cursor          : pointer;
  }

  #bmenu-toggle {
    display         : none;
  }

  #sidebar {
    position        : fixed;
    top             : 0;
    right           : -200px;
    left            : auto;
    width           : 200px;
    overflow-y      : auto;
    transition      : 0.3s;
    z-index         : 1000;
  }

  #sidebar ul.children li a {
    color           : #555;
    font-size       : 15px;
    width           : 200px;
    line-height     : 26px;
    background      : #fff;
    border-bottom   : 1px dotted #aaa;
  }

  #sidebar.manyitem ul.children li a {
    line-height     : 24px !important;
  }

  #sidebar.open {
    right           : 0;
  }

  .overlay {
    display         : none;
  }

  #bmenu-toggle:checked ~ .overlay {
    display         : block;
    position        : fixed;
    inset           : 0;
    background      : rgba(0,0,0,0.1);
    z-index         : 999;
  }

  .return {
    display         : none;
  }

  img[src*="arw008.gif"] {
    display         : block;
    margin-left     : auto;
    margin-right    : auto;
  }

}
-->