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

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

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

.box-title {
  background: #4aace3;
  color: #FFF;
}

/* Link */
.button {
  background: #2197d9;
  color: #FFF;
}

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

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

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

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

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

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

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

th {
  background-color: #b8dff4;
  padding: 2px;
  text-align: center;
  box-shadow: 1px 1px 3px #666;
}

tr {
  background-color: #FFF;
}

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

td {
  box-shadow: 1px 1px 3px #666;
}

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

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