/* common.css character_set:utf-8 */
@charset "UTF-8";

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
  }
  html {
    font-size: 16px;
  }
  body {
    margin: 8px;
    background-color: #FFF;
  }
  h2{
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
  }

  p {
    margin: 1em 0;
  }

  p.result {
    margin: 2em 1em 1em;
  }

/* 区切り線 */
  hr {
    border: 0.5px solid #0000FF;
    margin:16px 0 8px 0;
  }

/* フレーム */
  iframe {
    border: none;
    margin: 0;
    width: 100%;
  }
  div.top {
    height: auto;
  }
  div.top iframe {
    height: 100%;
  }
  div.bottom{
    height: auto;
    border-top: 2px solid #ccc;
  }
  div.bottom iframe{
    height: 100%;
  }

/*エラーメッセージのフォーマット*/
  div.alert {
    margin: 2em 0 1em 0;
  }
  div.alert p {
    margin:0;
  }
  div.alert strong {
    color: #F0F;
    display: block;
  }
  .errorTitle {
    color: #F00;
    font-weight: bold;
  }

/* ボタンフォーム */
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 0.85em;
    padding: 0.2em 0.5em 0 0.5em;
  }

/* テキストフォーム */
  input[type=text],
  input[type=password] {
    font-size: 10pt;
    margin: 4px;
    padding: 1px 2px;
  }

  textarea {
    font-size: 10pt;
  }

  table.border input[type=text],
  table.border input[type=password] {
    margin: 4px 0;
  }

/* プルダウン・セレクタ */
  select {
    font-size: 10pt;
    margin: 4px;
  }

  table.border select {
    margin: 4px 0;
  }

/* 表組 */

  table.border {
    border-collapse: separate;
    border-top: inset 1px #ccc;
    border-right: outset 1px #000;
    border-bottom: outset 1px #000;
    border-left: inset 1px #ccc;
  }

  table.border td,
  table.border th {
    padding: 0 4px;
    border: solid 1px #000;
    empty-cells: show;
  }

  table.border td {
    text-align: right
  }

  table.border th {
    background-color: #ccc
  }

  table.noborder {
    border: none;
    border-collapse: collapse;
  }

  table.menu form,
  table.menu a  {
    margin-block-end: 1em;
    display: block;
  }

  table.menu tr:last-child form,
  table.menu tr:last-child a {
    margin-block-end: 0;
  }

  caption {
    font-weight: bold;
    text-align: left;
  }

  td.LOCK{
    background-color: #bbbbbb;
  }


/* width汎用 */

  .width100 {
    width: 100%;
  }
  .width50 {
    width:50%;
  }
  .width500px {
    width:500px;
  }


/* 寄せ */
  .center {
    text-align: center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .left {
    text-align: left !important;
    margin-right:auto !important;
  }
  .right {
    text-align: right !important;
    margin-left:auto !important;
  }
  .top {
    vertical-align: text-top !important;
    margin-bottom:auto !important;
  }
  .middle {
    vertical-align: middle !important;
    margin-top:auto !important;
    margin-bottom:auto !important;
  }
  .bottom {
    vertical-align: text-bottom !important;
    margin-top:auto !important;
  }

/* 装飾 */
  .nowrap {
	white-space:nowrap !important;
  }