body {
  max-width: 800px;
  background-color: rgb(248, 248, 255);
/*  margin-left: 1em; */
}

/* ページ移動 */
nav table.navigator {
  background-color:transparent;
  position:absolute;
/*  top:0%; */
  left:90%;
}

/* ヘッダ */
div.header {
  position:absolute;
  top:0px;
  left:10px;
  font-family:'ＭＳ Ｐゴシック';
  font-size:9pt;
}
/* フッタ */
div.footer {
  position:absolute;
  left:10;
  font-family:'ＭＳ Ｐゴシック';
  font-size:9pt;
}

h1.title {
  margin-top:-40px;
  margin-bottom:30px;
  clear: both;
  color:black;
  font-family:'ＭＳ Ｐゴシック';
  font-size:30pt;
  font-weight: bold;
  vertical-align: bottom;
}
div.h1line {
  margin-top:20px;
  background-color:skyblue;
  vertical-align: bottom;
  line-height:150%;
}
/* 注記 */
.note {
  color: chocolate;
}
/* 改行なし */
.nowrap {
  white-space: nowrap;
}

hr.border {
  border-color: blue;
}
section {
  line-height: 120%;
}
a {
  text-decoration:none;
}
p {
  text-indent: 1em;
  margin-top: 0px;
  margin-bottom: 0px;
}
    
div.pre {
  font-family:monospace;
  white-space: pre-wrap;
}

table.column td {
  vertical-align: top;
  padding: 5px;
}

table.column td:first-child p:first-child::before {
  content: "良くない例"; color:crimson; 
}
table.column td:nth-child(2) p:first-child::before {
  content: "良い例"; color:blue; 
}


section {
  margin-bottom: 2ex;
}
section > p:first-child {
  margin-left: 1em;
  color: black;
  font-size: 120%;
  text-indent: -1em;
}
section > p:first-child::before {
  content: "◎"; color:black; 
}

section > h4 {      /* 言語名 */
  margin-left:1em;
  margin-bottom:0px;
  background-color:azure;
  font-weight:bold;
  color:blue;
  font-size:normal;
}
section > h4 span {      /* 注意・説明 */
  margin-left:5em;
  font-weight:normal;
  color:crimson;
  font-size:small;
}

/* -------------------------------------------------------- */

section.code {
/*  background-color: lightyellow;
  max-width: 600px; */
  min-width: 390px;
  font-size: 80%;
  line-height: 100%;
}

section.code + p {
  margin-top: 0.5em;
}
section.code div.file {
  border-top: solid 1px yellow;
  border-left: solid 1px yellow;
  border-right: solid 1px yellow;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 0.5em;
  padding-bottom: 3px;
/*  cursor:pointer; */
  background-color: lightyellow;
  text-align: left;
  font-size: small;
  color: lightgrey;
  line-height: 1em;
  filter:drop-shadow(3px 3px 5px gray);
  margin-top: 3px;
}
section.code div.source {
  padding: 5px 10px 2px;
  font-family: codefont; /* */
  border-left: solid 1px yellow;
  border-right: solid 1px yellow;
  border-bottom: solid 1px yellow;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: white;
  text-align: left;
  font-size: 100%;
  letter-spacing:0px;
  line-height: 110%;
  color: black;
  white-space:pre-wrap;
/*  display: none; */
  filter:drop-shadow(3px 3px 5px gray);
}
section.code div.show {
  display:block;
}
section.code div.usage {
  padding: 5px 10px;
  font-family: codefont; /* */
  border: solid 1px yellow;
  border-radius: 5px;
  background-color: white;
  text-align: left;
  font-size: small;
  line-height: 120%;
  color: black;
  white-space:pre-wrap;
  display:block;
  filter:drop-shadow(3px 3px 5px gray);
}
section.code span.x {
  background-color: rgba(255,224,224,0.4);
  cursor: help;
}
section.code span.o {
  background-color: rgba(224,255,255,0.5);
  cursor: help;
}

table.list {
  border-collapse: collapse;
  border: solid 1px black;
  background-color: white;
  font-size: 9pt;
}
table.list tr td {
  border: solid 1px black;
  line-height: 100%;
  padding-right: 0px;
}
table.list tr td:first-child {
  width: 14em;
  line-height: 120%;
}

/* ----------------------- Java ソース ------------------------------ */
/* キーワード */
section.java span.keyword {
  color:RGB(127, 0, 85);
  font-weight:bold;
}
/* ユーザタイプ */
section.java span.userType {
/*  color:RGB(0, 80, 50); */
  color:black;
}
/* static final フィールド */
section.java span.staticFinalField {
  color:RGB(0, 0, 192);
  font-weight: bold;
  font-style: italic;
}
/* static フィールド */
section.java span.staticField {
  color:RGB(0, 0, 192);
  font-style: italic;
}
/* static メソッド呼び出し */
section.java span.staticCall {
  color:RGB(0, 0, 0);
  font-style: italic;
}
/* フィールド */
section.java span.field {
  color:RGB(0, 0, 192);
}
/* パラメータ変数 */
section.java span.parameter {
  color:RGB(106, 62, 62);
/*  color:RGB(255, 0, 0); */
}
/* ローカル変数定義 */
section.java span.localDec {
  color:RGB(106, 62, 62);
/*  font-weight: bold; */
}
/* ローカル変数参照 */
section.java span.localRef {
  color:RGB(106, 62, 62);
}
/* ストリング */
section.java span.string {
  color:RGB(42, 0, 255);
}
/* 単一行コメント */
section.java span.commentLine {
  color:RGB(63, 127, 95);
}
/* 複数行コメント */
section.java span.commentBlock {
  color:RGB(63, 127, 95);
}
section.java span.error {
  text-decoration: underline red wavy;
}


/* ----------------------------------------------------------------- */