html {
  height: 100%;
}
/**
 * ボディ
 */
/*html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td, footer, header, menu, nav, section {*/
body {
  /*width: 100%;*/
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'ＭＳ ゴシック','MS Gothic','ＭＳ Ｐゴシック','MS PGothic','游ゴシック','Yu Gothic','メイリオ','Meiryo','Meiryo UI',sans-serif;
  /*font-family: "MS Sans Serif";*/
  /*font-family: 'MS UI Gothic','ＭＳ Ｐゴシック','Meiryo','Meiryo UI','Yu Gothic';
  /*font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';*/
  /*font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", sans-serif;/*追加*/
  font-size: 14px;
  overflow:scroll;  /* 内容が収まらない場合には、縦・横のスクロールバーを表示 */
  box-sizing: border-box; /* 要素ボックスに、境界ボックス を指定 */
}
/**
 * メニューバー
 */
header {
  width: 100%;
  position: fixed; /* 要素の表示位置に、一定位置固定 を指定 */
  top: 0;
  left: 0;
  margin: 0px;
  height: 18px;
  background: #C0C0C0;
  /*box-sizing: border-box; /* 要素ボックスに、境界ボックス を指定 */
}
.header-a {
  padding-left: 10px;
  display: inline-block;
}
.header-a a {
  text-decoration: none;
}
/**
 * メイン
 */
.main {
  width: 100%;
  background: #FFFFCC; /* 薄黄色 */
  position: relative;  /* 要素の表示位置の計算方法を指定 */
  text-align: center;  /* text-alignは親要素に対して指定 */
}
.main-display {
  display: inline-block; /* divタグをinline-blockに変更。text-alignは親要素に対して指定 */
  text-align: left;      /* 文は左寄せのままにしたいので追加 */
}
.main h4, p {
  text-align: left;
  margin-left: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
}
/**
 * validate error
 */
ul li {
  /*background: #FFFF00; /* 黄色 */
  color: #ff0000;　　　/* 赤色 */
  font-weight: bold;
}
.main-errors {
   width: 800px;
   background: #FFFF00; /* 黄色 */
   border-collapse: collapse; /* 隣接セル同士の枠線を結合する */
   color: #ff0000;      /* 赤色 */
   font-weight: bold;
   /*margin-left: 10px;*/
   /*border: 1px solid;   /* 表全体を線で囲う */
 }
/**
 * 検索ボックス
 */
.main-search {
  width: 860px;
  background: #EAD9FF; /* 薄紫 */
  border: 1px solid;   /* 表全体を線で囲う */
  border-collapse: collapse; /* 隣接セル同士の枠線を結合する */
}
.label {margin: 10px 0px 0px 20px;} /* 上値 右値 下値 左値 */
.color {color: #808080;}
/**
 * 太字
 */
.bold {font-weight: bold;}
/**
 * ボタン
 */
.button {
  width: 140px;
  height: 30px;
  border-radius: 0.75em;  /* 枠線の角を丸く */
}