@charset "UTF-8";

.header-top {
	width: 100%;
	padding: 0px 20px 0px 20px;
	background-color: #2F75B5;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
}

.header-bottom {
	width: 100%;
	text-align: right;
	padding-right: 20px;
	background-color: #9BC2E6;
}

.header-bottom-department {
	width: 300px;
	padding: 0px 20px 0px 20px;
	text-align: left;
	vertical-align: middle;
}

.header-bottom-name {
	width: 200px;
	padding: 0px 20px 0px 20px;
	text-align: left;
	vertical-align: middle;
}

.header-button {
    width: 150px;
    margin: 2px;
	padding: 0px 20px 0px 20px;
    text-align: center;
	font-weight: bold;
	background-color: #FFFFFF
}

.header-title {
	width: 100%;
	display: flex;
    justify-content: space-between;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #9BC2E6;
}