@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
}
.header-wrap {
	width: 100%;
	min-width: 980px;
}
.header-container {
	width: 100%;
	display: table;
	height: 80px;
	font-family:“Yu Gothic”, YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", Roboto, Meiryo, "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #f0f0f0;
	border-bottom-color: #cccccc;
}
.header-container .lm-logo {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 200px;
	height: 80px;
	border-right: 1px solid rgba(255,255,255,0.50)
}
.header-container .lm-logo img {
	width: 160px;
	height: auto;
}
.header-container .app-id {
	display: table-cell;
	height: 80px;
	vertical-align: middle;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;
}
.header-container .app-name {
	font-size: 20px;
	font-family: Arial, Helvetica,“Yu Gothic”, YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", Roboto, Meiryo, "MS PGothic", "sans-serif";
	font-weight: 900;
	font-feature-settings: "palt";
	padding-left: 72px;
	background-repeat: no-repeat;
	background-position: 20px center;
	line-height: 40px;
}
/*ブルーテーマ*/
.blue .header-container .app-name {
	background-image: url(../img/app-icon-upm.svg);
}
/*グリーンテーマ*/
.green .header-container .app-name {
	background-image: url(../img/app-icon-upm.svg);
}
/*オレンジテーマ*/
.orange .header-container .app-name {
	background-image: url(../img/app-icon-upm.svg);
}
/*レッドテーマ*/
.red .header-container .app-name {
	background-image: url(../img/app-icon-upm.svg);
}
.header-container .info-box {
	display: table-cell;
	text-align: right;
	padding-right: 20px;
	font-size: 12px;
	line-height: 16px;
	vertical-align: middle;
	color:#999999;
}
.header-container .logout-box, .header-container .jump-box {
	height: 80px;
	width: 54px;
	display: table-cell;
	vertical-align: middle;
}
.header-container .logout-box {
	padding-right: 20px;
}
.header-container .jump-box {
	padding-right: 10px;
}
.header-container a.logout, .header-container a.top {
	display: block;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center 4px;
	text-decoration: none;
	opacity: 0.8;
	text-align: center;
}
.header-container a.logout {
	width: 55px;
	background-image: url(../img/loguot-icon-m-gray.svg);
	color: #999999;
}
.header-container a.top {
	width: 66px;
	background-image: url(../img/jump-icon-top-m-gray.svg);
	color: #999999;
}
.header-container .logout span, .header-container .top span {
	display: block;
	font-size: 11px;
	line-height: 15px;
	padding-top: 34px;
}
.header-container a.logout:hover, .header-container a.top:hover {
	opacity: 1.0;
}