* {
	margin: 0px;
	padding: 0px;
	}
.head_area {
	width: 100%;
	height: 50px;
	background-color: #f5f5f5;
	padding: 10px 0px;
	display: flex;
	align-items: center;
	}

.headbox_logo {
	width: 50px;
	height: 50px;
	background-color: #DC143C;
	margin-left: 100px;
	margin-right: 5px;
}	

.headbox_domain {
	width: auto;
	height: 50px;
	font-size: 30px;
	color: #000000;
	text-align: center;
	line-height:50px;
	margin-left: 5px;
	margin-right: 5px;
}
	   
.headboxs {
	width: 100px;
	height: 50px;
	font-size: 30px;
	color: #00aa00;
	text-align: center;
	line-height:50px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #DC143C;
}
	
.main_area {
	width: 100%;
	
}

.copyright_area {
	color: #6c757d;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
	text-align: center;
	}
	
.test {
	position: absolute;
}	
	
a:link {
	color: #000000;
	text-decoration:none;
	}
a:visited {
	color: #000000;
	text-decoration:none;
	}
a:hover {
	color: #ff0000;
	background-color: #ffff00;
	text-decoration:none;
	}
a:active {
	color: #000000;
	text-decoration:none;
	}