@charset "utf-8";
/* CSS Document */

#main-column4{
   margin: 0px;
   padding: 0px;
   background-color: #FFF;
}

#image_cv{
	position: relative;
	margin: 0 auto;
	padding: 0;
	clear: both;
	max-width: 100vw;
}

#fl_table{
	display: block;
	max-width: 500px;
	clear: both;
	margin: 500px auto 0px;
	border-collapse: collapse;
}

#fl_table table.temp{
	margin: 50px auto 100px;
}

#fl_table table{
	max-width: 400px;
	margin: 400px auto 100px;
	padding: 0px;
	border-collapse: collapse;
}
#fl_table td{
	width: 200px;
	margin: 0px;
	padding: 10px;
	text-align: center;
	border: 1px solid;
}

#fl_table1{
	margin: 400px auto 50px;
	clear: both;
}
#fl_table1{
	max-width: 100%;
	padding: 0px;
	border-collapse: collapse;
}

#fl_table1 th{
	width: 30%;
	border: 1px solid;
	font-weight:normal;
}

#fl_table1 td{
	margin: 0px;
	padding: 10px;
	text-align: center;
	border: 1px solid;
}

#fl_table2{
	margin: 80px auto 50px;
	clear: both;
}
#fl_table2{
	max-width: 100%;
	padding: 0px;
	border-collapse: collapse;
}

#fl_table2 th{
	width: 30%;
	border: 1px solid;
	font-weight:normal;
}

#fl_table2 td{
	margin: 0px;
	padding: 10px;
	text-align: center;
	border: 1px solid;
}

#fl_table2 td.txtleft{
	text-align: left;
}

#fl_table2{
	margin: 80px auto 50px;
	clear: both;
}


#spike_table{
	max-width: 100%;
	padding: 0px;
	border-collapse: collapse;
	margin: 400px auto 50px;
	clear: both;
}

#spike_table th{
	width: 30%;
	border: 1px solid;
	font-weight:normal;
	text-align: left;
	padding: 5px;
}

#spike_table td{
	margin: 0px;
	padding: 10px;
	text-align: center;
	border: 1px solid;
}

#spike_table td.txtleft{
	text-align: left;
}

.form-table, .form-temp{
  border-collapse: collapse;
  width: 80%;
  margin: 0 auto 0;
 }


.form-table{
  margin-top: 400px;
 }
 
.form-temp{
	margin-top: 100px;
}
 
 
.form-table th, .form-temp th,
.form-table td, .form-temp td {
  border: 1px solid #000;
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  text-indent: each-line;
}
 
.form-table th, .form-temp th{
  background: #eee;
  position: relative;
  text-align: left;
  width: 200px;
}




ul.formlayout{
	display: block;
	padding: 0px;
	margin: 50px auto;
	float: right;
	width: 500px;
	clear:both;
}

ul.formlayout li{
	display: block;
	float: left;
	margin: 0px;
	padding: 10px;
	width: 250px;
	list-style: none;
	flex-grow: 1;
	box-sizing: border-box;
}
ul.formlayout div{
	width: 100%;
}


.button {
 cursor: pointer;
}


#red{
	color: #F00;
}

#errorcol{
	margin: 300px auto;
	padding: 200px 200px;
	text-align: center;
}

input[type=radio]:checked + div.img_num5{
	display: none;
}

#tr_vis td{
	width: 250px;
}

#tr_vis1 td{
	width: 250px;
}
#tr_vis2 td{
	width: 250px;
}
#tr_vis3 td{
	width: 250px;
}

#tr_vis4 td{
	width: 250px;
}

#tr_vis5 td{
	width: 250px;
}

#tr_vis6 td{
	width: 250px;
}

#tr_vis7 td{
	width: 250px;
}

#tr_vis8 td{
	width: 250px;
}

#tr_vis9 td{
	width: 250px;
}

#img_bat1{
	position:absolute;
	top: 200px;
	left:0px;	
	z-index: 15;
	display:block;
}
#img_bat1 img{
	width: 100%;

}


#img_num1{
	position:absolute;
	top: 50px;	
	left: 60px;
	z-index: 13;
	display:block;
}
#img_num2{
	position: absolute;
	top: 50px;
	left: 60px;
	z-index: 12;
	display:block;
}
#img_num3{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 11;	
	display:block;
	}
#img_num4{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 10;	
	display:block;
	}
#img_num5{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 9;
}
#img_num6{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 8;	
	display:block;
	}
#img_num7{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 7;	
	display:block;
	}
#img_num8{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 6;	
	display:block;
	}
#img_num9{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 5;	
	display:block;
	}
#img_num10{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 4;	
	display:block;
	}
#img_num11{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 3;	
	display:block;
	}
#img_num12{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 2;	
	display:block;
	}

#img_num13{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 1;	
	display:block;
	}
	
#img_num14{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 21;	
	display:block;
	}

	
#img_num15{
	position: absolute;
	top: 50px;
	left: 60px;
	z-index: 23;	
	display:block;
	width:100%;
	}
	
#img_num16{
	position: absolute;
	top: 50px;
	left: 60px;
	z-index: 22;	
	display:block;
	width:100%;
	}

#img_num17{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 15;	
	display:block;
	width:100%;
	}
	
#img_num017{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 15;	
	display:block;
	width:100%;
	}
	
#img_num18{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 18;	
	display:block;
	width:100%;
	}
#img_num19{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 17;	
	display:block;
	width:100%;
	}
#img_num20{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 16;	
	display:block;
	width:100%;
	}
	
#img_num21{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 21;	
	display:block;
	width:100%;
	}
#img_num22{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 20;	
	display:block;
	width:100%;
	}
	
#img_num23{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 19;	
	display:block;
	width:100%;
	}
	
#img_num023{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 19;	
	display:block;
	width:100%;
	}
	
#img_num24{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 24;	
	display:block;
	width:100%;
	}
#img_num25{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 23;	
	display:block;
	width:100%;
	}
	
#img_num26{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 22;	
	display:block;
	width:100%;
	}
	
#img_num27{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 27;	
	display:block;
	width:100%;
	}
#img_num28{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 26;	
	display:block;
	width:100%;
	}
	
#img_num29{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 25;	
	display:block;
	width:100%;
	}
	
#img_num029{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 25;	
	display:block;
	width:100%;
	}
	
#img_num30{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 30;	
	display:block;
	width:100%;
	}
#img_num31{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 29;	
	display:block;
	width:100%;
	}
	
#img_num32{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 28;	
	display:block;
	width:100%;
	}
	
	
#img_num33{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 33;	
	display: block;
	width:100%;
	}
#img_num34{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 32;	
	display:block;
	width:100%;
	}

#img_num35{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 31;	
	display:block;
	width:100%;
	}
#img_num36{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 36;	
	display:block;
	width:100%;
	}
#img_num37{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 35;	
	display:block;
	width:100%;
	}

#img_num38{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 34;	
	display:block;
	width:100%;
	}
#img_num39{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 39;	
	display:block;
	width:100%;
	}
#img_num40{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 38;	
	display:block;
	width:100%;
	}
#img_num41{
	position:absolute;	
	top: 50px;
	left: 60px;
	z-index: 37;	
	display:block;
	width:100%;
	}
	

#img_num50{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 70;	
	display:none;
	}

#img_num51{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 71;	
	display:none;
	}

#img_num52{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 72;	
	display:none;
	}

#img_num53{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 40;	
	display:none;
	}
	
#img_num54{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 41;	
	display:none;
	}
	
#img_num55{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 42;	
	display:none;
	}
	
#img_num56{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 43;	
	display:none;
	}
	
#img_num57{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 44;	
	display:none;
	}
	
#img_num58{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 45;	
	display:none;
	}
	
#img_num59{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 46;	
	display:none;
	}
	
#img_num60{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 47;	
	display:none;
	}
	
#img_num61{
	position:absolute;	
	top: 0px;
	left: 0px;
	z-index: 48;	
	display:none;
	}

#blogo{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 70;	
	display:block;
	}



#img_num0{
	position:absolute;
	top: 50px;
	left: 60px;
	z-index: 0;	
	display: block;
	}


#stickybutton{
	display: none;
}

#hid{
	display: none;
}

#content_error{
	line-height: 40px;
}

#stickycont{
	position: relative;
}

select#namecolor,#nameshadowcolor,#numbercolor,#numbershadowcolor[disabled]{
	    background:#DCDCDC;
}

@media all and (max-width: 750px) {
	
#image_cv{
	background-color: #FFF;
    position: -webkit-sticky; /* Safari用 */
    position:sticky; /* 要素をスクロールに応じて固定 */
    top: -20px; /* 縦スクロールに追従 */
    z-index: 200; /* z-indexで最前面に持ってくる */
}


#stickycont{
	position: absolute;
	z-index: 150;
	height: 1500px;
	left: 0px;
}

#stickybutton{
	position:absolute;
	margin: 0;
	padding: 0;
	top: 50px;
	left: 0px;
	display: block;
	width: 150px;
	z-index: 300;
}

#stickybutton button{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #333333;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #000000;
  border-radius: 3px;
}

#stickybutton button:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.form-table th, .form-temp th,
.form-table td, .form-temp td {
  display: block;
  border: none;
  margin: 0px auto 40px;
  width: 90%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: -40px;
}

.form-table th, .form-temp th{
	margin-bottom: 0;
}




#blogo{
	top: 20px;	
	left: 0px;
}
	
#img_num1{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 13;
	display:block;
}
#img_num2{
	position: absolute;	
	top: 20px;	
	left: 0px;
	z-index: 12;
	display:block;
}
#img_num3{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 11;	
	display:block;
	width:100%;
	}
#img_num4{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 10;	
	display:block;
	width:100%;
	}
#img_num5{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 9;
}
#img_num6{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 8;	
	display:block;
	width:100%;
	}
#img_num7{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 7;	
	display:block;
	width:100%;
	}
#img_num8{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 6;	
	display:block;
	width:100%;
	}
#img_num9{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 5;	
	display:block;
	width:100%;
	}
#img_num10{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 4;	
	display:block;
	width:100%;
	}
#img_num11{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 3;	
	display:block;
	width:100%;
	}
#img_num12{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 2;	
	display:block;
	width:100%;
	}

#img_num13{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 1;	
	display:block;
	width:100%;
	}	

#img_num14{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 14;	
	display:block;
	width:100%;
	}	

#img_num15{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 17;	
	display:block;
	width:100%;
	}
	
#img_num16{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 16;	
	display:block;
	width:100%;
	}	

#img_num17{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 15;	
	display:block;
	width:100%;
	}
	
#img_num017{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 15;	
	display:block;
	width:100%;
	}	

#img_num18{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 20;	
	display:block;
	width:100%;
	}	

#img_num19{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 19;	
	display:block;
	width:100%;
	}
	
#img_num20{
	position:absolute;	
	top: 20px;	
	left: 0px;
	z-index: 18;	
	display:block;
	width:100%;
	}	
	
#img_num21{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	

#img_num22{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}
	
#img_num23{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}
	
#img_num023{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
	
#img_num24{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}
#img_num25{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}
	
#img_num26{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
	
#img_num27{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
#img_num28{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}
	
#img_num29{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}

#img_num029{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
	
#img_num30{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
#img_num31{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}
	
#img_num32{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
	
#img_num33{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	

#img_num34{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}
	
#img_num35{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
	
#img_num36{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	

#img_num37{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}
	
#img_num38{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
	
#img_num39{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	

#img_num40{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	
	
#img_num41{
	position:absolute;	
	top: 20px;	
	left: 0px;
	}	

#img_num50{
	position:absolute;	
	top: 0px;
	left: 0px;
	}

#img_num51{
	position:absolute;	
	top: 0px;
	left: 0px;
	}

#img_num52{
	position:absolute;	
	top: 0px;
	left: 0px;
	}

#img_num53{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
	
#img_num54{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
	
#img_num55{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
	
#img_num56{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
	
#img_num57{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
	
#img_num58{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
	
#img_num59{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
	
#img_num60{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
	
#img_num61{
	position:absolute;	
	top: 0px;
	left: 0px;
	}
		
#img_num0{
	position:absolute;
	top: 20px;
	left: 0px;
	z-index: 0;	
	display:block;
	}

	
}