/* layout */
body{
  background-color: #123456;

}
.main-nav {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* タイトル */
#form .form-title{
  font-family: Arial;
  font-size: 25px;
  color: darkgreen;
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-right: 20%;
}

#form .form-line{
  font-family: Arial;
  font-size: 25px;
  color: darkgreen;
  text-align: center;
  border-bottom: 2px solid green;
  margin-bottom: 20px;
}

/* タイトルとラインの整列調整用 */
.main-nav .col1 {
  -webkit-flex: 2;
  flex: 2;
  width:100%;
}

/* 共通フォント */
#form p{
  font-size: 14px;
  color: darkgreen;
  font-weight: bold;
  }

/*列調整*/
#form .td_sim{
  width:15%;
  color: black;
}
#form .i_sim{
  width:95%;
  color: black;
  height: 25px;
  font-weight: bold;
}

/* Del Ver 2.0.0 Start
#form .td_kind{
  width:8%;
  color: darkgreen;
  font-weight: bold;
} Del Ver 2.0.0 End
*/
/* Add Ver 2.0.0 Start */
#form .td_kind{
  width:8%;
  color: black;
  font-weight: bold;
}
/* Add Ver 2.0.0 End */
#form .i_kind{
  width:10%;
  color: darkgreen;
  font-weight: bold;
}

#form .td_id{
  width:15%;f
  color: darkgreen;
  font-weight: bold;
}
#form .i_id{
  width:95%;
  -webkit-appearance:none;
  color: black;
  height: 25px;
  font-weight: bold;
}

#form .td_day{
  width:8%;
  color: darkgreen;
  font-weight: bold;
}
#form .i_day{
  width:95%;
  height:25px;
  color: black;
  font-weight: bold;
  text-align: center;
  color: black;
}


#form .td_gp{
  width:22%;
  color: darkgreen;
  font-weight: bold;
}
#form .i_gp{
  width:95%;
  -webkit-appearance:none;
  color: black;
  font-weight: bold;
  height: 25px;
}

#form .td_range{
  width:6%;
  color: darkgreen;
  font-weight: bold;
}
#form .i_range{
  width:95%;
  color: black;
  height: 25px;
  font-weight: bold
}

#form .td_model{
  width:6%;
  color: darkgreen;
  font-weight: bold;
}
#form .i_model{
  width:95%;
  color: black;
  height: 25px;
  font-weight: bold
}


#form .td_cal{
  width:6%;
  color: darkgreen;
  font-weight: bold;
}
#form .i_cal{
  width:95%;
  color: black;
  height: 25px;
  font-weight: bold
}


#form .td_file{
  width:6%;
  color: darkgreen;
  font-weight: bold;
}
#form .i_file{
  width:95%;
  color: black;
  height: 25px;
  font-weight: bold
}

#form .td_show{
  width:5%;
  color: darkgreen;
  font-weight: bold;
}

#form .td_dl{
  width:5%;
  color: darkgreen;
  font-weight: bold;
}

body,p,form,input{margin: 0}
#form{
  width: 98%;
  height: 95vh;
  margin: 20px auto;
  padding: 15px;
  border: 1px solid #123456;
  }

.submit{
  text-align: right;
  }

/* 枠内書式設定 */
#form{
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 10px #48c89e;
  -moz-box-shadow: 0px 1px 10px #48c89e;
  box-shadow: 0px 1px 10px #48c89e;
  border: solid darkgreen 2px;
  background: #f8faf8;
  }


.submit input{
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 6px #e3e3e3;
  -moz-box-shadow: 0px 8px 6px #e3e3e3;
  box-shadow: 0px 8px 6px #e3e3e3;
  border: solid #f5fdff 4px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#61c7e0), to(#418da8));
  background: -moz-linear-gradient(top, #61c7e0, #418da8);
  }
.submit input:hover{
  background: #0033FF;
 }

#loading{
/*	display: none;*/
	height: 100%;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-30px;
}


#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}