@charset "UTF-8";
/* "@(#) $Id: login_sec_style.css,v 1.3.2.1 2021/06/10 01:37:55 vic25 Exp $" */
/* ========================================================================== */
/* ログイン情報部で使用するスタイルシート定義 */
/* ========================================================================== */

.login-sec-disabled {
	width:100%;
	min-width:1200px;
	height:80px;
	background-color:#3260A1;
	display:flex;
	align-items:center;
	justify-content:center;
}

.login-sec-disabled > div {
	width:calc(100%  - 20px);
	height:60px;
	background-color:white;
	display:flex;
	align-items:center;
	justify-content:center;
}

.login-sec {
	width:calc(100% - 60px);
	min-width:900px;
/*★後で戻す
	height:80px;  */
	height:40px;
	background-color:#ffffff;
	display:flex;
    align-items:center;
	position:fixed;
	top:0;
	z-index:800;
}

.login-sec .sideber-link {
	width:70px;
	padding-left:30px;
	display:flex;
	align-items: center;
	cursor:pointer;
	color:#3260A1;
	font-size:27px;
}

.login-sec .sideber-link:hover {
	color:#234370;
}

.login-sec .logo {
	min-width:300px;
	flex-grow:1;
	padding-left:30px;
}

.login-sec .logo h2 {
	color:#3260A1;
}

.login-sec .notification {
	width:340px;
	padding-left:20px;
	padding-right:20px;
	align-self:flex-start;
/*★後で戻す
	padding-top:15px;*/
}

.login-sec .notification IFRAME {
	width:300px;
	height:40px;
/*	height:100px;*/
	border-width:0px;
	z-index:10;
}

.login-sec .link {
	display:flex;
	align-items: center;
	flex-grow:1;
	justify-content:flex-end;
}

.login-sec .link > div {
	color:#3260A1;
	height:50px;
	width:50px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}

.login-sec .link > div:hover {
	color:#234370;
}

.login-sec .link div i {
	font-size:				27px;
}

.login-sec .user {
	padding-left:40px;
	padding-right:30px;
	min-width:200px;
}

.login-sec .user .login-user {
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	height:30px;
	display:flex;
	align-items:center;
	cursor:pointer;
}

.login-sec .user .login-user .login-user-icon {
	height:1.5em;
	width:1.5em;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#3260A1;
}

.login-sec .user .login-user:hover .login-user-icon {
	background-color:#234370;
}


.login-sec .user .login-user .login-user-icon i {
	color:#ffffff;
	font-size:15px;
}

.login-sec .user .login-user .login-user-name {
	display:flex;
	justify-content:center;
	align-items:center;
}

.login-sec .user .login-user .login-user-name span {
	padding-left:5px;
	color:#3260A1;
	font-size:16px;
}

.login-sec .user .login-user:hover .login-user-name span {
	color:#234370;
}

.login-user-menu-on-off {
	display:none;
}

ul.login-user-menu {
	margin-top: 2px;
	padding: 0;
	outline: 0;
	position:absolute;
	z-index:900;
	max-height:0;
	overflow: hidden;
	transition: all .1s linear;
	border:none;
	border-radius:3px;
	box-shadow: 2px 2px 4px gray;
	color:black;
}

.login-user-menu-on-off:checked ~ ul.login-user-menu {
	max-height:200px;
	transition: all .2s linear;
	border:1px solid #DDDDDD;
	box-shadow: 2px 2px 4px gray;
}

ul.login-user-menu > li {
	margin: 0;
	outline: 0;
}

ul.login-user-menu > li > label {
	height:40px;
	width:150px;
	display:flex;
	border-spacing: 0;
	border-collapse: collapse;
	text-decoration: none;
	background-color:#ffffff;
	color:#3260A1;
	align-items:center;
	cursor:pointer;
	justify-content:flex-start;
	transition: all .1s linear;
}

ul.login-user-menu > li > label:hover {
	background-color:#234370;
	color:#ffffff;
}

ul.login-user-menu > li > label> i {
	padding-left:10px;
}

ul.login-user-menu > li > label > div {
	padding-left:10px;
	padding-right:10px;
}






/* ↓以下旧定義	*/

TABLE.tbLoginSec {
	height:					26px;
	background-color:		#0D40AA;
}

TABLE.tbLoginSecBtn {
	margin-left:			auto;
	margin-right:			0px;
}

TABLE.tbLoginSecBtn TD {
	padding-left:			3px;
}

DIV.dvBtnEsp {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnEsp SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnEspOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnEspOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnBookmark {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnBookmark SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnBookmarkOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnBookmarkOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnSystemSchedule {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnSystemSchedule SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnSystemScheduleOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnSystemScheduleOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnSchedule {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnSchedule SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnScheduleOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnScheduleOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnProcessSearch {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnProcessSearch SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnProcessSearchOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnProcessSearchOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnKnownError {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnKnownError SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnKnownErrorOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnKnownErrorOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnFaq {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnFaq SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnFaqOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnFaqOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnFileLibrary {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnFileLibrary SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnFileLibraryOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnFileLibraryOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnLink {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnLink SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnLinkOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnLinkOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnJobGroup {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnJobGroup SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnJobGroupOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnJobGroupOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnMenuList {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnMenuList SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnMenuListOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnMenuListOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnManual {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		#0D40AA;
}

DIV.dvBtnManual SPAN {
	font-size:				16px;
	color:					white;
}

DIV.dvBtnManualOv {
	height:					20px;
	width:					20px;
	cursor:					pointer;
	display:				table-cell;
	text-align:				center;
	vertical-align: 		middle;
	border-radius:			3px;
	background-color:		white;
}

DIV.dvBtnManualOv SPAN {
	font-size:				16px;
	color:					#0D40AA;
}

DIV.dvBtnLogout {
	margin-left:			7px;
	width:					90px;
	height:					18px;
	cursor:					pointer;
	border:					1px solid white;
	border-radius:			5px;
	display:				inline-block;
	text-align:				center;
	vertical-align:			middle;
	background-color:		white;
}

DIV.dvBtnLogout SPAN.spnLogoutLbl {
	color:					#0D40AA;
	font-size:				12px;
	font-weight:			bold;
}

DIV.dvBtnLogout SPAN.spnLogoutIcon {
	position:				relative;
	top:					1px;
	color:					#0D40AA;
	font-size:				12px;
	font-weight:			bold;
}

DIV.dvBtnLogoutOv {
	margin-left:			7px;
	width:					90px;
	height:					18px;
	cursor:					pointer;
	border:					1px solid white;
	border-radius:			5px;
	display:				inline-block;
	text-align:				center;
	vertical-align:			middle;
	background-color:		#0D40AA;
}

DIV.dvBtnLogoutOv SPAN.spnLogoutLbl {
	color:					white;
	font-size:				12px;
	font-weight:			bold;
}

DIV.dvBtnLogoutOv SPAN.spnLogoutIcon {
	position:				relative;
	top:					1px;
	color:					white;
	font-size:				12px;
	font-weight:			bold;
}