body
{
	font-family:Yu Gothic;
	font-weight: bold;
	background-image: url("./Top/top_back.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

.img_rogo
{
	position: absolute;
	left: 10px;
	top: 35px;
}

.img_top_design
{
		position: absolute;
		width: 200px;
		height:123px;
}

/* #img_top_1
{
	left: 10vw;
	top: 565px;
}

#img_top_2
{
	left: 27vw;
	top: 565px;
}

#img_top_3
{
	left: 44vw;
	top: 565px;
}

#img_top_4
{
	left: 61vw;
	top: 565px;
}

#img_top_5
{
	left: 78vw;
	top: 565px;
} */

#img_top_1
{
	left: 2vw;
	top: 565px;
}

#img_top_2
{
	left: 19vw;
	top: 565px;
}

#img_top_3
{
	left: 36vw;
	top: 565px;
}

#img_top_4
{
	left: 53vw;
	top: 565px;
}

#img_top_5
{
	left: 70vw;
	top: 565px;
}

#img_top_6
{
	left: 10vw;
	top: 700px;
}

#img_top_7
{
	left: 27vw;
	top: 700px;
}

#img_top_8
{
	left: 44vw;
	top: 700px;
}

#img_top_9
{
	left: 61vw;
	top: 700px;
}


#img_top_10
{
	left: 78vw;
	top: 700px;
}

#img_top_11
{
	left: 2vw;
	top: 835px;
}

#img_top_12
{
	left: 19vw;
	top: 835px;
}

#img_top_13
{
	left: 36vw;
	top: 835px;
}

#img_top_14
{
	left: 53vw;
	top: 835px;
}

#img_top_15
{
	left: 70vw;
	top: 835px;
}

/* #img_top_11
{
	left: 10vw;
	top: 835px;
}

#img_top_12
{
	left: 27vw;
	top: 835px;
}

#img_top_13
{
	left: 44vw;
	top: 835px;
}

#img_top_14
{
	left: 61vw;
	top: 835px;
}

#img_top_15
{
	left: 78vw;
	top: 835px;
} */

.img_head
{
	position: absolute;
	left: 950px;
	top: 0px;
	transform: translateX(-50%);
}

.img_title
{
	position: absolute;
	left: 0px;
	top: 100px;
}

.img_top
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

input.btn_logout
{
	position: absolute;
	left:1700px;
	top:20px;
	width:190px;
	height:60px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	border: double 4px var(--col_btn_thin);
	background-color:var(--col_btn_dark);
	color: #FFFFFF;
}

input.btn_logout:hover
{
	border: double 4px var(--col_btn_dark);
	background-color: var(--col_btn_thin);
	color: #000000;
}

input.btn_logout:checked
{
	border: double 4px #05BCD3;
	background-color: #DBEEF3;
	color: #FF0000;
}

input.btn_logout:focus
{
	outline: 0;
}

.sec_form
{
	visibility: hidden;
}

.head_div{
	position:absolute;
	top:300px;
	left: 0;
	right:0;
	width:260px;
	height:50px;
	border-right: double 3px #000000;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.site_div{
	position:absolute;
	top:350px;
	left: 0;
	width:260px;
	height:580px;
	overflow-y: auto;
	text-align: center;
	border-right: double 3px #000000;
}

.div_title
{
	position:absolute;
	z-index:1;
	top:100px;
	left: 0px;
	width:100%;
	height:500px;
	/*border-top: double 3px #000000;
	border-bottom: double 3px #000000;
	background: linear-gradient(90deg,var(--col_title_l), #FFFFFF,var(--col_title_r));*/
}

.span_title
{
	position:absolute;
	font-size: 300%;
	transform:translateY(-50%);
}

#sp_title_top
{
	width: 100%;
	top:67%;
	color: var(--col_title_bottom);
	font-size: 200%;
	text-align: center;
}

#sp_title_middle
{
	width: 100%;
	top:75%;
	color: var(--col_title_bottom);
	font-size: 200%;
	text-align: center;
}

#sp_title_bottom
{
	width: 100%;
	top:52%;
	color: var(--col_title_bottom);
	text-align: center;
}

input.btn_dl_pdf
{
	position: absolute;
	left:50vw;
	top:410px;
	width:400px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	transform: translateX(-50%);
	background-color: var(--col_btn_dark);
	border-radius: 5px;
}

input.btn_dl_pdf:hover
{
	background-color: var(--col_btn_thin);
}

.img_mix
{
	position:absolute;
	left:80%;
	top:50%;
	transform:translateY(-50%,-50%);
	height: 150px;
}

input.btn_site
{
	position:absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 20px;
	font-weight: bold;
	width:200px;
	height:50px;
	border-radius: 25px;
	border: solid 2px var(--col_btn_thin);
	background-color:var(--col_btn_dark);
	color: #FFFFFF;
}

input.btn_site:hover
{
	color:#FF0000;
	font-size: 24px;
	background-color:var(--col_btn_thin);
	border: double 5px var(--col_btn_dark);
}

input.btn_site:focus
{
	outline: 0;
}

.divs_upd
{
	position:absolute;
	width:1550px;
	height:580px;
	left:330px;
	top: 300px;
	background-color: #FFFFFF;
}

.upd_data
{
	position:absolute;
	top:60px;
	width:1550px;
	height:530px;
	overflow-y: scroll;
	font-size: 20px;
	text-align: left;
}

.upd_head
{
	position:absolute;
	top:0px;
	width:400px;
	height:50px;
	font-size: 28px;
	font-weight: bold;
}

input.btn_siteS
{
	z-index: 2;
	position:absolute;
	left: 1500px;
	top: 250px;
	font-size: 20px;
	font-weight: bold;
	width:200px;
	height:50px;
	border-radius: 25px;
	border: double 4px var(--col_btn_thin);
	background-color:var(--col_btn_dark);
	color: #FFFFFF;
}

input.btn_siteS:hover
{
	color:#FF0000;
	background-color:var(--col_btn_thin);
	border: double 5px var(--col_btn_dark);
}

input.btn_siteS:focus
{
	outline:0;
}

input.btn_area
{
	z-index: 3;
	position: absolute;
	left:1500px;
	top:20px;
	width:190px;
	height:60px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	border: double 4px var(--col_btn_thin);
	background-color:var(--col_btn_dark);
	color: #FFFFFF;
}

input.btn_area:hover
{
	border: double 4px var(--col_btn_dark);
	background-color: var(--col_btn_thin);
	color: #000000;
}

input.btn_area:checked
{
	border: double 4px #05BCD3;
	background-color: #DBEEF3;
	color: #FF0000;
}

input.btn_area:focus
{
	outline: 0;
}

.site_divSBack
{
	z-index: 1;
	visibility:hidden;
	position:absolute;
	left:1480px;
	top:50px;
	width:230px;
	height:500px;
	border: double 4px var(--col_btn_dark);
	background-color: var(--col_btn_thin);
	box-shadow:5px 5px 15px #A8BBC0;
}