body {
  font-family: 'Noto Sans', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 'Font Awesome', 'Font Awesome 5 Free','Font Awesome 5 Brands', 'Font Awesome';
  font-weight: 300;
  margin: 0 auto;
  padding: 0;
  max-width: 800px;       /* 最大幅を800pxに制限 */
  width: 100%;            /* 画面サイズに合わせて可変 */
  margin: 0 auto;         /* 中央寄せ */
  padding:0 20px;          /* 周囲に余白 */
  box-sizing: border-box; /* パディングを含めた幅計算 */
  background-color: #ffffff;
  text-align:center;
 }

/* TEXT-Link */
a {
  color:#2ba3a3;
  text-decoration:none;
 }
a:hover {
  color:#ad9845;
  text-decoration:underline;
 }


h1 {
  margin:1em 0 1em 0;
  color:#333333;
  font-size:160%;
 }

h2 {
  border-bottom:4px #004da0 solid;
  margin:1em 0 0.2em 0;
  padding-top:1em;
  text-align:left;
  color:#333333;
  font-size:140%;
  line-height:200%;
 }

.header {
  width:100%;
  background-color:#004da0;
 }

.navi {
  border-top:1px #cccccc solid;
  background-color:#f0f0f0;
  font-size:100%;
  font-weight:400;
  padding:0.2em 0 0.4em 0;
 }

.pagenavi {
  border:1px #cccccc solid;
  background-color:#f0f0f0;
  font-size:100%;
  font-weight:400;
  padding:0.2em 0 0.4em 0;
  text-align:left;
 }

.pagenavi ul {
  padding:0 3em;
  list-style-type: square;
  color:#aaaaaa;
 }

table.spec {
  border-collapse:collapse;
  font-size: 90%;
 }

table.spec th {
  background-color:#e5ebf1;
  font-weight: 400;
  vertical-align:top;
  text-align:left;
  padding:0.5em 1em;
  border:1px #cccccc solid;
  width:30%;
 }

table.spec td {
  background-color:#ffffff;
  font-weight:300;
  vertical-align:top;
  text-align:left;
  padding:0.5em 1em;
  border:1px #cccccc solid;
 }

.list_text {
  margin-top:1em;
  font-size:90%;
  text-align:left;
 }

.totop {
  font-size:80%;
  text-align:right;
  padding:2em 0 1em 0;
 }

.footer {
  margin-top:40px;
  padding:10px 0;
  background-color:#004da0;
  color:#ffffff;
  text-align:center;
  font-weight:500;
  font-size:85%;
 }


/* インデントに関する指定のみ */
/* CLASS名の数字は[1行目]_[2行目以降]を表す */
/* 単純なスペース明けの場合は[2行目以降]を省略 */

/* L1:0 */
.id0_1	{ padding-left:1em; text-indent:-1em; }
.id0_2	{ padding-left:2em; text-indent:-2em; }
.id0_3	{ padding-left:3em; text-indent:-3em; }

/* L1:1 */
.id1	{ padding-left:1em; }
.id1_0	{ text-indent:1em; }
.id1_2	{ padding-left:2em; text-indent:-1em; }
.id1_3	{ padding-left:3em; text-indent:-2em; }
.id1_4	{ padding-left:4em; text-indent:-3em; }

/* L1:2 */
.id2	{ padding-left:2em; }
.id2_1	{ padding-left:1em; text-indent:1em; }
.id2_3	{ padding-left:3em; text-indent:-1em; }
.id2_4	{ padding-left:4em; text-indent:-2em; }