@charset "utf-8";

html  { margin:0px; padding:0px; height:100%; }
form  { margin:0px; padding:0px; height:100%;  }
body  { 
  margin:0px; padding:0px; height:100%; text-align:center; 
  line-height:1.2; 
  font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}

a.title  { font-size:32px; font-weight:bold; }
a.text   { font-size:16px; margin-left:0px; }
a.text2  { font-size:14px; margin-left:50px; }
a.back   { font-size:16px; text-decoration:none; font-weight:bold; }
td.text  { font-size:14px; padding-left:12px; }

table.tblbd, table.tblbd2 { background-color:lightsteelblue; border:3px double darkblue; border-collapse: collapse; margin-bottom: 10px;  }

table.tblbd td, table.tblbd th, table.tblbd2 td, table.tblbd2 th { border:1px solid darkblue; }
table.tblbd td.title, table.tblbd2 td.title { font-size:18px; text-align:center; font-weight:bold; background-color:darkblue; color:white; }

table.tblbd th, table.tblbd2 th      { font-size:14px; width:120px; border-top:1px solid darkblue; }
table.tblbd th span, table.tblbd2 th span { white-space:nowrap; margin-left:6px; }
table.tblbd td      { font-size:14px; padding-left:12px; border-top:1px solid darkblue; border-left:1px solid darkblue; }
table.tblbd2 td      { font-size:14px; padding-left:12px; border-top:1px solid darkblue; border-left:1px solid darkblue; background:#FFFFFF; }

td.jump { font-size:18px; }

td.header {
  background-image:url(/file_common/header.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  background-attachment:scroll;
  height:120px;
  width:800px;
}

td.footer {
  background-image:url(/file_common/footer.gif);
  background-repeat:no-repeat;
  background-position:top left;
  background-attachment:scroll;
  height:80px;
  width:800px;
}

#ImgHeader     { text-align:center; }
#ImgHeader img { margin:0px auto; }
.section__body { width: 700px; margin-left: auto; margin-right: auto; text-align: left}
.button_box { text-align: center; margin-bottom: 20px; }

#wrapper { display: flex; flex-direction: column; min-height: 100vh;}
#main { flex: 1; display: flex; flex-direction: column; }

#body { margin-top: auto; margin-bottom: auto; }
#footer { margin-top: auto; }

#txt_explain { text-align: center; }

/* ----------------------------------------------------------
    フォーム系
------------------------------------------------------------- */
input, textarea, select {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    *font-size: 14px;
}
input, button {
    line-height: normal;
    vertical-align: middle;
}

input[type=text],
input[type=password],
textarea {
    width : 380px ;
    padding: 5px;
    background: #fff;
    border: 1px solid #333;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { border: 1px solid #209dd9; }

input[type=button] { cursor: pointer; }

input[type=submit],
input[type=reset] {
    padding: 5px 8px;
    cursor: pointer;
}

input[type=checkbox] { cursor: pointer; }

input[type=submit]:disabled,
input[type=button]:disabled,
input[type=checkbox]:disabled { cursor: default; }

textarea {
    width : 410px ;
    overflow: auto;
    vertical-align: top;
}
select {
    padding: 2px;
    line-height: normal;
    background: #fff;
}
label { cursor: pointer; }
legend {
    *margin-left: -7px;
    color: #333;
}


.red_txt, .red {
    color: #ff3333;
}