@charset "UTF-8";


html,body {height: 100%;}

body {
    width: 100%;
    height: 100%;
    background: url(/corp_files/login/images/common.jpg) left top no-repeat fixed;
    background-size: cover;
}
#content {margin:0;padding:0;}
#wrap {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 100%;
	text-align:center;
	min-width:auto;
 }
body > #wrap {height: auto;}
body.authentication {background-image:url(/corp_files/login/images/authentication.jpg)!important;-webkit-background-size: cover!important;
    background-size: cover!important;}




#login {}
#login table {
	width:100%;
	margin-bottom:15px;}
#login table td {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	text-align:left;}
#login table td.w33 {
	width:33%!important;}
#login table td p {
	font-size:18px;
	font-weight:700;
	margin-bottom:5px;
	margin-left:5px;}
input[type="text"].idpass,
input[type="password"].idpass,
.idpass {width:100%; height:40px;box-sizing:border-box;}	/* */
.memo {width:100%;}

.logo {text-align:center;padding-top:60px;padding-bottom:30px;}
.logo img{width:auto;height:93px;}
.logo .icon {text-align:center;padding-bottom:20px;}
.logo .icon p {
	padding-top:10px;
	font-size:14px;
	text-align:left;
	margin-left:18px;
	margin-right:18px;} 
.logo .icon p span {
	font-size:24px;
	font-weight:700;}
	


.title {text-align:center;padding-bottom:20px;}
.title p {
	font-size:14px;
	line-height:140%;
	text-align:left;
	margin-left:18px;
	margin-right:18px;} 
.title p span {
	font-size:24px;
	line-height:140%;
	font-weight:700;}
	


#login_btn {text-align:center;height:60px;overflow:hidden;}
#login_btn a {}
#login_btn a:hover img {margin-top:-60px;}
#elife {margin-top:20px;padding-top:20px;text-align:center;border-top:1px solid #ccc;}

.panel-in::before,
.panel {}
.panel {
   position: absolute;
    top:45%;
	left:0;
	right:0;
    width:50%;
    margin:-250px auto 0 auto;
	min-width:600px;

}

.panel-in {
	position: relative;
	border-radius: 15px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.panel-main {
	padding-left:45px;
	padding-right:45px;
	padding-bottom:40px;
    z-index: 30;
    position: relative;
    margin-bottom: 0;border-radius: 15px;
	/* background-image:url(/corp_files/login/images/white.png); */
	background-color: #FFF;
}

.entry {}
.entry p {
	text-align:center;
	font-size:18px;
	line-height:160%;
	color:#ff0000;}
.button {
	padding-top:15px;
	text-align:center;}

#save_login {
	font-size:18px;
	text-align:center;
	padding-bottom:20px;
}
/*============================================
�`�F�b�N�{�b�N�X�E���W�I�{�^��

============================================*/
.r_c label {
font-size: 16px;
line-height: 180%;
min-height:20px;
position: relative;
/*
display: block;
*/
margin: 0;
padding: 0;
}
.r_c label.radio input,
.r_c label.check input {
filter: alpha(opacity=0);
opacity : 0;
cursor: pointer;
width: 1px;
height: 1px;
position: absolute;
top: 0;
left: 0;
}
.r_c label.radio {
background: url(/corp_files/images/radio.png) no-repeat 0 0;
display: inline;
margin: 2px;
}
.r_c label.check {
background: url(/corp_files/images/check.png) no-repeat 0 0;
}
.r_c label.radio:hover,
.r_c label.check:hover {
}
label.radio,
label.check {
min-height:20px;
border: 0 none;
cursor: pointer;
margin: 0;
padding: 5px 0 5px 25px;
}
.r_c  label.radio.checked {
background-position: 0 -100px;
}
.r_c label.check.checked {
background-position: 0 -100px;
}




/*
#wrap .fix_message
テレワークのお知らせ
*/
#wrap .fix_message{padding:20px 0 10px;text-align:left;}
#wrap .fix_message dl{vertical-align:top;display:inline-block;padding:0 0 0 55px;position:relative;text-align:left;}
#wrap .fix_message dt{font-size:13px;line-height:1.4;/*font-weight:700;*/color:#E7211A;}
#wrap .fix_message dd{font-size:12px;line-height:1.4;/*padding:5px 0 0;*/color:#E7211A;}
#wrap .fix_message dd span{}
#wrap .fix_message dt span,
#wrap .fix_message dd span{font-size:16px;font-weight:700;display:block;}
#wrap .fix_message dl::before{content:"";display: block;width:40px;height:40px;position:absolute;top:20px;left:0;background:#E7211A;margin:-20px 0 0;border-radius:20px;}
#wrap .fix_message dl::after{content:"i";display:block;width:40px;height:36px;position:absolute;top:20px;left:0;margin:-18px 0 0;font-size:28px;line-height:36px;font-family:serif;font-weight:700;color:#FFF;text-align:center;}
#wrap .fix_message dd a{color:#0047A0;text-decoration:underline;}
#wrap .fix_message dd a:hover{color:#E7211A;}



/*
メンテナンス中メッセージ
211206追加Y
*/
.ment_mess{text-align:center;color:#E7211A;}
.ment_mess dl{padding:40px 0;}
.ment_mess dt{font-size:22px;line-height:1;}
.ment_mess dd{font-size:16px;line-height:1.4;padding:20px 0 0;}


/*
メンテナンス中メッセージ
250408追加_中島
*/
#under_construction{}
#under_construction .uc_inner{ padding: 35px 0 10px; box-sizing: border-box;}
#under_construction .uc_inner .main_com{ font-size: 28px; margin-bottom: 25px; color: #00aa82;}
#under_construction .uc_inner .main_com strong{ font-weight: 700; position: relative; padding-left: 60px;}
#under_construction .uc_inner .main_com strong:before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; background-image: url(/corp_files/login/images/att_icon.png); background-repeat: no-repeat; background-size: cover;}
#under_construction .uc_inner .base_com{ font-size: 14px; line-height: 24px; margin-bottom: 20px;}
#under_construction .uc_inner .uc_gray{ background-color: #f6fce0; padding: 30px 20px; box-sizing: border-box; margin-bottom: 20px;}
#under_construction .uc_inner .uc_gray .uc_day{ margin-bottom: 15px;}
#under_construction .uc_inner .uc_gray .uc_day p{ display: inline-block;}
#under_construction .uc_inner .uc_gray .uc_day p:nth-child(1){ font-size: 20px; line-height: 24px; font-weight: 700; }
#under_construction .uc_inner .uc_gray .uc_day p:nth-child(2){ font-size: 15px; color: #fff; background-color: #00aa82; padding: 8px 8px 5px; box-sizing: border-box; margin-left: 10px; border-radius: 6px;}
#under_construction .uc_inner .uc_gray .att_com{ font-size: 14px;}