@charset "UTF-8";
/* CSS Document */

/*モーダル用背景*/
.modalback{
	background:#FFFFFF !important;
}

.info_syousai_text ol,
.genre_cont ol,
.border_b ol{
	list-style:decimal;
	padding: 0px 40px;
	line-height:1.3;
}
.info_syousai_text ul,
.genre_cont ul,
.border_b ul{
	list-style-type:disc;
	padding: 0px 40px;
	line-height:1.3;
}

.genre_cont{
	padding:10px !important;
}

.non_active {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><defs><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></defs></svg>#grayscale");
filter: gray;
}

/******************************
テナント別ログイン
******************************/
/*ログイン*/
.loginHeader{
	width:100%;
	background:url(../img/public/bg_header.png) left top repeat-x;
	border-bottom:solid 10px #0058a2;
	overflow:hidden;
	padding-bottom: 9px;
}
.loginHeader .logo{
	padding:10px 0 10px 0px;
}
.login{
	padding:28px 0 88px;
}
.login .contentsTop{
	margin:0 auto;
	/**background:url(../img/public/bg_contents_top.png) left top no-repeat;**/
	padding-top:3px;
}
.login .contentsBottom{
	/**background:url(../img/public/bg_contents_bottom.png) left bottom no-repeat;**/
	padding-bottom:6px;
}
.login .contents{
	/**background:url(../img/public/bg_contents_side.png) left top repeat-y;**/
	padding:25px 10px 30px 10px;
}
.login .contentsTitArea{
	width:100%;
	overflow:hidden;
	padding:0;
}
.login .contentsTit{
	font-size:300%;
	line-height:1.25;
	border:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
	width: 100%;
	text-align: center;
}
.loginError{
	color:#e40000;
	font-size:116.6%;
	line-height:1.72;
	padding:14px 14px 13px;
	border:solid 1px #e40000;
	margin-top:17px;
}
.loginArea dl{
	margin-bottom:8px;
}
.loginArea dt{
	font-size:133.3%;
	line-height:1.25;
	margin:17px 0 4px;
}
.loginArea dl input{
	border:solid 1px #d4d4d4;
	font-size:116.6%;
	padding:10px 9px 8px;
	margin-bottom:2px;
	width: 93%;
}
.submit{
	text-align:center;
	margin:34px 0 0 1px;
}
.submit input{
	width:200px;
}
.forgotPass{
	font-size:116.6%;
	text-align:center;
	margin-top:8px;
}

/*パスワード再発行*/
#modal{
	display:none;
}
#colorbox{
	width:100% !important;
}
#cboxWrapper{
	width:100% !important;
}
#cboxTopCenter{
	width:100% !important;
}
#cboxContent{
	width:100% !important;
}
#cboxLoadedContent{
	width:100% !important;
}
#reissuePassBox{
	overflow:auto;
	padding:40px 10px 40px 10px;
	background:#FFFFFF;
	}
.reissuePassTit{
	font-size:233.3%;
	font-weight:bold;
	color:#0058a2;
	line-height:1.25;
	margin-bottom:10px;
	text-align:center;
}
.idBox{
	background:#e9f5ff;
	padding:15px 10px 15px 10px;
	border:solid 1px #3686c9;
	margin-bottom:9px;
}
.idBox p.txt{
	color:#0058a2;
	font-size:100%;
	line-height:1.4;
	margin-bottom:10px;
}
#reissuePassBox dl dt{
	font-size:133.3%;
	line-height:1.25;
	margin-bottom:4px;
}
#reissuePassBox dl input{
	border:solid 1px #d4d4d4;
	font-size:116.6%;
	padding:10px 9px 8px;
	width:92%;
}
.idBox p.mailConfirm{
	font-size:133.3%;
	color:#585858;
	line-height: 1.25;
}
.notice{
	color:#e04343;
	font-size:100%;
	line-height:1.4;
}
#reissuePassBox .submit{
	margin-top:22px;
}

/*インフォメーション*/
.information{
	/*background:url(../img/public/bg_information.png) left top no-repeat;*/
	border:#E93B3B solid 3px;
	background-color:#FFFFFF;
	padding-top:7px;
	margin:24px 5px 0 5px;
}
.informationBottom{
	font-size:116.6%;
	color:#e40000;
	line-height:1.72;
	/*background:url(../img/public/bg_information_bottom.png) left bottom no-repeat;*/
	overflow:hidden;
	padding:12px 26px 18px;
}
/*インフォメーション*/
.top_information{
	background-color:#FFFFFF;
	margin:7px 5px 0 5px;
}
.top_informationBottom{
	font-size:116.6%;
	color:#000000;
	border-color:#000000;
	border-style:solid;
	border-width:3px;
	line-height:1.72;
	overflow:hidden;
	padding:12px 26px 12px;
}

/******************************
テナント一覧
******************************/
.new a{
	float:right;
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	padding:0 35px 0 35px;
	background:url(../img/common/ico_new.png) 7px 46% no-repeat #eeb528;
	border:solid 3px #e0a000;
	margin:8px 11px 6px 0;
}
.new a:hover{
	background-color:#e0a000;
}
.new a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:214px;
	height:36px;
}
.borderAreaWrap{
}
.borderArea{
	background:url(../img/common/bg_border.png) left top;
	padding:4px 15px 4px 15px;
	border-top:solid 1px #dadada;
	overflow:hidden;
}
.borderArea form{
	overflow:hidden;
}
.borderArea dl{
	float:left;
	width:100%;
}
.borderArea dt{
	font-weight:bold;
	line-height:1.6;
	background:url(../img/common/ico_search.png) left 40% no-repeat;
	padding-left:14px;
}
.borderArea dd input{
	border:solid 1px #dadada;
	width:100%;
	padding-left:8px;
	min-height:28px;
}
.borderArea .extract{
	text-align:center;
	color:#fff;
	font-size:133.3%;
	line-height:1.1;
	font-weight:bold;
	width:196px;
	padding:0 27px;
	height:42px;
	background:url(../img/common/ico_extract.png) 10px 46% no-repeat #1986b8;
	margin-right:5px;
}
.borderArea .extract:hover{
	background-color:#006897;
}
.borderArea .clear{
	text-align:center;
	color:#fff;
	font-size:108.3%;
	line-height:1.1;
	font-weight:bold;
	width:88px;
	height:32px;
	padding:0 5px;
	background:#76c3e7;
	margin-right:45px;
}
.borderArea .clear:hover{
	background-color:#4fa8d2;
}
.borderArea .output{
	text-align:center;
	color:#fff;
	font-size:133.3%;
	line-height:1.1;
	font-weight:bold;
	width:290px;
	height:42px;
	padding:0 30px;
	background:url(../img/common/ico_output.png) 10px 46% no-repeat #2bb284;
	margin-top:13px;
}
.borderArea .output:hover{
	background-color:#109366;
}
.borderArea .notes{
	color:#dd1d1d;
	font-size:83.3%;
	display:block;
	margin-top:5px;
	line-height:1;
}

/*テナント一覧抽出結果*/
.contentsIn{
	width:100%;
	margin:10px auto 31px;
}
.resultArea{
	border-top:solid 1px #dadada;
}
.confirmBox{
	background:#fff;
	padding:35px 23px 45px 22px;
	overflow:hidden;
}
.confirmTit{
	font-size:200%;
	font-weight:bold;
	color:#025aa4;
	line-height:1.25;
	margin-bottom:21px;
}
.confirmArea{
	overflow:hidden;
}
.confirmArea .txtBox{
	border:solid 1px #1886b7;
	background:#e9f6ff;
	padding:14px 16px;
}
.confirmArea .txt{
	font-size:133.3%;
	color:#025aa4;
	line-height:1.4;
}
.confirmArea .submit{
	margin-top:43px;
	text-align:center;
}
.confirmArea .submit a{
	color:#fff;
	font-size:166.6%;
	line-height:1.1;
	background:#1886b7;
	margin:10px 0px;
	padding:10px 0px;
	width:100%;

}
.confirmArea .submit a:hover{
	background:#006897;
}
.confirmArea .submit a.logout{
	color:#1886b7;
	font-size:166.6%;
	line-height:1.1;
	background:#fff;
	border:#1886b7 solid 2px;
	width: calc( 100% - 4px);
}
.confirmArea .submit a.logout:hover{
	background:#f0f9ff;
}
.confirmArea .submit a span{
	vertical-align:middle;
	text-align:center;
	padding:3px 10px 0;
	width:180px;
	height:47px;
}
.pagerArea{
	width:100%;
	overflow:hidden;
	background:url(../img/common/bg_pager-area.png) left bottom repeat-x #FFFFFF;
	border-bottom:solid 1px #dadada;
	padding:5px 0;
}
.result{
	text-align:center;
	font-size:116.6%;
	font-weight:bold;
	color:#777;
	margin-left:auto;
	margin-right:auto;
	width:166px;
	min-width:166px;
	height:auto !important;
	height:24px;
	min-height:24px;
	padding:2px 5px 0;
	background:url(../img/common/bg_result.png) left top no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
}
.pagerArea ul{
	overflow:hidden;
	width:310px;
	margin-left: auto;
	margin-right: auto;
}
.pagerArea li{
	float:left;
	margin-left:5px;
}
.pagerArea li:first-child{
	margin-left:0;
}
.pagerArea li a{
	color:#646464;
	display:block;
	min-width:36px;
	padding:3px 5px 2px;
	background:url(../img/common/bg_page_small.png) left top no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	text-align:center;
}
.pagerArea li.page{
	color:#777;
	text-align:center;
	display:block;
	font-size:116.6%;
	font-weight:bold;
	width:auto !important;
	width:96px;
	min-width:96px;
	height:auto !important;
	height:24px;
	min-height:24px;
	padding:2px 5px 0;
	background:url(../img/common/bg_page_large.png) left top no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
}

/*一覧テーブル*/
.operateList{
	display:none;
	position:relative;
}
.operateList ul{
	position:absolute;
	top:-1px;
	right:1px;
	width:171px;
	background:#19b891;
	border:solid 1px #009d76;
}
.operateList ul li a{
	display:block;
	color:#fff;
	font-size:85.7%;
	padding:10px 0 8px 24px;
	background:url(../img/common/ico_arrow-right.png) 11px 10px no-repeat;
	word-break: keep-all;
}
.operateList ul li.delete a{
	padding-top:9px;
	border-top:solid 1px #fff;
}
.operateList ul li a:hover{
	background:url(../img/common/ico_arrow-right.png) 11px 10px no-repeat #00805a;
}

/*テナント一覧抽出結果なし*/
.notResultArea{
	border:solid 1px #dadada;
	text-align:center;
	color:#646464;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.4;
	padding:37px 0;
	margin:19px auto 61px;
	width:90%;
}

/*テナントの設定*/
.editArea{
	margin:0 auto 30px;
}
.tableTit{
	background:url(../img/common/bg_dotted.png) 15% 47% repeat-x;
	margin-bottom:3px;
}
.tableTit span{
	font-size:133.3%;
	font-weight:bold;
	color:#646464;
	background:#fff;
	padding-right:5px;
}
.editTable{
	width:900px;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	border-right:solid 1px #dadada;
	margin-bottom:22px;
}
.editTable tr.first th{
	border-top:solid 1px #1986b8;
}
.editTable tr.first td{
	border-top:solid 1px #dadada;
}
.editTable tr.last th{
	border-bottom:solid 1px #1986b8;
}
.editTable th{
	font-size:116.6%;
	color:#fff;
	text-align:center;
	width:222px;
	padding:4px 5px 3px;
	background:#1986b8;
	border-bottom:solid 1px #fff;
}
.editTable th span.small{
	font-size:85.7%;
}
.editTable td{
	font-size:116.6%;
	padding:2px 5px 2px 15px;
	border-bottom:solid 1px #dadada;
	border-left:solid 1px #dadada;
}
.editTable label{
	margin-right:19px;
}
.editTable select{
	font-size:85.7%;
	text-align:right;
}
.editTable input[type="text"]{
	height:19px;
}
.editTable .error{
	padding:6px 5px 1px 15px;
}
.editTable .error input[type="text"]{
	border:#e93b3a solid 1px;
	background:#ffe7e7;
	height:17px;
}
.editTable .error p{
	color:#f33232;
	line-height:1;
}
.editTable .name input[type="text"]{
	width:100%;
}
.editTable .url{
	color:#8f8f8f;
}
.editTable .url input[type="text"]{
	width:300px;
	margin-top:2px;
}
.editTable .selectId label{
	margin-right:14px;
}
.editTable .lockout label{
	margin:0 0 0 0;
}
.editTable .lockout span{
	margin:0 11px 0 6px;
}
.editTable .pw span{
	margin-right:18px;
}
.editTable .pw select{
	margin-left:5px;
}
.editTable .separate span{
	display:block;
	float:left;
	width:165px;
}
.editTable .separate label{
	margin-right:5px;
	float:left;
}
.editTable .curriculum label{
	margin-right:12px;
}
.editTable input[type="text"]{
	border:solid 1px #dadada;
}
.editTable input[type="radio"]{
	margin-right:6px;
}
.editTable input[type="checkbox"]{
	margin-right:6px;
}
.editTable select{
	margin-right:4px;
}
.btnBox{
	margin-top:28px;
	background:url(../img/common/bg_border.png) left top;
	padding:13px 0;
	text-align: center;
}
.btnBox p{
	margin:0 auto;
	overflow:hidden;
}
button.entry{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	background:url(../img/common/ico_entry.png) 5px 46% no-repeat #eeb528;
	border:solid 3px #e0a000;
	margin:10px auto;
	height:45px;
	width:96%;
}
button.entry:hover{
	background-color:#e0a000;
}
button.agree{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	background:#eeb528;
	margin:10px auto;
	height:45px;
	width:96%;
}
button.agree:hover{
	background-color:#e0a000;
}
button.back{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	background:#1986b8;
	margin:10px auto;
	height:45px;
	width:96%;
}
button.back:hover{
	background-color:#006897;
}
button.logout{
	color:#1886b7;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	background:#fff;
	margin:10px auto;
	height:45px;
	width:96%;
	border:#1886b7 solid 2px;
}
button.logout:hover{
	background:#f0f9ff;
}
button.print{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	background:url(../img/common/ico_print.png) 5px 50% no-repeat #eeb528;
	-moz-background-size:15px 14px;
	-webkit-background-size:15px 14px;
	background-size:15px 14px;
	border:solid 3px #e0a000;
	height:45px;
	width:96%;

}
button.print:hover{
	background-color:#e0a000;
}
.radioW{
	display:block;
	width:213px;
	overflow:hidden;
}
.radioW .labelR{
	float:right;
}
.selectMiddle{
	width:67px;
}
.selectLong{
	width:218px;
}
/*お知らせ*/
.infoTable thead{
	display:none;
}
.infoTable tbody{
	display: block;
}
.infoTable tbody tr{
	float:left;
	clear:both;
	width:90%;

	display: block;
	margin-bottom:-1px;
	border:1px solid #c8c8c8;
	padding:10px;
}
.infoTable tbody th,
.infoTable tbody td{
	display: list-item;
	border: none;
	list-style:none;
	text-align:left !important;
}
.infoTable tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #000;
}
.infoTable tbody td{
	padding: 0;
}
.modal_information{
	overflow:auto;
	padding:40px 10px 40px 10px;
	background:#fff;
	max-height:300px;
}
.info_date{
	color:#235a9a !important;
	margin-bottom:5px;
}
.info_date span{
	background:#fd2525; color:#FFFFFF; padding:1px 5px; margin-right:5px; font-size:80%;
}
.infoTable{
	width:100%;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
}
.infoTable th{
	word-break:break-all;
	background:#1986b8;
	padding:1px 0;
}
.infoTable th span{
	width:auto;
	display:block;
	color:#fff;
	font-size:116.6%;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	padding:4px 5px 1px;
	background:#1986b8;
	border-right:solid 1px #dadada;
	border-left:solid 1px #1986b8;
}
.infoTable tr:hover td{
}
.infoTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	padding:3px 8px 0;
	line-height:1;
}
.infoTable td.first{
	padding:0;
}

/*お知らせ詳細*/
.info_syousai{
	width:100%; border:1px solid #dadada;
}
.info_syousai_date{
	color:#235a9a !important;
	font-size:120%;
	margin-bottom:20px;
	padding:20px 20px 0 20px;
}
.info_syousai_date span{
	background:#fd2525; color:#FFFFFF; padding:1px 5px; margin-right:5px; font-size:80%;
}
.info_syousai_text{
	padding:0 20px 0 20px;
	margin-bottom:20px;
	font-size:120%;
	line-height:1.3;
	min-height:250px;
}
.info_tenpu{
	background:#1986b8; color:#FFFFFF;
	font-size:120%;
	text-align:center;
	padding:5px 0 5px 0;
	margin-bottom:10px;
}
.info_file{
	font-size:120%;
	padding:0 20px 0 20px;
	word-wrap:break-word;
}
.info_file_down{
	text-align:center;
	margin-bottom:20px;
}
.info_file_down a{
	margin-left:auto;
	margin-right:auto;
	display:block;
	background:#eeb528;
	width:180px;
	color:#FFFFFF !important;
	font-size:120%;
	padding:5px 0 5px 0;
	margin-top:10px;
}

/*ユーザー情報*/
.user_report tbody{
	display: block;
}
.user_report tbody tr{
	display: block;
}
.user_report tbody th,
.user_report tbody td{
	display: list-item;
	list-style:none;
	min-height:14px;
}
.user_report tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #000;
}
.user_report{
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	border-collapse: collapse;
	width:100%;
}
.user_report td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:8px 8px 8px 8px;
	border:solid 1px #dadada;
	line-height:1;
	margin-bottom: -1px;
}
.user_report_left{
	background:#1986b8;
	color:#FFFFFF !important;
	vertical-align:top;
	line-height:120%;
	text-align:center;
	padding-left:0 !important;
	padding-right:0 !important;
}
.btn_user_report a{
	display:block;
	color:#FFFFFF;
	background:#1986b8;
	font-size:170%;
	width:280px;
	padding:10px 0 7px 0;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.btn_user_report a:hover{
	background:#0058a2;
}
.user_report_select{
	text-align:center;
}
.user_report_select .t_center{
	color:#FFFFFF;
	background:#0058a2;
}
.user_report_select td{
	color:#000000;
}
/*ユーザー情報変更*/
.user_setting tbody{
	display: block;
}
.user_setting tbody tr{
	display: block;
}
.user_setting tbody th,
.user_setting tbody td{
	display: list-item;
	list-style:none;
}
.user_setting tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #000;
}
.user_setting{
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	border-collapse: collapse;
	width:100%;
}
.user_setting td{
	word-break:normal;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:8px 11px 8px 8px;
	border:solid 1px #dadada;
	line-height:1;
}
.user_setting_left{
	background:#1986b8;
	color:#FFFFFF !important;
	border:none !important;
	line-height:120%;
	text-align:center;
	padding-left:0 !important;
	padding-right:0 !important;
}
.user_setting td input{
	border:solid 1px #dadada;
	width:100%;
}
.user_setting_tit{
	font-size:130%;
	font-weight:bold;
}

.resultTable tbody{
	display: block;
}
.topmenuheader{
	display: none;
}
.resultTable tbody tr{
	float:left;
	clear:both;
	background:#FFFFFF;
/*▼10/06 スマホ表示対策▼*/
	margin:15px 5% 0;
	width:90%;
	border:solid 1px #dadada;
/*▲10/06 スマホ表示対策▲*/
}

.resultTable tbody th,
.resultTable tbody td{
	display: list-item;
	list-style:none;
}
.resultTable{
	border-collapse:collapse;
	width:100%;
	color:#FFFFFF !important;
	border:none !important;
	line-height:120%;
	text-align:left;
	padding-left:0 !important;
	padding-right:0 !important;
}
.resultTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:8px 11px 8px 8px;
/*▼10/06 スマホ表示対策▼*/
/*▲10/06 スマホ表示対策▲*/
	line-height:1;
}
/*▼10/07 grayout対応▼*/
.resultTable tr.grayout {
	background:#cccccc;
}
.resultTable tr.grayout:hover td{
	background:#cccccc;
}
/*▲10/07 grayout対応▲*/
.resultTable{
}
.courseInformationTop{
	overflow:hidden;
	margin-bottom:7px;
}
.courseInformationTop p.nonAttendance,
.courseInformationTop p.underAttendance,
.courseInformationTop p.finishedAttendance{
	float:left;
	width:100px;
	padding:5px 0 4px;
	margin:0 12px 0 2px;
	text-align:center;
	color:#fff;
	font-size:85.7%;
}
.courseInformationTop p.nonAttendance{
	background:#ed3d3d;
}
.courseInformationTop p.underAttendance{
	background:#00805a;
}
.courseInformationTop p.finishedAttendance{
	background:#1986b8;
}
.courseInformationTop p.courseCord{
	float:left;
	margin-top:4px;
}
.courseInformation p.courseName{
	margin-bottom:7px;
	line-height:1.2;
	color:#0058a2;
	font-size:140%;
}
.smt_search{
	position:relative;
}
.smt_search input[type="text"]{
	min-height:18px;
	height:18px;
	padding:5px 8px;
}
.btn_form_clear{
	background:url(../img/common/smt_form_clear_btn.png) no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	position:absolute;
	width:15px;
	height:15px;
	top:8px;
	right: 45px;
	z-index:2;
}
.btn_form_search{
	background:url(../img/common/smt_search_btn.png) no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	width: 38px;
	height: 28px;
	position:absolute;
	right: 15px;
	margin-top: 1px;
}

/*モーダルナビゲーション*/
#modalmenu{
	background:#fff;
}
#modalmenu ul{
	width:100%;
	color:#969696;
	font-size:200%;
}
#modalmenu li{
	text-align:center;
	border-bottom:1px solid #969696;
}
#modalmenu li.modalmenuTit{
	padding:20px 0 16px 0;
}
#modalmenu li a{
	display:block;
	padding:20px 0 16px 0;
	color:#969696;
}
#modalmenu li a:hover{
	color:#FFFFFF;
	background:#646464;
}

/*テスト（全問表示）*/
.usr_head{
	padding-bottom:2px;
	border-bottom:1px #dadada solid;
}
.usr_head_in{
	width:95%;
	margin-left: 2px;
	margin-right: 2px;
	overflow:hidden;
	padding:5px 0;
}
.usr_head_in img,
.usr_head_in p{
	float:left;
}
.usr_head_bottom{
	background:#0058a2;
}
.usr_head_bottom .usr_head_in p{
	color:#FFFFFF;
}
.finish{
	color:#ed3d3d; border:3px solid #ed3d3d; width:100px;
	text-align:center;
	padding:4px 0 3px 0;
	font-weight:bold;
}
.finish_blue{
	color:#FFFFFF; width:100px;
	border:3px solid #1986b8;
	background:#1986b8;
	text-align:center;
	padding:4px 0 3px 0;
	font-weight:bold;
}
.usr_head_in h1{
	color:#646464;
	font-size:185%;
	font-weight:bold;
	line-height: 1.25;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:5px;
	float:left;
	clear:left;
	word-break:break-all;
}
.top_lock{
	position:fixed;
	top:2px;
	right:1px;
	left:1px;
}
.finish_top_lock{
	position:absolute;
	top:5px;
	right:8px;
	left:8px;
}
.top_unlock{
}
.usr_head_in .top_unlock h1{
	clear:none !important;
	margin-top:5px !important;
	display:none;
}
.reserve{
	background:url(../img/common/ico_reserve.png) 6px 46% no-repeat #76c3e7;
	text-align:left;
	width:100px;
	color:#FFFFFF;
	padding:7px 0px 7px 21px;
	border:none;
	border:solid 3px #76c3e7;
	line-height:1.1;
	font-size:116.6%;
	float:right;
	display:block;
}
.reserve:hover{
	background-color:#4fa8d2;
	border:solid 3px #4fa8d2;
}
.time_area{
	background:#FFF;
	padding: 6px 0px 5px 0px;
	border:solid 1px #dadada;
	color:#646464 !important;
	font-weight:bold;
	float:right;
	margin-left:48px;
	margin-right:5px;
}
.finish_time_area{
	background:#FFF;
	padding:5px 15px 4px 15px;
	border:solid 1px #dadada;
	color:#646464 !important;
	font-size:120%;
	font-weight:bold;
	float:right;
	margin-right:5px;
}
.usr_head_bottom_text{
	margin-top: 2px;
	font-size:100%;
	float:none !important;
}
.usr_head_bottom_text span{
	font-size:120%;
	margin-right:20px;
}
.usr_tit{
	margin-top:20px;
	background:#1986b8;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}
.usr_cont{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_genre_area{
	background:#FFFFFF;
	border:1px #dadada solid;
	padding:15px 0;
	font-size:120%;
	color:#646464;
	margin-top:20px;
	overflow-x:auto;
	padding-bottom:10px !important;
}
.usr_cont_genre_area p.genre_cont{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_text_area{
	background:#FFFFFF;
	border:1px #dadada solid;
	padding:15px 0;
	font-size:120%;
	color:#646464;
	margin-top:-1px;
}
.usr_cont_text_area p,
.usr_cont_text_area ul,
.usr_cont_text_area textarea,
.usr_cont_text_area table{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_text_area textarea{
	width:100%;
}
div.usr_cont_text_area p.border_b p,
div.usr_cont_text_area p.border_b ul,
div.usr_cont_text_area p.border_b textarea,
div.usr_cont_text_area p.border_b table{
	width:auto;
	margin-left:0px;
	margin-right:0px;
}
div.usr_cont_text_area p.border_b textarea{
	min-height:0px;
}
div.usr_cont_genre_area p.genre_cont p,
div.usr_cont_genre_area p.genre_cont ul,
div.usr_cont_genre_area p.genre_cont textarea,
div.usr_cont_genre_area p.genre_cont table{
	width:auto;
	margin-left:0px;
	margin-right:0px;
}
div.usr_cont_genre_area p.genre_cont textarea{
	min-height:0px;
}

.usr_cont_text_area .border_b{
	border-bottom:1px #dadada solid;
	padding-bottom:15px;
	margin-bottom:20px;
}
.usr_cont_text_area .finish_txt.border_b{
	border-bottom:0px;
	margin-bottom:0px;
}

.usr_cont_text_area ul li label input{
	margin-right: 6px;
}
.usr_cont_text_area textarea{
	min-height:150px;
	border:#dadada 1px solid;
}
.usr_cont_text_area input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}
.usr_cont_genre_area textarea{
	min-height:150px;
	border:#dadada 1px solid;
}
.usr_cont_genre_area input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}

.usr_cont_header_area {
    background: #FFFFFF;
    border: 1px #dadada solid;
    padding: 15px 0;
    font-size: 120%;
    color: #646464;
    margin:15px 0px 0px 0px;
}

.usr_cont_header_area .border_b{
	margin-bottom:0px;
	border-bottom:0px;
}

.usr_cont_img{
	text-align:center;
	margin-top:15px;
}
.usr_cont_img img{
	max-width:100%;
}
.usr_cont_text_list{
	margin-top:15px;
}
.usr_cont_text_table{
	margin-top:15px;
}
.usr_cont_text_table tr th{
	width:130px;
	text-align:center;
}
.usr_cont_text_table tr th,
.usr_cont_text_table tr td{
	border:1px #dadada solid;
	padding-left:5px;
	padding-right:5px;
	padding-top:4px;
	padding-bottom:4px;
}
button.kaitou{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	background:#eeb528;
	border:solid 3px #e0a000;
	margin:10px auto;
	height:45px;
	width:96%;
}
button.kaitou:hover{
	background-color:#e0a000;
}
.usr_btn_area{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.usr_btn_area .back{
}
.usr_btn_area .logout{
}
.usr_pagerArea{
	width: 100%;
	overflow: hidden;
	background: url(../img/common/bg_pager-area.png) left bottom repeat-x #FFFFFF;
	border-bottom: solid 1px #dadada;
	border-top: solid 1px #dadada;
	padding: 5px 0;
}
.usr_pagerArea ul{
	overflow:hidden;
	width: 315px;
	margin-left: auto;
	margin-right: auto;
}
.usr_pagerArea li{
	float:left;
	margin-left:5px;
}
.usr_pagerArea li a{
	color:#646464;
	display:block;
	width:auto !important;
	width:36px;
	min-width:36px;
	height:auto !important;
	height:23px;
	min-height:23px;
	padding:3px 5px 0;
	background:url(../img/common/bg_page_small.png) left top no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	text-align:center;
}
.usr_pagerArea li.page a{
	background:none !important;
}
.usr_pagerArea li.page{
	color:#777;
	text-align:center;
	display:block;
	font-size:116.6%;
	font-weight:bold;
	width:auto !important;
	width:96px;
	min-width:96px;
	height:auto !important;
	height:24px;
	min-height:24px;
	padding:2px 5px 0;
	background:url(../img/common/bg_page_large.png) left top no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
}
.correct_box{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:#daf3ff;
	color:#1986b8;
	font-weight:bold;
	font-size:167%;
	padding:15px 0;
	margin-bottom:20px;
}
.correct_box p{
	min-height: 40px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.incorrect_box{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:#ffe7e7;
	color:#ed3d3d;
	font-weight:bold;
	font-size:167%;
	padding:15px 0;
	margin-bottom:20px;
}
.incorrect_box p{
	min-height: 40px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.text_correct{
	color:#1986b8 !important;
	font-weight:bold;
}
.text_incorrect{
	color:#ed3d3d !important;
	font-weight:bold;
}
.comment_area{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.comment_area h3.titleLabel{
	background:#2bb284;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px 0;
	text-align:center;
	margin-bottom:10px;
}
.corrector_comment_area{
	padding-top:10px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.unanswered{
	background:#ffe7e7;
	padding:15px 0;
	margin-top:15px;
}
.unanswered p{
	color:#ed3d3d;
	font-weight:bold;
	font-size:125%;
	margin-bottom:5px;
}
.usr_cont_text_area_unanswered{
	padding-bottom:0 !important;
}

.mark_notes{
	font-size:130%;
}

/*アンケート完了*/
.usr_cont_finish_area{
	background:#FFFFFF;
	border:1px #dadada solid;
	padding:27px 18px 35px 21px;
	font-size:116.6%;
	color:#646464;
	overflow:hidden;
}
.finish_tit{
	font-size:171.4%;
	font-weight:bold;
	color:#1986b8;
	text-align:center;
	margin-bottom:6px;
}
.finish_txt{
	line-height:1.3;
}

/*修了証*/
.diploma{
	background:none;
}
.diploma .wrap{
	padding-bottom:28px;
}
.usr_cont_diploma_area{
	height:400px;
	border:solid 1px #dadada;
	background:#fff;
	padding:15px;
}
.diploma .btnBox{
	background:none;
	text-align:center;
	margin:10px 10px 0;
}
.diploma .btnBox p{
	margin:0 auto;
}
.diploma .btnBox .back{

}
.diploma .btnBox .print:hover{
	background-color:#e0a000;
}

/* グラフ関連 */
.thermometer300{
	max-width:140px;
	min-width:140px;
}
.thermometer_fit{
	display: block;
	margin: 0 20px;
	width: calc(100% - 40px);
}

.thermometer400{
	max-width:200px;
	min-width:200px;
	margin:12px 0;
}
.thermometer400 .thermometer-outer{
	background:none !important;
	border:none !important;
	border-radius:none !important;
}
.Thermometer_area_01{
	overflow:hidden;
	margin:5px 0 0 0;
}
.Thermometer_area_01 p{
	float:left;
	word-break: normal;
}
.Thermometer_area_01 .thermometer300{
	float:left;
}
.Thermometer_area_01 .thermometer-outer{
	margin-left:5px;
}
.Thermometer_area_01 .Thermometer_data{
	color:#3f83f7;
	margin-left:10px;
}
.thermometer-outer {
  background: #c4f0ff;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
}
.thermometer-outer-h {
  height: 20px;
  width: 100%;
}
.thermometer-outer-v {
  height: 200px;
  width: 20px;
}
.thermometer-inner {
  background: #3f83f7;
  border:1px solid #3f83f7;
  margin:-1px;
}
.thermometer-inner-h {
  height: 20px;
}
.thermometer-inner-v {
  width: 20px;
}

/*コーストップ*/
h1.usr_head_tit{
	font-size: 185%;
	font-weight:bold;
	color:#0058a2;
	line-height:1.25;
	margin-top:40px;
	margin-bottom:5px;
	word-break:break-all;
}
.usr_head_in .attendanceStatus{
	background:#ed3d3d;
	color:#FFFFFF;
	border:none;
	padding:0 3px;
	top: 5px;
	position: absolute;
}
.usr_head_in .attendanceStatus span{
	display:table-cell;
	vertical-align:middle;
	height:34px;
	text-align:center;
	width:100px;
	line-height:1.2;
}
.usr_head_bottom .Thermometer_area_01{
	font-size:116.6%;
}
.usr_head_bottom .thermometer-outer {
	background: #c4f0ff;
	border: 1px solid #fff;
	margin-left:14px;
}
.usr_head_bottom .Thermometer_data{
	margin:3px 0 0 22px;
	line-height:1.4;
}
.usr_cont .dot_text span{
	background:url(../img/common/bg_wrap.png) left;
	font-weight:bold;
	font-size:150%;
}
.usr_cont_area{
	background:#FFFFFF;
	border:1px #dadada solid;
	margin-top:10px;
	padding:10px 10px 10px 10px;
	font-size:116.6%;
	color:#646464;
	overflow:hidden;
}
.usr_cont:first-child .usr_cont_area{
	margin-top:4px;
}
.usr_cont_area_img{
	float:left;
	margin-right:8px;
}
.usr_cont_area_txt{
	max-width: 60%;
	float: left;
	line-height:130%;
	margin-bottom:10px;
}
.usr_cont_area_txt .attendanceStatus-red,
.usr_cont_area_txt .attendanceStatus-blue,
.usr_cont_area_txt .attendanceStatus-navy{
	padding:0 3px;
	margin:0 0 5px 2px;
	width:100px;
	font-size:85.7%;
	color:#fff;
	text-align:center;
}
.usr_cont_area_txt .attendanceStatus-red{
	background:#ed3d3d;
}
.usr_cont_area_txt .attendanceStatus-blue{
	background:#3f83f7;
}
.usr_cont_area_txt .attendanceStatus-navy{
	background:#1986b8;
}
.usr_cont_area_txt .curriculumName{
	font-size:114.2%;
	font-weight:bold;
	margin-bottom:5px;
	word-wrap:break-word;
}
.usr_cont_area_btn{
	width:100%;
	border-top:1px solid #dadada;
	overflow:hidden;
	padding-top:10px;
	vertical-align:middle;
	text-align: center;
}
.usr_cont_area_btn_in{
	display:inline-block;
	line-height:37px;
	overflow:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.usr_cont_area_btn_twin p{
	width: 50%;
	float: left;
}
.usr_cont_area_btn p:first-child{
	vertical-align:bottom;
	margin-top:0;
}
.usr_cont_area_btn a{
	font-size:114.2%;
	font-weight:bold;
	line-height:1;
	border:solid 3px #e0a000;
	overflow:hidden;
	width:96%;
	padding:10px 0px;
	margin:10px 0px;
}
.usr_cont_area_btn p.yellow a{
	color:#fff;
	background:#eeb528;
}
.usr_cont_area_btn p.yellow a:hover{
	background:#e0a000;
}
.usr_cont_area_btn p.white a{
	color:#e0a000;
	background:#fff;
}
.usr_cont_area_btn p.white a:hover{
	background:#f0f0f0;
}
.usr_cont_area_btn span{
	vertical-align:middle;
	text-align:center;
	width: 120px;
	height:31px;
}
.fail_box{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	background:#ffe7e7;
	color:#ed3d3d;
	font-weight:bold;
	font-size:167%;
	padding:15px 0;
	margin-bottom:20px;
}
.fail_box p{
	background:url(../img/common/ico_incorrect.png) left no-repeat;
	padding-left:40px;
	min-height: 40px;
	padding-top: 5px;
	width: 80px;
	margin-left: auto;
	margin-right: auto;
}
.correct_answers_box{
	width:100% !important;
}
.correct_answers_box tr th{
	border:1px solid #dadada;
	background:#0058a2;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 5px 3px 5px;
	overflow:hidden;
	display: list-item;
	list-style: none;
}
.correct_answers_box tr td{
	border:1px solid #dadada;
	padding:5px 5px 3px 5px;
	text-align:center;
	color:#646464;
	font-weight:bold;
	display: list-item;
	list-style: none;
	margin-top: -1px;
}
.correct_answers_box p{
	width:auto !important;
	float:left;
}
.correct_answers_box .thermometer{
	float:left;
}
.score_area{
}
.usr_cont_border_box{
	border:1px solid #dadada;
	width:90% !important;
	padding:10px;
}
.usr_cont_record_area {
	background: #FFFFFF;
	border: 1px #dadada solid;
	padding: 15px 15px;
	font-size: 120%;
	color: #646464;
	margin-top: 20px;
	width: 90% !important;
}
.glay_box{
	background:url(../img/common/bg_border.png) left top;
	padding:13px 0;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.glay_box span{
	font-size:120%;
}
.display{
	background:url(../img/common/ico_display.png) 10px 46% no-repeat #76c3e7;
	border:solid 3px #76c3e7;
	position: fixed;
	top: 5px;
	right: 8px;
}
.display a{
	display:block;
	width:100px;
	color:#FFFFFF;
	text-align:center;
	padding:7px 6px 7px 22px;
	line-height:1.1;
	font-size:116.6%;
}
.display:hover{
	background-color:#4fa8d2;
	border:solid 3px #4fa8d2;
}
.usr_btn_area .btnBox p{
	width:auto !important;
}
.usr_btn_area .btnBox p button.back{
	float:none !important;
	margin-left:auto !important;
}

/*アンケート（全問表示）*/
.usr_necessary{
	background:#e04343;
	color:#FFFFFF;
	border:1px solid #FFF;
	padding:2px 20px 1px 20px;
	font-size:85%;
	margin-left:-10px;
}
.usr_optional{
	background:#FFFFFF;
	color:#e04343;
	border:1px solid #FFF;
	padding:2px 20px 1px 20px;
	font-size:85%;
	margin-left:-10px;
}
.usr_cont_min{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.usr_cont_text_area_min input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}

.usr_cont_text_area_min .border_b{
	border-bottom:1px #dadada solid;
	padding-bottom:10px;
	margin-bottom:15px;
}

.usr_cont_text_area_min{
	background:#FFFFFF;
	border:1px #dadada solid;
	padding:15px 0;
	color:#646464;
	margin-top:-1px;
}
.usr_cont_text_area_min p,
.usr_cont_text_area_min ul,
.usr_cont_text_area_min textarea,
.usr_cont_text_area_min table{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_text_area_min textarea{
	width:100% !important;
}

.usr_cont_text_area_grandson input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}
.usr_cont_grandson{
	width:93%;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_text_area_grandson{
	background:#FFFFFF;
	border:1px #dadada solid;
	padding:15px 0;
	color:#646464;
	margin-top:-1px;
}
.usr_cont_text_area_grandson .border_b{
	border-bottom:1px #dadada solid;
	padding-bottom:5px;
	margin-bottom:10px;
}
.usr_cont_text_area_grandson p,
.usr_cont_text_area_grandson ul,
.usr_cont_text_area_grandson textarea,
.usr_cont_text_area_grandson table{
	width:93%;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_text_area_grandson textarea{
	width:100% !important;
}

.usr_tit_min{
	background:#1986b8;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}

/*アンケート完了*/
.usr_cont_finish_area{
	background:#FFFFFF;
	border:1px #dadada solid;
	padding:27px 18px 35px 21px;
	font-size:116.6%;
	color:#646464;
	overflow:hidden;
}
.finish_tit{
	font-size:125%;
	font-weight:bold;
	color:#1986b8;
	text-align:center;
	margin-bottom:6px;
}
.finish_txt{
	line-height:1.3;
}

/*eラーニング*/
.usr_head_btn_right{
	position: absolute;
	right: 8px;
	top: 5px;
}
.usr_head button.print:hover{
	background-color:#e0a000;
}
.usr_head button.print{
	float:right;
	width:60px;
	height:45px;
	padding:7px 3px;
	font-size:116.6%;
	line-height:1.1;
	font-weight:normal;
	background:#eeb528;
	border:solid 3px #e0a000;
	color:#fff;
}
.usr_head button.end{
	float:right;
	margin-left:5px;
	padding:7px 3px;
	width:60px;
	height:36px;
	color:#fff;
	font-size:116.6%;
	background:#76c3e7;
	border:solid 3px #76c3e7;
	line-height:1.1;
	position: fixed;
    top: 5px;
    right: 5px;
}
.usr_head button.end:hover{
	background:#4fa8d2;
	border:solid 3px #4fa8d2;
}
.usr_head .pagerArea{
	float:right;
	width:auto;
	border:none;
	background:none;
	padding:1px 0 0 0;
}
.usr_head .pagerArea ul{
	margin-left:0;
}
.usr_head .pagerArea .page{
	background:none;
	padding:0;
}
.usr_head .pagerArea .page a{
	width:116px;
	min-width:116px;
	background:url(../img/common/bg_page_elearning_content.png) left top no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	padding:2px 5px 0;
	color:#777;
	display:block;
}
.usr_cont_elearning_area{
	border:solid 1px #dadada;
	background:#fff;
	padding:15px;
	height:650px;
}

/*eラーニング目次*/
.elearning_area{
	width:95%;
	border:#dadada 1px solid;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.elearning_area ul li{
	border-top:1px dotted #dadada;
	color:#1986b8;
	font-size:116.6%;
	padding-top:10px;
}
.elearning_area > ul > li:first-child{
	border-top:none;
}
.elearning_area ul li.last{
	border-bottom:none;
}
.elearning_area ul li ul li{
	font-size:100%;
	padding-left:640px;
	margin-left:-630px;
}
.elearning_area ul li .ico_green{
	background:#00805a;
	color:#FFFFFF !important;
	padding:2px 5px;
	margin-left:10px;
}
.elearning_area ul li .ico_blue{
	background:#3f83f7;
	color:#FFFFFF !important;
	padding:2px 5px;
	margin-left:10px;
}
.elearning_area ul li .ico_red{
	background:#ed3d3d;
	color:#FFFFFF !important;
	padding:2px 5px;
	margin-left:10px;
}
.elearning_area ul li p,
.elearning_area ul li ul li.last p{
	margin:5px 10px 3px 10px;
}
.elearning_area ul li ul li p{
	margin-bottom:0;
}
.elearning_area ul li p a{
	max-width:95%;
}

/*エラー表現（セル色変更＆文字色指定）*/
td.error{
	background:#ffe7e7;
}

td.error p{
	color:#f33232;
	line-height:1;
}
.correct_flg_area {
	font-size:1.2em;
	width:1.2em;
	vertical-align:middle;
	display:inline-block;
	margin:auto 0;
	height:1.2em;
}

.choice_sentence {
	width:85% ! important;
	min-height : 5em !important;
	resize : none;
	word-break:normal;
	vertical-align:sub;
	display:inline-block;
	margin:6px;
	border : none !important;
}

.preview_choice_label{
	width : calc(95% - 10px) !important;
}

.answer_textarea {
	min-height : 5em;
	resize : none;
	padding: 0px 20px;
	width : 85% !important;
	border : none !important;
}

.preview_title{
	width:90% !important;
	word-break:break-all;
}
/*rev17add*/
.information_b{
	/*background:url(../img/public/bg_information_b.png) left top no-repeat;*/
	border:#000000 solid 3px;
	background-color:#FFFFFF;
	padding-top:7px;
	margin:24px 5px 0 5px;
}
.informationBottom_b{
	font-size:116.6%;
	color:#000000;
	line-height:1.72;
	/*background:url(../img/public/bg_information_bottom_b.png) left bottom no-repeat;*/
	overflow:hidden;
	padding:12px 26px 18px;
}


/* ----------------- 2020年1月納品 ----------------- */
/* 05_APL-03-00001_文字リンク(パスワード再設定) */
.forgotPass a{
  display: inline-block;
  margin:12px auto 0;
  padding: 4px 10px 2px 11px;
  border: 1px solid #0058a2;
  border-radius: 4px;
}
.forgotPass a::after{
  content: '';
  display: inline-block;
  background: url(../img/common/ico_awesome_key.png) 100% no-repeat;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 8px;
}
.loginArea dl.loginMb {
  margin-bottom: 41px;
}


/* 06_APL-03-04201_ラジオボタンクリアボタン */
button.btn_radioReset{
  background: #EEEEEE;
  border: 1px solid #888888;
  width: 100px;
  height: 30px;
  color: #666666;
  padding: 0 8px 0 6px;
  margin-top: 10px;
  margin-left: 3%;
}
button.btn_radioReset::before{
  content: '';
  display: inline-block;
  background: url(../img/common/icon_eraser.png) 100% no-repeat;
  width: 19px;
  height: 17px;
  vertical-align: middle;
  margin-right: 7px;
}


/* 07_APL-03-04201_テスト・アンケートの選択肢 */
.usr_cont_text_area_choice ul li{
  width:100%;
  margin-bottom:10px;
}
.usr_cont_text_area_choice ul li label{
  cursor:pointer;
  width:100%;
  box-sizing:border-box;
  display:flex;
  align-items: center;
  padding:12px 10px;
  border:1px solid #ccc;
  line-height: 1.14;
}
.usr_cont_text_area_choice textarea{
	width:100%;
}
.usr_cont_text_area_choice .border_b{
	border-bottom:1px #dadada solid;
	padding-bottom:15px;
	margin-bottom:10px;
}
.usr_cont_text_area_choice ul li label input{
	margin-right:10px;
}
.usr_cont_text_area_choice ul li label.is-active{
  background: #DDF1FD;
}


/* 08_APL-03-04001_申込画面の切り替え追加 */
.courseTitArea{
  width:100%;
  border-bottom:4px solid #0058a2;
	overflow:hidden;
}
.courseTitTab{
  display: flex;
  align-items: center;
  padding:10px 6px 0;
  background: #fff;
}
.courseTitTab li{
  width: 100%;
  background: #999999;
  margin-right: 4px;
}
.courseTitTab li:last-child{
  margin-right: 0;
}
.courseTitTab h1,
.courseTitTab a{
  margin:0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.courseTitTab h1{
  background:#0058a2;
  height: 40px;
}
.courseTitTab a{
  height: 34px;
}
.resultTableEntry {
  width: 95%;
}
.attendanceCourseList tbody tr,
.resultTableEntry tbody tr{
  width: calc(100% - 30px);
}
.result{
	float:none;
	text-align:center;
	font-size:116.6%;
	font-weight:bold;
	color:#777;
	width:auto !important;
	width:166px !important;
	min-width:166px;
	height:auto !important;
	height:24px;
	min-height:24px;
	padding:2px 5px 0;
	background:url(../img/common/bg_result.png) left top no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
  background-size:100% 100%;
  margin: 0 auto;
}


/* 09_APL-03-04012_コース申込一覧 */
button.resultCancel,
button.resultEntry{
	width:100px;
  padding:0;
  background-color:#F7CA46;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
	color:#fff;
	line-height:1.1;
	text-align:center;
	height:24px;
	margin:10px auto;
  display:block;
  border: none;
}
button.resultEntry{
	background-color:#3E85B5;
}
.resultTableEntry tr{
  border:solid 1px #dadada;
}
.resultTableEntry td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:8px 10px 8px 10px;
	line-height:1;
}
.resultTableEntry td{
  padding:8px 10px 0 10px;
  border: none;
}
.resultTableEntry td.pdnone{
  padding: 0;
}
.resultDate{
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  margin-top: 10px;
  padding: 6px 0;
  font-size: 85%;
}
.resultTableEntry .courseInformation p.courseName{
  font-size: 115%;
}


/* 10_APL-03-04011_コース申込 */
.contents.courseContents{
  margin: 0 16px;
  padding: 0;
}
.course .contentsTitArea{
  padding: 0;
}
.courseArea{
  width: 93%;
  margin: 0 auto 24px;
}
.courseTable{
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	border-collapse: collapse;
	width:97%;
}

.courseTable tbody{
  display: block;
}
.courseTable tbody tr{
	display: block;
}
.courseTable tbody th,
.courseTable tbody td{
	display: list-item;
	list-style:none;
	min-height:14px;
}
.courseTable th,
.courseTable td{
  width: 100%;
  font-size:116.6%;
  padding: 4px 8px 4px 8px;
}
.courseTable th{
  background: #1A85B8;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.courseTable td{
  line-height: 1.3;
  border: 1px solid #DEDEDE;
}
.courseTable th{
  line-height: 1.3;
  border: 1px solid #1A85B8;
}
.courseBtnBox{
  width: 100%;
  margin: 28px auto;
}
.courseBtnBox p{
  width: 100%;
}
.courseBtnBox .entry{
  margin-top: 17px;
  margin-bottom: 0;
}
.contentsTitAnnotation{
  font-size: 12px;
  font-weight: bold;
  color: #E2605E;
  margin-bottom: 17px;
}
.course button.entry{
  color: #fff;
  font-size: 133.3%;
  font-weight: bold;
  line-height: 1.1;
  background: url(../img/common/ico_entry.png) 5px 46% no-repeat #eeb528;
  border: solid 3px #e0a000;
  margin: 17px auto 5px;
  height: 45px;
  width: 96%;
  float: none;
}
.course  button.back {
  float: none;
  margin-left: 0;
  width: 96%;
  font-size: 133.3%;
}
/* ----------------- 2020年1月納品ここまで ----------------- */

/* トップユーザー名表示 */
a.topUserName{
	max-height:35px;
	background: url(../img/common/bg_user_edit_sp.png) right top no-repeat;
	background-position:right center;
	padding: 2px 22px 2px 2px;
}

/* アンケートクリアボタン */
button.clear{
	background: #dadada;
    width: 88px;
    border: 2px solid #CACACA;
}

button.clear:hover{
	background: #CaCaCa;
    width: 88px;
    border: 2px solid #CACACA;
}
/* レポート関連 */
.resultCount span{
	font-size:120%;
}
.reportFile{
	padding:0 20px 0 20px;
	word-wrap:break-word;
}
.reportFileDown{
	text-align:center;
	margin-bottom:20px;
}
.reportFileDown a{
	margin-left:auto;
	margin-right:auto;
	display:block;
	background:#eeb528;
	width:180px;
	color:#FFFFFF !important;
	padding:5px 0 5px 0;
	margin-top:10px;
}
.reportTable{
	width:900px;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	border-right:solid 1px #dadada;
	margin-bottom:22px;
}
.reportTable tr.first th{
	border-top:solid 1px #1986b8;
}
.reportTable tr.first td{
	border-top:solid 1px #dadada;
}
.reportTable tr.last th{
	border-bottom:solid 1px #1986b8;
}
.reportTable th{
	color:#fff;
	text-align:center;
	display:none;
	padding:4px 5px 3px;
	background:#1986b8;
	border-bottom:solid 1px #fff;
}
.reportTable td{
	padding:2px 5px 2px 15px;
	border-bottom:solid 1px #dadada;
	border-left:solid 1px #dadada;
}
.report_btn_area{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.report_btn_area .btnBox p{
	width:auto !important;
}
.report_btn_area .btnBox p button.back{
	float:none !important;
	margin-left:auto !important;
}
/* 同意関連 */
.approval_area{
	margin:30px 0 30px 0;
	border:2px solid #dadada;
	font-size:150%;
	text-align:center;
}
.approval_area hr{
	background-color:#dadada;
	border:none;
	height:1px;
	margin:2px;
}
.approval_tit{
	margin-top:20px;
	background:#1986b8;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	height:2em
}
.approval_cont{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.approval_cont_text_area{
	background:#FFFFFF;
	border:1px #dadada solid;
	padding:15px 0;
	font-size:120%;
	color:#646464;
	margin-top:-1px;
	overflow-x: auto;
}
.approval_cont_text_area p,
.approval_cont_text_area ul,
.approval_cont_text_area textarea,
.approval_cont_text_area table{
	margin-left:auto;
	margin-right:auto;
}
.approval_cont_text_area textarea{
	width:100%;
}
div.approval_cont_text_area p.border_b p,
div.approval_cont_text_area p.border_b ul,
div.approval_cont_text_area p.border_b textarea,
div.approval_cont_text_area p.border_b table{
	margin-left:0px;
	margin-right:0px;
}
div.approval_cont_text_area p.border_b textarea{
	min-height:0px;
}
.approval_cont_text_area .border_b{
	border-bottom:1px #dadada solid;
	padding-bottom:15px;
	margin:0 8px;
}
.approval_cont_text_area ul li label input{
	margin-right: 6px;
}
.approval_cont_text_area textarea{
	min-height:150px;
	border:#dadada 1px solid;
}
.approval_cont_text_area input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}

.user_optional{
	font-weight: bold;
	float:none;
	margin-bottom: 2px;
}

.check_agree{
	font-size:130%;
}

th.csv_column , td.csv_column {
	max-width: 320px;
}

/*エラー画面*/
.errorText{
	color: #e40000;
	font-size: 133.3%;
	line-height: 1.72;
	padding: 14px 14px 13px;
	border: solid 1px #e40000;
	margin-top: 20px;
}
.errorDetailText{
	font-size: 133.3%;
	padding: 14px 14px 13px;
	margin-top: 17px;
}

.border_t{
	border-top:1px #dadada solid;
	padding-top:10px;
	margin-top:15px;
}