@charset "shift_jis";
* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  margin: 0px auto;
  text-align: center;
  background-color: white;
  width: 100%;
}

#continer {
  width: 100%;
  max-width: 1280px;
  min-width: 1230px;
  background-color: #F0EEE6;
  text-align: left;
  margin: 0px auto;
}

table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}

td.center {
  text-align: center;
}

#continerBody {
  margin: 0px auto;
  border: 1px solid #DBD9CE;
  background-color: white;
  height: 630px;
}

#continerBody2 {
  width: 80%;
  margin: 0px auto;
  border: 1px solid #DBD9CE;
  background-color: white;
  margin-top: 15px;
  margin-bottom: 15px;
}

#continerBody3 {
  margin: 0px auto;
  border: 1px solid #DBD9CE;
  background-color: white;
  height: 500px;
}

#head {
  width: 100%;
  max-width: 1280px;
  min-width: 1230px;
  color: gray;
  font-size: 10px;
  background-color: white;
}

.headT {
  width: 100%;
  text-align: center;
  margin: 0px 0px 0px;
}

.logo {
  text-align: left;
  width: 25%;
  padding: 5px 0px 5px 10px;
}

.logo1 {
  width: 150px;
  height: 15px;
  padding-bottom: 1px;
}

.logo2 {
  margin-top: 1px;
  width: 306px;
  height: 27px;
}
.gamenID{
font-size:13px;color:#000000;padding-top:20px;width:35%;text-align:right;
}
.otherTd{
width:40%;
}

.oldKeiyaku {
  text-align: left;
  font-size: 12px;
  background-color: #1F9991;
  height: 5px;
}

#footer {
  padding-top: 0px;
  border-top: 1px solid #DBD9CE;
  text-align: left;
  width: 100%;
  max-width: 1280px;
  min-width: 1230px;
  color: #333333;
  background-color: white;
  height: 100px;
}

td.left {
  font-size: 10px;
  width: 18%;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  text-align: center;
  vertical-align: middle;
}

td.right {
  width: 80%;
  font-size: 8px;
  margin: 0px;
  padding: 1px 0px 0px 15px;
  text-align: left;
  vertical-align: middle;
}


.guiderText {
  height: 110px;
  text-align: left;
  border-bottom: 1px solid #1F9991;
}

.guiderText img {
  float: left;
  padding-left: 10px;
  padding-top: 30px;
  padding-right: 10px;
}

div.title {
  font-size: 18px;
  font-weight: bold;
  padding-top: 36px;
  height:20px;
  line-height: 1.2;
}

div.content {
padding-top: 10px;
  font-size: 15px;
}

div.inputField {
  margin: 60px auto 10px;
  width: 680px;
  padding-top: 115px;
  font-weight:normal;
}

div.inputField table th {
  width: 45%;
  background-color: #F0F0F0;
  padding-left: 5px;
  border: 1px solid #CCCCCC;
  color:#1F9991;
  height: 45px;
  text-align:left;
  font-size:22px;
}

div.inputField table th span{
  font-size:22px;
  vertical-align:middle;
}

div.inputField table td {
  width: 69%;
  height: 45px;
  border: 1px solid #CCCCCC;
}

div.inputField table td span{
  font-size:22px;
  vertical-align:middle;
}


div.inputField table input {
  border: 1px solid #999999;
  font-size:22px;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:3px;
}

div.inputField table select {
  font-size:22px;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:3px;
}

div.inputField table select.selecty {
  font-size:22px;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:3px;
  width: 270px;
}

div#commandCenter {
  margin:0px auto;
  margin-top: 50px;
  height:70px;
  width:267px;
  text-align:center;
}
div#commandCenter input{
  text-align:center;
  color:#FFFFFF;
  border:none;
  background:repeat;
  background-image: url(../images/btn_execute.gif);
  background-repeat: no-repeat;
  border-width: 0px 0px 0px 0px;
  border-style: none;
  background-position: center center;
  width:267px;
  height:70px;
  cursor:pointer;
}

div#messageError{
  display:block;
  width:70%;
  border:4px solid #ff0000;
  font-size:14px;
  margin:30px 0px 20px 0px;
  line-height:130%;
}
div#messageError p.errorTop{
  margin:5px;
  font-weight:bold;
  color:#ff0000;
}
div#messageError p.errorBottom{
  margin:5px;
  border-top:1px dotted #ff0000;
}

div.kankyoField{
  margin:60px auto 10px;
  width:700px;
  font-weight:normal;
  border:1px solid rgb(219, 217, 206);
  font-size:13px;
}

div.kankyoBody{
  margin:0px auto;
  margin-top:3px;
  width:95%;
  font-weight:normal;
}

div.kankyoBody p{
  margin-left:5px;
}

div.kankyoTableField{
  margin-left:5px;
  width:80%;
}

div.kankyoTableField Table{
  margin-left:10px;
  border:1px solid rgb(219, 217, 206);
}

div.kankyoTableField Table tr th{
  border:1px solid rgb(219, 217, 206);
  width:40%;
}

div.kankyoTableField Table td{
  border:1px solid rgb(219, 217, 206);
  padding:5px 5px 5px 15px;
}
table.attention{
  text-align: left;
}

div.center{
    text-align:center !important;
}

p.notes{
    font-size:160%;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
}

button.strong{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d8a7c+0,00655a+100 */
    background: #0d8a7c; /* Old browsers */
    background: -moz-linear-gradient(top, #0d8a7c 0%, #00655a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0d8a7c 0%,#00655a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0d8a7c 0%,#00655a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d8a7c', endColorstr='#00655a',GradientType=0 ); /* IE6-9 */
    font-family:"Meiryo", "Lucida Sans Unicode", "arial", "ＭＳ Ｐゴシック", "Osaka", san-serif;
    font-size:140% !important;
    font-weight:normal;
    line-height:1.2em !important;
    text-align:center;
    color:#fff;
    padding:15px 10px 13px;
    margin:3px 0;
    min-width:100px;
    box-shadow:0 2px 9px 0 rgba(0,0,0,0.2);
    border:1px solid #86bfbc;
    border-color:#00655a;
    border-radius:3px;
    cursor:pointer;
}

button:disabled{
    opacity:0.5;
    cursor:not-allowed !important;
}

button.strong:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa99d+0,008a80+100 */
    background: #1fa99d; /* Old browsers */
    background: -moz-linear-gradient(top, #1fa99d 0%, #008a80 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1fa99d 0%,#008a80 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1fa99d 0%,#008a80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa99d', endColorstr='#008a80',GradientType=0 ); /* IE6-9 */
}

button .next{
    background:url(../images/i_next.png) no-repeat right center;
    padding:0 15px 0 0;
    display:block;
}