* {
	--pageBgColor:floralwhite;
  --listBgColor:white;
  --listTitleBgColor:palegreen;
  --noteColor:chocolate;
}
a {
  text-decoration:none;
}
a:empty[href*="#"]::after {
  content: " " url("images/explanation.png");
}

dl, ul, ol {
  margin-top: 0px;
  padding-left: 10px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 1ex;
}
img {
  border : 0px;
  z-index: 9;
}
pre {
  margin-bottom : 0px;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}
wbr {
  display: inline-block;
}

/* 本文 */
body.text {
  margin-left: 20px;
  min-width:400px;
  max-width:800px;
  width:800px;
	background-color:var(--pageBgColor);
  line-height: 150%;
  letter-spacing:1px;
  color:black;
  font-family:'ＭＳ Ｐ明朝';
  font-size:9pt;
}
body.text p {
  text-indent: 1em;
  margin-top: 0px;
  margin-bottom: 0px;
}
iframe {
  margin:0px;
  border:0px;
  padding:0px;
}
/* 罫線を使用した図 */
pre.figure
{
/*	margin-left: 100px; */
	padding: 5px;
	white-space: pre;
	line-height: 95%;
	font-family:'ＭＳ ゴシック';
	font-size:9pt;
	letter-spacing: 0px;
}



/* 1 */
section.h1 {
  margin-left:00px;
  margin-right:5px;
}
div.h1line {
  margin-top:20px;
  background-color:skyblue;
  vertical-align: bottom;
  line-height:150%;
}
h1.title {
  margin-top:-30px;
  margin-bottom:30px;
  clear: both;
  color:black;
  font-family:'ＭＳ Ｐゴシック';
  font-size:30pt;
  font-weight: bold;
  vertical-align: bottom;
}
section.h1 > * {
  margin-left:0ex;
}

/* 1.1 */
section.h2 {
  clear: both;
  margin-top: 3ex;
  margin-left:1ex;
}
h2.title {
  margin-left: 0px;
  margin-top: 50px;
  text-indent: 0ex;
  color:blue;
  font-family:'ＭＳ Ｐゴシック';
  font-weight: bold;
  font-size:12pt;
  line-height: 150%;
  border-bottom: thin solid blue;
}
section.h2 > *:not(h2) {
  margin-left:1ex;
}
section.h2 > table {
  margin-left:5ex;
}

/* 1.1.1 */
section.h3 {
  clear:left;
  margin-top: 5ex;
  margin-left:1ex;
}
h3.title {
  clear: both;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
  text-indent: 0ex;
  color:blue;
  font-family:'ＭＳ Ｐゴシック';
  font-size: 10.5pt;
  font-weight: bold;
  line-height: 100%;
}
section.h3 > *:not(h3) {
  margin-left:1ex;
}

/* (1) */
section.h4 {
  clear:left;
  margin-top: 1ex;
}
h4.title {
  clear: both;
  margin-left: 2ex;
  margin-bottom: 5px;
  text-indent: 0ex;
  color:blue;
  font-family:'ＭＳ Ｐゴシック';
  font-size: 10.5pt;
  font-weight: bold;
  line-height: 100%;
}
section.h4 > *:not(h4) {
  margin-left:4ex;
}


section.h6 {
  margin-top: 2ex;
  margin-left:2ex;
  margin-right:2ex;
}
section.h6 h6 {
  clear:left;
  margin-top: 1ex;
  margin-bottom: 0px;
  margin-left: 1ex;
  text-indent: 0ex;
  color:blue;
  font-family:'ＭＳ Ｐゴシック';
  font-size: 9pt;
  font-weight: bold;
  line-height: 100%;
}
section.h6 > *:not(h6) {
  margin-left:3ex;
/*  text-indent: 0ex; */
}




/* 表 */
table.list {
  border-collapse: collapse;
  min-width:20%;
  max-width:100%;
  font-family:'ＭＳ Ｐゴシック';
  font-size:9pt;
}
table.list th {
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  line-height: 100%;
  text-align: center;
  white-space: nowrap;
  padding: 3px;
  background-color: var(--listTitleBgColor);
}
table.list td {
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  line-height: 100%;
  text-align: left;
  text-indent: 0ex;
  vertical-align: top;
  padding: 3px;
  background-color: var(--listBgColor);
}
table.list tr.select td {
  background-color: var(--listSelectColor);
}
table.list td.select {
  background-color: var(--listSelectColor);
}
table.list td.compact {
	line-height: 110%;
	padding: 0px 5px; 
}
table.list th.noborder, table.list td.noborder {
  border:0px;
  padding-top:0px;
  padding-bottom:0px;
  background-color:transparent;
}
table.list + p {
    margin-top: 2ex;
}
table.list ul {
    margin: 0px;
    list-style-type: square;
}
table.list ol {
    margin: 0px;
}
table.list ul, ol li {
    margin-left: 20px;
    padding-left: 0px;
}

table {
  font-family:'ＭＳ Ｐ明朝';
  font-size:9pt;
}
tr {
 vertical-align:top;
}
td {
  text-indent:0;
}

/* ページ移動 */
nav table.navigator {
  background-color:transparent;
  position:absolute;
/*  top:0%; */
  left:90%;
}
/* ページ内目次 */
nav.page {
  float:right;
  line-height:100%;
  border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.4) inset, 3px 3px 3px rgba(0,0,0,0.2);
  border: solid 2px lightsteelblue;
  background-color:white;
  padding:5px;
  margin:0px 0px 0px 10px;
  display:none;
}
nav.page a:link, nav.page a:visited {
  color:mediumblue;
}
nav.page a:hover {
  color:blue;
  background-color:lightgreen;
}
/* 注記 */
.note {
  font-family:'ＭＳ Ｐゴシック';
  color:var(--noteColor);
}
g.note {
  fill:var(--noteColor);
  font-size:9;
}


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


/* 図の説明 */
figure {
  border: none;
  padding: 0px;
  margin: 0px;
  clear: none;
}
figure.float {
  float:right;
  margin: 1em 1em 0em 1em;
}
figure.floatLeft {
  float:left;
  margin: 1em 1em 0em 1em;
}
figcaption {
  text-indent: 0ex;
  font-family:'ＭＳ Ｐゴシック';
  font-weight: bold;
  color: blue;
}
figcaption.explanation {
  text-indent: 0ex;
  font-family:'ＭＳ Ｐゴシック';
  font-weight: normal;
  color: blue;
}
body.text > figure:not([float]) {
  margin-top: 1em;
  margin-left:40px;
}

.number {
  text-align:right;
}


/* sideButton gotoTop & gotoBottom
------------------------------------------------------------ */
#sidefloat {
  margin: 0px;
  padding: 0px;
/*  height: 112px; */
/*  width: 300px; */
  position: fixed;
  right: 0px;
  bottom: 30px;
  text-align:right;
}
#sidefloat td {
  text-align:right;
}
#sidefloat #gototop a:hover {
  filter: alpha(opacity=100);
  opacity: 1.00;
}
#sidefloat #gototop a {
  margin: 0px;
  padding: 0px;
  height: 56px;
  min-width: 60px;
  display: block;
  background: url(images/page-up-down.png) no-repeat top right;
  filter: alpha(opacity=10);
  opacity: 0.10;
}
#sidefloat #gotobtm a:hover {
  filter: alpha(opacity=100);
  opacity: 1.00;
}
#sidefloat #gotobtm a {
  margin: 0px;
  padding: 0px;
  height: 56px;
  min-width: 60px;
  display: block;
  background: url(images/page-up-down.png) no-repeat bottom right;
  filter: alpha(opacity=10);
  opacity: 0.10;
}
#sidefloat #sidenav a:link {
  color:lightblue;
  filter: alpha(opacity=100);
  opacity: 1.00;
}
#sidefloat #sidenav a:visited {
  color:lightblue;
  filter: alpha(opacity=100);
  opacity: 1.00;
}
#sidefloat #sidenav {
  text-align: left;
  line-height: 100%;
  position: relative;
  right: 0px;
  bottom: 10px;
  color:lightblue;
  background-color:white;
}
#sidefloat #sidenav a:hover {
  color:blue;
  background-color:lightgreen;
  filter: alpha(opacity=100);
  opacity: 1.00;
}