.uploadform1 {
    margin: 10px auto;
    width: 90%;
    height: 200px;
    box-shadow: 0 0 2px #3e3e3e;
    padding: 10px;
    text-align: center;
}
 
.upload-area {
    margin: auto;
    width: 85%;
    height: 200px;
    position: relative;
    border: 1px dotted rgba(0, 0, 0, .4);
}
.upload-area i {
    position: absolute;
    font-size: 120px;
    opacity: .1;
    width: 100%;
    left: 0;
    top: 80px;
}
.upload-area p {
    width: 100%;
    position: absolute;
    top: 200px;
    opacity: .8;
}
 
#input-files {
    top: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
 
#submit-btn {
    font-weight: bold;
    margin-top: 20px;
    border-radius: 3px;
    width: 200px;
    height: 45px;
    background-color: rgba(108, 168, 255, .7);
    border: none;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.6);
    opacity: .6;
    cursor: pointer;
}
#submit-btn:hover {
    background-color: rgba(108, 168, 255, 1.0);
}
#submit-btn:active {
    position: relative;
    top: 5px;
    box-shadow: none;
}

#nav {
	list-style: none;
	overflow: hidden;
  }
   
  #nav li {
	width: 180px;
	text-align: center;
	background-color: rgb(2, 122, 131);
	float: left;
	height: 50px;
	line-height: 50px;
	margin-right: 2px;
  }
   
  #nav li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 20px;
  }

  .br4 {
	border-left: 5px double #000;
	border-right: 5px double #000;
  }

  .hr1 {
	position: relative;
	  height: 3px;
	  border-width: 0;
	  background-color: #00bcd4;
	  background-image: -webkit-linear-gradient( 135deg, #FD6585 10%, #0D25B9 100%);
	  background-image: linear-gradient( 135deg, #2c8006 10%, #3175f3 100%);
  }

  .hr2 {
	position: relative;
	  height: 3px;
	  border-width: 0;
	  background-color: #00bcd4;
	  background-image: -webkit-linear-gradient( 135deg, #FD6585 10%, #0D25B9 100%);
	  background-image: linear-gradient( 135deg, #3175f3 10%, #2c8006 100%);
  }

.footer1 {
	width: 100%;
	position: relative;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align : center;
}

/***　古代カラー　***/

.kodai-table {
	width :100%;
	font-size:14px;
	border-collapse :collapse;
	border-radius : 10px 10px 10px 10px;
}


/* ヘッダー */
.kodai-table thead th {
	background-color:#5BAD92;
	font-weight: bold;
	color:#fff;
	padding : 5px;padding-left : 50px;padding-right: 50px;
	text-align : center;
}

/* ボディ項目・フッター項目 */
.kodai-table tbody th {
	background:#FCFAF2;
	text-align : center;
	border : 1px solid rgb(59, 209, 219);
}

/* ボディデータ・フッターデータ */
.kodai-table tbody td {
	text-align:center;
	border : 1px solid rgb(59, 209, 219);
}

.kodai-table tfoot td {
	text-align:center;
	border : 0px solid rgb(59, 209, 219);
	font-weight : biod;
}

.cellshasen{
    background-image: linear-gradient(to right bottom, transparent calc(50% - 0.5px), rgb(218, 218, 218), rgb(218, 218, 218) calc(50% + 0.5px), transparent calc(50% + 1px));
	font-size : 14px;
	text-align : center;
	border : 1px dotted white;
	border-collapse: collapse;
}

.buttonred{ 
	font-size: 12px;
	display: inline-block;
	padding: 0.2em 1em 0.1em;
	color: #ffffff;
	border: #ffffff dashed 1px;
	box-shadow: 0 0 0 0.2em #fa59aa;
	border-radius: 2.5px;
	background-color: #fa59aa;
	cursor: pointer;}

.buttonblue{
	font-size: 12px;
	display: inline-block;
	padding: 0.2em 1em 0.1em;
	color: #ffffff;
	border: #ffffff dashed 1px;
	box-shadow: 0 0 0 0.2em #3c13cf;
	border-radius: 2.5px;
	background-color: #3c13cf;
	cursor: pointer;}



.buttongreen{
	font-size: 12px;
	display: inline-block;
	padding: 0.2em 1em 0.1em;
	color: #ffffff;
	border: #ffffff dashed 1px;
	box-shadow: 0 0 0 0.2em #21b382;
	border-radius: 2.5px;
	background-color: #21b382;
	cursor: pointer;
	}

	.buttonorange{
		font-size: 12px;
		display: inline-block;
		padding: 0.2em 1em 0.1em;
		color: #ffffff;
		border: #ffffff dashed 1px;
		box-shadow: 0 0 0 0.2em #fa9f37;
		border-radius: 2.5px;
		background-color: #fa9f37;
		cursor: pointer;
		}

.bbcell{
	border : 1px solid black;
	font-size : 14px;
	background-color : yellow;
	color: black;
	font-weight : normal;
	text-align : center;
}

.bbcell2{
	border : 1px solid black;
	font-size : 14px;
	background-color : rgb(252, 252, 205);
	color: black;
	font-weight :normal;
	text-align : center;
}

.zaikoall{
width : 90%;
margin-left: auto;
margin-right: auto;

}

.zaikoalltd1{
	font-size:14px;
	border-collapse :collapse;
	border-radius : 10px 10px 10px 10px;
}


.zaikoalltd2{
	vertical-align:top;
	font-size:12px;
	border-collapse :collapse;
	border-radius : 10px 10px 10px 10px;
	
}
.woodzaikohyo{
	width : 100%;
	font-size : 14px;
	text-align : center;
	border : 1px dotted white;
	color : rgb(0, 0, 0);
	border-collapse: collapse;
}
.woodzaikohyo thead th{
	background-color:#7beec8;
		color:hwb(0 0% 100%);
		text-align : center;
}

.woodzaikohyo tbody th {
	background:#FCFAF2;
	text-align : center;
	border : 1px solid rgb(59, 209, 219);
}

.woodzaikohyo tbody td {
	text-align:center;
	border : 1px solid #7beec8;
}

.kiipzaikohyo{
	width : 100%;
	margin-left: 25px;
	font-size : 14px;
	text-align : center;
	border : 1px dotted white;
	color : rgb(0, 0, 0);
	border-collapse: collapse;
}

.kiipzaikohyo thead th{
	background-color:#7beec8;
		color:hwb(0 0% 100%);
		text-align : center;
}

.kiipzaikohyo tbody th {
	background:#FCFAF2;
	text-align : center;
	border : 1px solid rgb(59, 209, 219);
}

.kiipzaikohyo tbody td {
	text-align:center;
	border : 1px solid #7beec8;
}


.woodsousahyou{
	width : 50%;
	font-size : 12px;
	text-align : center;
	border : 5px dotted rgb(43, 4, 4);
	color : rgb(0, 0, 0);
	border-collapse: collapse;
}





.mecha-main-table{
	width : 90%;
	border : 1px solid rgb(45, 206, 206);
	border-collapse:collapse; 
	text-align : center;
}


.mecha-up-table-td2{
	width : 40%;
	border : 1px solid rgb(45, 206, 206);
	border-collapse:collapse; 
	text-align : center;
}


.mecha-up-table-td{
	width : 20%;
	border : 1px solid rgb(45, 206, 206);
	border-collapse:collapse; 
	text-align : center;
}

.mecha-up-table-td3{

	height:250px;
	border : 1px solid rgb(45, 206, 206);
	border-collapse:collapse; 
	text-align : center;
}
.mecha-up-table-td4{

	height:125px;
	border : 1px solid rgb(45, 206, 206);
	border-collapse:collapse; 
	text-align : center;
}