a:link {
 color: #4e525b;
 text-decoration: none;
}
a:visited {
 color:#8f96b2;
 text-decoration: none;
}
a:hover {
 color:#b28f8f;
 text-decoration: underline;
}
a:active {
 color:#bc5050;
 text-decoration: underline;
}

img.std {
 float: none;
 margin-top: 16px;
 margin-bottom: 16px;
 /* width指定のため margin-left, right は指定しない */
 width: 100%;
 padding: 0px;
 border-style: none;
}

img.brdr {
 float: none;
 margin-top: 16px;
 margin-bottom: 16px;
 /* width指定のため margin-left, right は指定しない */
 width: 100%;
 padding: 0px;
 border-style:solid;
 border-width: 1px;
 border-color: #f0f0f0;
}

img.sparkle {
 float: none;
 margin-top: 96px;
 margin-bottom: 16px;
 /* width指定のため margin-left, right は指定しない */
 width: 256px;
 height: 256px;
 padding: 0px;
 border-style: none;
}

img.gayouorg {
 float: none;
 margin-top: 0px;
 margin-bottom: 48px;
 /* width指定のため margin-left, right は指定しない */
 width: 660px;
 height: 108px;
 padding: 0px;
 border-style: none;
}

img.gayouorgwhite {
 float: none;
 margin-top: 0px;
 margin-bottom: 0px;
 /* width指定のため margin-left, right は指定しない */
 width: 165px;
 height: 27px;
 padding: 0px;
 border-style: none;
}

img.dingbat {
 float: none;
 margin-top: 0px;
 margin-bottom: 0px;
 /* width指定のため margin-left, right は指定しない */
 width: 24px;
 height: 16px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 4px;
 padding-right: 4px;
 border-style: none;
}

body{
 color: #0f0f03;
 background-color: #fffff7;
 letter-spacing: normal;
 font-family: "Century", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝", "ＭＳ 明朝", ninjal_hentaigana, serif;
 font-size: medium;
 line-height: 1.8;
 margin: 0px;
 padding: 0px;
 vertical-align: baseline;
}

body.top{
 color: #0f0f03;
 background-color: #ffffff;
 letter-spacing: normal;
 font-family: "Century", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝", "ＭＳ 明朝", ninjal_hentaigana, serif;
 font-size: medium;
 line-height: 1.8;
 margin: 0px;
 padding: 0px;
 vertical-align: baseline;
}

nav.site {
 background-color: #989484;
 margin: 0px;
 padding: 0px;
}

div.site{
 color: #ffffff;
 font-size: x-large;
 white-space: nowrap;
 line-height: 1.0;
 text-align: center;
 margin: 0px;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 16pt;
/* padding-right: auto; */
 text-align: left;
}

nav.navi {
 background-color: #e2dfd4;
 margin: 0px;
 padding-top: 0px;
 padding-bottom: 8px;
}

div.title{
 color: #30333a;
 font-size: x-large;
 white-space: nowrap;
 line-height: 1.0;
 text-align: center;
 padding-top: 16px;
 padding-bottom: 8px;
}

table.top {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
}

td.top {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin: 0px;
 text-align: center;
}

table.navi {
 margin-top: 0px;
 margin-bottom: 8px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
}

td.navi {
 color: #4e525b;
 padding-top: 8px;
 padding-bottom: 0px;
 padding-left: 24px;
 padding-right: 24px;
 margin: 0px;
 text-align: center;
}

nav.map {
 background-color: #f2f0e8;
 margin: 0px;
 padding-top: 4px;
 padding-bottom: 8px;
 padding-left: 0px;
}

table.map {
 line-height: 1.5;
 font-size: small;
 color: #4e525b;
  /* tableの marginはコンテナとなる navの paddingと連動させる */
 margin-top: 4px;
 margin-bottom: 8px;
 margin-left: 16px;
 margin-right: auto;
 padding: 0px;
}

td.map {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 12px;
 padding-right: 12px;
}

td.mapSub {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 32px;
 padding-right: 12px;
}

div.copyright {
 font-size: small;
 margin-top:8px;
 margin-bottom: 8px;
 text-align: center;
}

table.notes {
 line-height: 1.5;
 margin-left: 32px;
 margin-right: 0px;
 margin-top: 8px;
 margin-bottom: 16px;
 padding: 0px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
*/
}

td.notesKey {
 text-align: right;
 vertical-align: text-top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 4px;
 border-style: none;
}

td.notesValue {
 text-align: left;
 vertical-align: text-top;
 padding: 0px;
 border-style: none;
}

table.list {
 line-height: 1.5;
 margin-left: 16px;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 24px;
 padding: 0px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
*/
}

td.listKey {
 text-align: right;
 vertical-align: text-top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 4px;
 border-style: none;
}

td.listValue {
 text-align: left;
 vertical-align: text-top;
 padding: 0px;
 border-style: none;
}

/* 現状は listクラスと同じ。あとで別にしたくなる場合に備えて定義しておく */
table.tempo {
 line-height: 1.5;
 margin-left: 16px;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
 border-style: none;
}

td.tempoKey {
 text-align: right;
 vertical-align: text-top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 4px;
 border-style: none;
}

td.tempoValue {
 text-align: left;
 vertical-align: text-top;
 padding: 0px;
 border-style: none;
}

table.frame {
 margin: 0px;
 padding: 0px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
 border-color: #ff0000;
*/
}

td.frameKey {
 text-align: right;
 vertical-align: text-top;
 padding: 0px;
}

td.frameValue {
 text-align: left;
 vertical-align: text-top;
 padding: 0px;
}

p.std{
 margin-top: 0px;
 margin-bottom: 16px;
 margin-left: 0px;
 margin-right: 0px;
 padding: 0px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
*/
}

p.refer{
 margin-top: 0px;
 margin-bottom: 16px;
 margin-left: 8px;
 margin-right: 0px;
 padding-top: 16px;
 padding-bottom: 8px;
 padding-left: 8px;
 padding-right: 8px;
 border-style: solid;
 border-width: 1px;
 border-color: #a8a89d;
 background-color: #f5f5ea;
}

p.list{
 margin-top: 0px;
 margin-bottom: 2px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
 border-color: #0000ff;
*/
}

/* 現状は listクラスと同じ。あとで別にしたくなる場合に備えて定義しておく */
p.tempo{
 margin-top: 0px;
 margin-bottom: 2px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
*/
}

div.chapter {
 font-size: x-large;
 margin-top: 16px;
 margin-bottom: 16px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
 border-color: #ff0000;
*/
}

div.section {
 font-size: large;
 margin-top: 16px;
 margin-bottom: 16px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
 border-color: #ff0000;
*/
}

div.item {
 font-size: medium;
 margin-top: 16px;
 margin-bottom: 2px;
 border-style: none;
/* debug
 border-style: solid;
 border-width: 1px;
 border-color: #ff0000;
*/
}

div.word {
 white-space: nowrap;
 display: inline;
}

a.outbound::after {
 display: inline-block;
 width: 0.8rem;
 height: 0.8rem;
 content: url("../images/arrow.svg");
 margin-left: 2px;
}

a.outbound{
 white-space: nowrap;
}

#contents{
 overflow-wrap: break-word;
 max-width: 832px;
 margin-top: 24px;
 margin-bottom: 24px;
 margin-left: auto;
 margin-right: auto;
}

@font-face {
  font-family: "ninjal_hentaigana";
  src:
    local("ninjal_hentaigana"),
    url("../fonts/ninjal_hentaigana/ninjal_hentaigana.ttf") format("opentype"),
    url("../fonts/ninjal_hentaigana/ninjal_hentaigana.woff") format("woff"),
    url("../fonts/ninjal_hentaigana/ninjal_hentaigana.woff2") format("woff2");
}