/* 共通部分 */
body {
  font-size: 13px;
  margin: 0px;
  line-height: 120%;
  font-family: 'MS PGothic';
}

/* 昼テーマ */
body.day-theme {
  background-color: #ffffff;
  color: #000000;
}

body.day-theme header {
  background-color: #888;
  background-image: url(./day.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

body.day-theme input[type=text],
body.day-theme textarea {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #C9D1DC;
}

body.day-theme select {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #C9D1DC;
}

/* 夜テーマ */
body.night-theme {
  background-color: #222222;
  color: #ffffff;
}

body.night-theme header {
  background-color: #333333;
  background-image: url(./night.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

body.night-theme input[type=text],
body.night-theme textarea {
  background-color: #555555;
  color: #ffffff;
  border: 1px solid #888888;
}

body.night-theme select {
  background-color: #555555;
  color: #ffffff;
  border: 1px solid #888888;
}

/* 共通のフッター */
footer {
  text-align: right;
  padding: 0px 10px 10px 0px;
}

/* container */
#container {
  width: 90%;
  max-width: 800px;
  margin: 10px auto;
}

/* ヘッダー タイトル */
h1 {
  color: #ffa500;
  font-size: 160%;
}
h1 a {
  color: #ffa500 !important;
}

div#head-box {
  text-align: left;
  margin: 0 auto;
  width: 100%;
  height: 130px;
  padding: 0.7em 1.5em;
}

/* サブタイトル */
p#subttl {
  margin: 1em 0;
  color: #ffd700;
  font-size: 120%;
}

section h1 {
  font-size: 15px;
  text-align: center;
}

section p {
  text-align: center;
}

#table_fo {
  margin-left: auto;
  margin-right: auto;
}

#table_fo th,
#table_fo td {
  text-align: left;
}

#table_check {
  margin-left: auto;
  margin-right: auto;
}

.komoku,
.naiyou {
  text-align: center;
  background-color: #ebebeb;
}

.naiyou {
  font-weight: bold;
}

#table_check th.l,
#table_check td.l {
  text-align: left;
}

#div_btn {
  margin-top: 10px;
  text-align: center;
}

.bt {
  background-color: #0658B6;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  border-width: 0px;
  width: 120px;
}

#hissu {
  text-align: center;
  margin-bottom: 10px;
}

.hissu {
  color: #cc0000;
  font-weight: normal;
}

.e {
  display: none;
  color: #cc0000;
}

input,
select {
  height: 34px;
  box-sizing: border-box;
}

textarea {
  box-sizing: border-box;
  line-height: 1.25;
  padding: 4px;
}

#table_check {
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
}
#table_check th,
#table_check td {
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
}

/* スマホ対応 */
@media screen and (max-width:600px) {
  body {
    font-size: 15px;
    line-height: 150%;
  }

  #table_fo {
    width: 90%;
  }

  #table_fo tr,
  #table_fo th,
  #table_fo td {
    display: block;
    width: auto;
    padding: 2px;
  }

  #table_fo th {
    padding-bottom: 0;
  }

  #table_fo input[type='text'],
  #table_fo select,
  #table_fo textarea {
    width: 100%;
  }

  #table_check {
    width: 90%;
  }
}