@charset "UTF-8";
.maincontents {
  border: 1px solid #D8DEE9;
}

/* 背景に影 */
.bgs {
  background-color: rgba(0, 0, 0, 0.12);
}

/* フッタ　リンク用グリッドレイアウト */
.linkgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7em, 1fr));
  grid-column-gap: 0.5em;
  grid-row-gap: 5px;
}

.linkgrid2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
  grid-column-gap: 0.1em;
  grid-row-gap: 5px;
}

/* commentbox */
.commentbox {
  border-right: 2px dashed #bec8da;
  border-bottom: 2px dashed #bec8da;
  border-left: 2px dashed #bec8da;
}

.box-title {
  background: #e8ecf2;
  color: #2E3C43;
}

/* Link */
.button {
  background: #D8DEE9;
  color: #5c6266;
}

/* ドロップダウンメニュー */

nav.droplinetabs * {
  color: #2E3C43;	/* 文字色一括指定 */
}

/* 基本背景色（一番濃い色） */
nav.droplinetabs > ul > li,
nav.droplinetabs > ul > li > ul {
  background: #c8d0e0;
}

/* ホバー時の1段階薄い色 */
nav.droplinetabs > ul > li.here,
nav.droplinetabs > ul > li:hover {
  background: #e8ecf2;
}

/* other用 */
nav.droplinetabs > ul > li.other,
nav.droplinetabs > ul > li.other > a:hover {
  background: #D8DEE9;
}

/* 背景・リンク文字色ホバー時指定 */
nav.droplinetabs > ul > li > ul > li > a:hover,
nav.droplinetabs > ul > li > a:hover {
  background: #e8ecf2;
  color: #2E3C43;
}

/* responsive layout CSS */
@media (max-width: 768px) {
  /* Top Level link style */
  .maincontents {
    border: 1px solid #D8DEE9;
  }
}
/* table */
table {
  margin: 1em 0 1em 0;
  border: 1px solid #252626;
  font-size: smaller;
}

table tr:nth-child(even) {
  background-color: #F5F6F9;
}

th {
  background-color: #bec8da;
  color: #303030;
  text-align: center;
  border: 1px solid #b9bdbd;
}

td {
  border: 1px solid #b9bdbd;
}

.stat {
  background-color: #d3d8db;
}

.stat2 {
  background-color: #a8b6bd;
}

/* 見出し */
.maincontents h1 {
  background: #e8ecf2;
  border-bottom: 2px solid #212a3b;
  border-top: 2px solid #212a3b;
}
.maincontents H2 {
  border-color: #212a3b;
}
.maincontents H3 {
  border-color: #212a3b;
}
.maincontents H4 {
  border-color: #212a3b;
}
.maincontents H5 {
  border-color: #212a3b;
}

.place {
  border: 2px dashed #bec8da;
}