@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;
}

/*テーブル上下ボタン*/
.up-control{
	position: absolute;
	margin-left: 92px;
	margin-top: 2px;
}
.down-control{
	position: absolute;
	margin-left: 56px;
	margin-top: 2px;
}
/*固定ヘッダー*/
.head_fix{
	position:fixed;
	top: 0;
	left:0;
}
.head_sticky{
	position:sticky;
	top: 0;
	left:0;
}

/******************************
テナント別ログイン
******************************/
/*ログイン*/
.loginHeader{
	width:100%;
	background:url(../img/public/bg_header.png) left top repeat-x;
	border-bottom:solid 10px #0058a2;
	overflow:hidden;
}
.loginHeader .logo{
	padding:18px 0 10px 1px;
}
.login{
	padding:28px 0 92px;
}
.login .contentsTop{
	width:706px;
	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:49px 53px 30px 51px;
}
.login .contentsTitArea{
	width:100%;
	overflow:hidden;
	padding:0;
}
.login .contentsTit{
	font-size:233.3%;
	line-height:1.25;
	border:none;
	padding:0;
	margin:0;
}
.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%;
	width:582px;
	padding:10px 9px 8px;
	margin-bottom:2px;
}
.loginArea .submit{
	text-align:center;
	margin:34px 0 0 1px;
}
.forgotPass{
	font-size:116.6%;
	text-align:center;
	margin-top:8px;
}

/*パスワード再発行*/
#modal{
	display:none;
}
#reissuePassBox{
	overflow:hidden;
	padding:50px 50px 42px 49px;
	background:#fff;
}
.reissuePassTit{
	font-size:233.3%;
	font-weight:bold;
	color:#0058a2;
	line-height:1.25;
	margin-bottom:17px;
}
.idBox{
	width:640px;
	background:#e9f5ff;
	padding:24px 30px 26px 38px;
	border:solid 1px #3686c9;
	margin-bottom:9px;
	margin-left:auto;
	margin-right:auto;
}
.idBox p.txt{
	color:#0058a2;
	font-size:133.3%;
	line-height:1.4;
	margin-bottom:23px;
}
#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%;
	width:497px;
	padding:10px 9px 8px;
}
.idBox p.mailConfirm{
	font-size:133.3%;
	color:#585858;
	line-height: 1.25;
}
.notice{
	color:#e04343;
	font-size:133.3%;
}
#reissuePassBox .submit{
	margin-top:22px;
	text-align:center;
}
#colorbox{
	margin-bottom:50px;
}

/*インフォメーション*/
.information{
	width:706px;
	background:url(../img/public/bg_information.png) left top no-repeat;
	padding-top:7px;
	margin:24px auto 0;
}
.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{
	width:706px;
	background-color:#FFFFFF;
	margin:7px auto 10px;
}
.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;
}

/******************************
◯◯◯一覧ページ
******************************/
.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;
}

.new a,
.assignEntry a{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	padding:0 35px 0 35px;
	border:solid 3px #e0a000;
}
.new a{
	background:url(../img/common/ico_new.png) 7px 46% no-repeat #eeb528;
	margin:8px 11px 6px 0;
	float:right;
}

.assignEntry a{
	background:url(../img/common/ico_entry.png) 5px 46% no-repeat #eeb528;
	margin:3px 0 0 0;
}
.new a:hover,
.assignEntry a:hover{
	background-color:#e0a000;
}
.new a span,
.assignEntry a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:204px;
	height:36px;
}
.assignCancel a,
.output a{
	border:none;
	margin:3px 0 0 0;
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	padding:0 35px 0 35px;
}
.assignCancel a{
	background:url(../img/common/ico_entry.png) 8px 46% no-repeat #459fc9;
}
.output a{
	background:url(../img/common/ico_output.png) 10px 46% no-repeat #2bb284;
}
.assignCancel a:hover{
	background-color:#1986b8;
}
.output a:hover{
	background-color:#109366;
}
.assignCancel a span,
.output a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:210px;
	height:42px;
}
.fourBtn a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:147px !important;
}
.borderAreaWrap{
	border-top:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
}
.borderArea{
	background:url(../img/common/bg_border.png) left top;
	padding:4px 28px 4px 29px;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	overflow:hidden;
}
.borderArea form{
	overflow:hidden;
}
.borderArea dl{
	float:left;
	margin-right:12px;
	display: inline-block;
}
.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:240px;
	height:18px;
	padding:5px 0 4px 8px;
}
.borderArea dd input.textLong{
	width:575px;
	margin-right:3px;
}
.borderArea dd input[type="checkbox"]{
	height:0px;
	width:12px;
	margin:6px 6px 0 0;
}
.modalContents .borderArea dd input.textLong{
	width:582px;
	margin-right:0px;
}
.modalContents .borderArea dd input.textMiddle{
	width:367px;
}
.borderArea dl.select{
	width:321px;
	margin:0 17px 0 2px;
}
.borderArea dl.select dt{
	background:none;
	padding-left:0;
}
.borderArea dl.select input{
	width:243px;
	border-right:none;
}
.borderArea dl.select a{
	float:right;
	font-size:108.3%;
	font-weight:bold;
	color:#fff;
	line-height:1.1;
	background:url(../img/common/ico_select.png) 6px 46% no-repeat #2bb284;
	padding:0 5px 0 22px;
	height:29px;
}
.borderArea dl.select a:hover{
	background-color:#109366;
}
.borderArea dl.select a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:40px;
	height:29px;
	overflow:hidden;
}
.borderArea dl.date dt{
	padding-left:0;
	background:none;
}
.borderArea dl.date dd input{
	width:80px;
}
.borderArea  button.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:5px 5px 0 0;
}
.borderArea  button.extract:hover{
	background-color:#006897;
}
.borderArea  button.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;
}
.borderArea button.clear:hover{
	background-color:#4fa8d2;
}
.borderArea button.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:5px 0 0 45px;
}
.borderArea button.output:hover{
	background-color:#109366;
}
.borderArea .notes{
	color:#dd1d1d;
	font-size:83.3%;
	display:block;
	margin-top:5px;
	line-height:1;
}
.borderArea .ui-multiselect{
	width:192px !important;
}
.borderArea .multiLong .ui-multiselect{
	width:584px !important;
}

.userAttributeArea{
	padding-right:29px;
	padding-bottom:8px;
}
.userAttributeArea dl{
	margin-right:10px;
}
.userAttributeArea dl.select{
	width:auto;
	margin:0;
}
.borderAreaLeft{
	float:left;
	width:600px;
	overflow:hidden;
}
.modalContents .borderAreaLeft{
	width:606px;
}
.borderAreaLeft .notes{
	float:left;
	width:100%;
}
.userAttributeArea .ui-multiselect{
	width:174px !important;
}
.userAttributeArea dl.middle{
	width:auto;
}
.userAttributeArea dl.short input{
	width:240px;
}
.userAttributeArea dl.middle input{
	width:325px;
}
.userAttributeArea dl.long input{
	width:440px;
}
.extractionCondition dt,
.userAttribute dt{
	background:none;
	padding-left:0;
}
.userAttribute.last{
	margin-right:0;
}
.borderAreaBtnBox{
	float:right;
	margin-top:1px;
}
.borderAreaBottom{
	float:left;
	margin-top:10px;
	width:100%;
	border-top:solid 2px #bababa;
}
.borderAreaAdd{
	float:left;
	margin-top:10px;
	width:100%;
}
.borderAreaBottom p{
	float:left;
	margin-right:15px;
}
.borderAreaBottom p.notes{
	margin-top:10px;
	width:100%;
}
.borderAreaBottom button.print{
	margin-top:3px;
}
.borderAreaBottom.single p{
	float:none;
	width:280px;
	margin:0 auto;
}

/*一覧抽出結果*/
.contentsIn{
	width:900px;
	margin:10px auto 31px;
}
.resultArea{
	border-top:solid 1px #dadada;
}
.confirmBox{
	width:900px;
	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:0 7px 0 8px;
}
.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;
}
.confirmArea .submit a.logout:hover{
	background:#f0f9ff;
}

.confirmArea .submit a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:3px 10px 0;
	width:180px;
	height:47px;
}
.pagerArea{
	width:868px;
	overflow:hidden;
	background:url(../img/common/bg_pager-area.png) left bottom repeat-x;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	border-left:solid 1px #dadada;
	padding:10px 15px 7px;
}
.result{
	float:left;
	text-align:center;
	font-size:116.6%;
	font-weight:bold;
	color:#777;
	width:auto !important;
	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{
	float:left;
	overflow:hidden;
	margin-left:98px;
}
.pagerArea li{
	float:left;
	margin-left:5px;
}
.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;
}
.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%;
}
.statusDetail,
.authorityDetail{
	margin:10px 4px 0 0;
	padding-bottom:33px;
}
.statusDetail p{
	float:right;
	margin-left:14px;
	position:relative;
}
.authorityDetail p{
	float:right;
	margin-left:5px;
	position:relative;
}
.statusDetail span,
.authorityDetail span{
	display:none;
	position:absolute;
	bottom:29px;
	left:-31px;
	line-height:1.1;
	text-align:center;
	width:84px;
	padding:9px 0 12px;
	background:url(../img/common/bg_statusdetail.png) left bottom no-repeat;
}

/*一覧テーブル*/
.resultTable{
	width:900px;
	border-collapse:separate;
	border-spacing:0;
}
.resultTable th{
	word-break:keep-all;
	background:#1986b8;
	padding:1px 0;
}
.resultTable 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;
}
.resultTable th.number{
	width:5em;
}
.resultTable th.url{
	width:35em;
}
.resultTable th.courseCord{
	width:10em;
}
.resultTable th.userIdCount{
	width:180px;
	word-break:keep-all;
}
.resultTable th.courseName{
	width:inherit;
}
.resultTable th.courseCategory{
	width:19em;
}
.resultTable th.status{
	width:70px;
}
.resultTable th.storeCourse{
	width:95px;
	font-size:0.85em
}
.resultTable td.storeCourse{
	text-align: center;
}
.usrList th.authority{
	width:60px;
}
.usrList th.authority{
	width:70px;
}
.resultTable th.operate{
	width:70px;
}
.resultTable th.subject{
	width:573px;
}
.resultTable th.transmissionDay{
	width:257px;
}
.resultTable th.accessDate{
	width:165px;
}
.resultTable th.loginId{
	width:181px;
}
.resultTable th.userAgent{
	width:335px;
}
.resultTable th.mailStatus{
	width:112px;
}
.resultTable th.username{
	width:157px;
}
.resultTable th.attached{
	width:227px;
}
.resultTable th.mailAddress{
	width:404px;
}
.resultTable th.assign{
	width:68px;
}
.resultTable th.courseInformation{
	width:701px;
}
.resultTable th.noPeriodLecture{
	width:900px !important;
}
.resultTable th.attendanceTerm{
	width:199px;
}
.resultTable th.tocTit{
	width:723px;
}
.resultTable th.tocStatus{
	width:119px;
}
.resultTable th.tocScore{
	width:58px;
}
.resultTable th.title{
	width:513px;
}
.resultTable th.target{
	width:115px;
}
.resultTable th.capacity{
	width:270px;
}
.resultTable th.enrollment,
.resultTable th.loginMax{
	width:280px;
}
.resultTable th.publishStart,
.resultTable th.publishEnd{
	width:120px;
}
.resultTable th.governanceName{
	width:830px;
}
.resultTable th.roleName{
	width:780px;
}
.resultTable th.attendanceStart,
.resultTable th.attendanceEnd{
	width:107px;
}
.resultTable th.operateDate{
	width:165px;
}
.resultTable th.operateContent{
	width:110px;
}
.resultTable td.operateContent{
	word-break:normal; !important;
}
.resultTable th.storeCompanyName,
.resultTable th.storeUserName{
	width:160px;
}
.resultTable th.userAgent span,
.resultTable th.mailAddress span,
.resultTable th.operate span,
.resultTable th.attendanceEnd span,
.resultTable th.attendanceTerm span,
.resultTable th.tocScore span{
	border-right:solid 1px #1986b8;
}
.resultTable tr:hover td{
	background:#d3ffe9;
}
.resultTable tr.isChecked {
	background:#ffebb9;
}
/*▼10/07 grayout対応▼*/
.resultTable tr.grayout {
	background:#cccccc;
}
.resultTable tr.grayout:hover td{
	background:#cccccc;
}
/*▲10/07 grayout対応▲*/
.resultTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:3px 8px 0;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	height:2em;
	line-height:1;
}
.resultTable td.first{
	border-left:solid 1px #dadada;
	text-align:center;
	padding:0;
}
.resultTable td.status{
	word-break:keep-all;
	text-align:center;
	vertical-align:top;
}
.usrList td.authority,
.table_course_list td.status{
	text-align:center;
	vertical-align:top;
}
.resultTable td.subject{
	text-align:left;
	padding:3px 24px 0 8px;
}
.resultTable td.mailStatus{
	border-left:solid 1px #dadada;
	padding:3px 6px 0;
}
.resultTable td.username{
	padding:3px 6px 0;
}
.resultTable td.attached{
	padding:3px 6px 0;
}
.resultTable td.tocTit{
	text-align:left;
	padding:3px 6px 0;
}
.resultTable td.governanceName{
	text-align:left;
	padding:3px 8px 0;
}
.resultTable td.roleName{
	text-align:left;
	padding:3px 8px 0;
}
.resultTable td.attendanceStart,
.resultTable td.attendanceEnd{
	padding:0;
	vertical-align:middle;
	text-align:center;
}
.resultTable td.title{
	text-align:left;
	padding:3px 8px 0;
}
.resultTable td.last{
	padding:3px 4px 0 6px;
	cursor:pointer;
	vertical-align:top;
}
.operateList{
	display:none;
	position:relative;
	z-index:1;
}
.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;
}
.adjustment{
	display:inline-block;
}
.adjustment p{
	display:block;
	color:#fff;
	padding:6px 9px 4px 10px;
	background:#e04343;
	margin:0 0 3px -5px;
}
p.test{
	display:inline-block;
}

/*コピー先コース選択*/
.modalContents th.select{
	width:50px;
}
.modalContents th.courseCord{
	width:auto;
}
.modalContents th.courseCategory span{
	border-right:none;
}

/*コースアクセスログ*/
.accesslogList th.username{
	width:219px;
}
.accesslogList td,
.accesslogList td.first{
	padding:3px 4px 0;
}

/*コピー先テナント選択*/
.copyToTanantList th.select{
	width:40px;
}
.copyToTanantList th.number{
	width:86px;
}
.copyToTanantList th.companyName{
	width:367px;
}
.copyToTanantList th.url{
	width:407px;
}
.copyToTanantList th.url span{
	border-right:solid 1px #1986b8;
}
.copyToTanantList td{
	padding:3px 6px 0;
}

/*メール送信先選択*/
.addressSelect{
	border-top:none;
	margin-top:20px;
}
.addressSelect .dot_text{
	padding-bottom:3px;
	border-bottom:solid 1px #dadada;
}
.addressSelect .dot_text:before{
	top:44%;
}
.addressSelectList th.select{
	width:40px;
}
.addressSelectList th.mailAddress{
	width:131px;
}
.addressSelectList th.loginId{
	width:131px;
}
.addressSelectList th.username{
	width:363px;
}
.addressSelectList th.attached{
	width:366px;
}
.addressSelectList th.mailAddress span{
	border-right:solid 1px #dadada;
}
.addressSelectList th.attached span{
	border-right:solid 1px #1986b8;
}

/*コースアサイン*/
.courseassignList input[type="text"]{
	width:86px;
	border:solid 1px #dadada;
	padding-left:4px;
}
.courseassignList td{
	padding:3px 7px 0;
}
.courseassignList th.assign{
	width:75px;
}

.courseassignList th.username{
	width:385px;
}
.courseassignList th.attached{
	width:225px;
}

/*受講者トップメニュー・ユーザーコース進捗一覧*/
.attendanceCourseList td{
	padding:4px 4px 2px;
}
.attendanceCourseList td.courseInformation{
	text-align:left;
	padding:4px 4px 2px;
}
.courseInformationTop{
	overflow:hidden;
	margin-bottom:4px;
}
.courseInformationTop p.nonAttendance,
.courseInformationTop p.underAttendance,
.courseInformationTop p.finishedAttendance{
	float:left;
	width:106px;
	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:4px;
	line-height:1.2;
	color:#0058a2;
}

/*ユーザーコースアサイン*/
.usrCourseassignInput dd input{
	width:353px;
}
.usrCourseassign input[type="text"]{
	width:86px;
	border:solid 1px #dadada;
	padding-left:4px;
}
.usrCourseassign td{
	padding:3px 7px 0;
}
.usrCourseassign th.courseName{
	width:385px;
}
.usrCourseassign th.courseCategory{
	width:225px;
}
.usrCourseassign th.courseCategory span{
	border-right:solid 1px #dadada;
}

/*ユーザー一覧*/
.usrList th.loginId{
	width:150px;
}
.usrList th.username{
	width: auto;
}
.usrList th.attached{
	width:227px;
}
.usrList td{
	padding:3px 4px 0;
}
.usrList td.loginId{
	text-align:left;
	padding:3px 2px 0 2px;
}

/*ストア購入ー一覧*/
.storePurchaseList th.checker{
	width:60px;
}
.storePurchaseList th.purchase_date{
	width:120px;
}
.storePurchaseList th.course{
	width:180px;
}
.storePurchaseList th.course_group{
	width:180px;
}
.storePurchaseList th.num_of_id{
	width:120px;
}
.storePurchaseList th.limit_of_id{
	width:120px;
}
.storePurchaseList th.limit_date{
	width:120px;
}
.storePurchaseList td{
	padding:3px 4px 0;
	word-break: normal;
}

/*ログインログ・操作ログ*/
.dateArea dl input{
	width:340px;
}
.dateArea dl .ui-multiselect{
	width:340px !important;
}
.dateArea dl.date{
	margin-right:0;
}
.logList td{
	padding:9px 6px 5px;
	border-left:solid 1px #dadada;
}
.logList .success,
.logList .failure{
	float:left;
	width:236px;
	padding:5px 0 4px;
	margin:-5px 5px 0 0;
	text-align:center;
	font-size:85.7%;
	color:#fff;
}
.logList .success{
	background:#1986b8;
}
.logList .failure{
	background:#ed3d3d;
}
.logList .loginId{
	margin:8px 0 0;
	font-size:85.7%;
}

/*登録データ集計*/
.logDataArea{
	padding:8px 28px 7px 29px;
	font-size:116.6%;
}
.logDataArea select{
	width:77px;
	margin-right:6px;
	font-size:85.7%;
}
.logDataArea label{
	margin-right:8px;
}
.logDataList{
	margin-bottom:15px;
}
.logDataList td{
	text-align:center;
}

/*ログ*/
.logManagementArea{
	padding:10px 0 9px;
}
.logManagementArea p{
	float:left;
	margin:0 7px;
}
.logManagementArea .operateLog{
	margin-left:192px;
}
.logManagementArea p a{
	border:none;
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	padding:0 10px 0 10px;
}
.logManagementArea p span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:260px;
	height:42px;
}
.logManagementArea .operateLog a{
	background:#459fc9;
}
.logManagementArea .operateLog a:hover{
	background:#1986b8;
}
.logManagementArea .loginLog a{
	background:#2bb284;
}
.logManagementArea .loginLog a:hover{
	background:#109366;
}
.logManagementList{
	margin-bottom:15px;
}
.logManagementList td{
	padding:12px 14px 14px 15px;
	border-left:solid 1px #dadada;
	vertical-align:middle;
}
.logManagementList .tit{
	float:left;
	width:661px;
	margin-bottom:14px;
	font-size:114.2%;
	font-weight:bold;
}
.logManagementList .data{
	float:left;
	width:661px;
}
.logManagementList .btn{
	float:right;
	margin-top:3px;
	word-break:keep-all;
}
.logManagementList .btn a{
	color:#fff;
	font-size:114.2%;
	font-weight:bold;
	line-height:1;
	padding:0 5px;
	overflow:hidden;
	border:solid 3px #e0a000;
	background:#eeb528;
}
.logManagementList .btn a:hover{
	background:#e0a000;
}
.logManagementList .btn span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:184px;
	height:31px;
}

/*ストア一覧*/
.storeList th.course{
	width:333px;
}
.storeList th.course_group{
	width:342px;
}
.storeList th.purchase{
    width: 85px;
}
.storeList th.status{
    width: 70px;
}
.storeList td{
	padding:3px 4px 0;
}
.storeList td.first{
	border-left: solid 1px #dadada;
	padding: 3px 4px 0;
}

/*ストア管理一覧*/
.storeManageList th.checker{
	width:60px;
}
.storeManageList th.course{
	width:200px;
}
.storeManageList th.course_group{
	width:300px;
}
.storeManageList th.browse_only_flg{
    width: 90px;
}
.storeManageList th.limit_of_id{
    width: 107px;
}
.storeManageList th.period_of_license{
    width: 107px;
}
.storeManageList td{
	padding:3px 4px 0;
}
.storeManageList td.attendanceLimitIdNum{
	padding:0;
}
.storeManageList td.attendanceExpiryDate{
	padding:0;
}
.storeManageList td.first{
	border-left: solid 1px #dadada;
	padding: 3px 4px 0;
}

/*一覧抽出結果なし*/
.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:898px;
}

/*一覧ツリー*/
.treeArea{
	margin-top:3px;
}
.structureArea{
	background:#1986b8;
	overflow:hidden;
}
.structureArea li{
	float:left;
	font-size:116.6%;
	font-weight:bold;
	color:#fff;
	border-right:solid 1px #fff;
	text-align:center;
	width:32px;
	padding:3px 0 1px;
}
.structureArea li.first{
	width:50px;
}
.treeList{
	padding:3px 0 186px 18px;
	border-right:solid 1px #dadada;
	border-left:solid 1px #dadada;
	overflow:auto;
	white-space:nowrap;
}
.treeList li{
	margin:6px 0 0 33px;
	line-height:0;
}
.treeListIn{
	display:none;
}
.treeListIn li{
	background:url(../img/common/bg_tree.png) 15px top no-repeat;
	margin:0;
	padding:6px 0 0 33px;
}
.treeCont{
	display:inline-block;
	line-height:0;
	margin-bottom:3px;
}
.treeCont:hover .treeTit{
	background:#d3ffe9;
}
.treeBtn{
	float:left;
	cursor:pointer;
}
.treeTit{
	display:inline-block;
	*display:inline;
	*zoom:1;
	min-width:207px;
	padding:5px 5px 2px 5px;
	border-top:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	border-left:solid 1px #dadada;
	margin-left:3px;
	line-height:1.75;
}
/*【v2.5】*/
.treeDisable{
	pointer-events: none;
}
.treeOperate{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	border-top:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	margin-left:-5px;
	cursor:pointer;
}
.treeTit input{
	margin:0 9px 0 3px;
}
.treeRadio{
	border-right:solid 1px #dadada;
}
.treeCheck{
	border-right:solid 1px #dadada;
}
.treeOperate:hover .operateList{
	display:block;
}
.treeOperate .operateList ul{
	width:151px;
	overflow:hidden;
	right:0;
}
.treeOperate .operateList li{
	margin:0;
	padding:0;
	background:none !important;
	font-size:116.6%;
	line-height:1.75;
}
.treeOperate .operateList li a{
	padding:5px 0 4px 24px;
}
.treeOperate .operateList ul li.delete a{
	padding:5px 0 3px 24px;
}
.groupsSelect .operateList ul{
	width:151px;
}
.coursecategoriesSelect .operateList ul{
	width:201px;
}
.operateList li.lowRank{
	color:#fff;
	font-size:100%;
	padding:5px 0 3px 10px;
	border-top:solid 1px #fff;
	cursor:default;
}

/******************************
◯◯◯設定ページ
******************************/
.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;
	border-collapse:separate;
	border-spacing:0;
	border-right:solid 1px #dadada;
	margin-bottom:22px;
	color:#646464;
	table-layout:fixed;
}
.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;
	word-wrap:break-word;
}
.editTable label{
	margin-right:19px;
}
.editTable select{
	font-size:85.7%;
}
.editTable input[type="text"],
.editTable input[type="password"]{
	height:19px;
	border:solid 1px #dadada;
}

.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 .separateRadio{
	display:inline-block;
	min-width:160px;
	margin-right:0;
}
.editTable .separateRadio label{
	margin-right:0;
}
.editTable .curriculum label{
	margin-right:12px;
}
.editTable input[type="radio"]{
	margin-right:6px;
}
.editTable input[type="checkbox"]{
	margin-right:6px;
}
.editTable select{
	margin-right:4px;
}
.radioW{
	display:block;
	width:213px;
	overflow:hidden;
}
.radioW .labelR{
	float:right;
}
.selectMiddle{
	width:67px;
}
.selectLong{
	width:218px;
}
.editTable .notes{
	font-size:85.7%;
	color:#e04343;
	line-height:1.1;
}
.editTable input.textLong{
	padding-left:7px;
	width:488px;
}
.editTable input.textMiddle{
	padding-left:7px;
	width:173px;
}
.editTable input.textShort{
	padding-left:7px;
	width:93px;
}
.editTable textarea{
	width:638px;
	max-width:638px;
	min-height:137px;
	border:solid 1px #dadada;
	padding-left:7px;
}
.editTable .courseCategoryCode,
.editTable .exposition,
.editTable .vTop,
.courseTopDesign{
	vertical-align:top;
	padding:3px 5px 4px 5px;
}
.editTable tr.select th,
.editTable tr.lang th{
	line-height:1.7;
}
.editTable tr.select td,
.editTable tr.lang td{
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
}
.editTable tr.select td p,
.editTable tr.lang td p{
	float:left;
	margin:2px 0;
}
.editTable tr.select td input,
.editTable tr.lang td input{
	margin:4px 0 0;
}
.editTable tr.select td select,
.editTable tr.lang td select{
	margin:6px 0 0;
}
.editTable tr.select td a:hover{
	background-color:#109366;
}
.editTable tr.select td a{
	float:right;
	width:149px;
	padding:0;
	background:url(../img/common/ico_select.png) 8px 46% no-repeat #2bb284;
}
.editTable tr.select td a.import{
	float:right;
	width:149px;
	padding:0;
	background:url(../img/common/ico_entry.png) 8px 46% no-repeat #eeb528;
}

.editTable tr.select td a span{
	display:table-cell;
	vertical-align:middle;
	font-size:92.8%;
	color:#fff;
	line-height:1.1;
	text-align:center;
	width:149px;
	padding:1px 12px 0 23px;
	height:30px;
}
.editTable tr.select td a.import span{
	display:table-cell;
	vertical-align:middle;
	font-size:92.8%;
	color:#fff;
	line-height:1.1;
	text-align:center;
	width:149px;
	padding:1px 12px 0 35px;
	height:30px;
}
.editTable tr.lang td a{
	float:right;
	width:149px;
	padding:0;
	background:url(../img/common/ico_lang.png) 8px 47% no-repeat #eeb528;
}
.editTable tr.lang td a:hover{
	background-color:#e0a000;
}
.editTable tr.lang td a span{
	display:table-cell;
	vertical-align:middle;
	font-size:92.8%;
	color:#fff;
	line-height:1.1;
	text-align:center;
	width:149px;
	padding:1px 12px 0 23px;
	height:30px;
}
.editTable td.textArea{
	padding-top:5px;
	padding-bottom:5px;
}
.editTable td.navigationBar{
	padding:0;
}
.editTable td.navigationBar table{
	width:100%;
}
.editTable td.navigationBar table td{
	font-size:100%;
	padding:6px 5px 5px 15px;
	border-top:solid 1px #dadada;
	border-bottom:none;
}
.editTable td.navigationBar table tr.first td{
	border-top:none;
}
.editTable td.navigationBar table td.first{
	width:138px;
	border-left:none;
}
.editTable td.navigationBar table td label{
	margin-right:17px;
}
.editTable .operate{
	width:123px;
	height:27px;
	margin-bottom:4px;
}
.editTable .operate img{
	cursor:pointer;
}
.editTable .operate .operateList ul{
	width:121px;
	right:0;
}
.editTable .operate .operateList a{
	padding:5px 0 4px 24px;
}
.btnBox{
	margin-top:28px;
	background:url(../img/common/bg_border.png) left top;
	padding:13px 0;
}
.btnBox p{
	width:455px;
	margin:0 auto;
	overflow:hidden;
}
.btnBox.single p{
	text-align:center;
}
.btnBox.triple p{
	width:715px;
	text-align:center;
}
.btnBox.double p{
	width:655px;
	text-align:center;
}
.btnBox.single p button{
	margin:0 auto;
	float:none;
}
.btnBox.assign p{
	text-align:center;
}
button.entry{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:200px;
	height:42px;
	padding:0 33px;
	background:url(../img/common/ico_entry.png) 5px 46% no-repeat #eeb528;
	border:solid 3px #e0a000;
	float:left;
}
button.entry:hover{
	background-color:#e0a000;
}
button.clean{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:200px;
	height:42px;
	padding:0 34px;
	background:#76c3e7;
	float:left;
	margin-left:55px;
}
button.clean:hover{
	background-color:#4fa8d2;
}
button.agree{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:200px;
	height:42px;
	padding:0 34px;
	background:#eeb528;
	float:left;
	margin-left:55px;
}
button.agree:hover{
	background-color:#e0a000;
}
button.back{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:200px;
	height:42px;
	padding:0 34px;
	background:#1986b8;
	float:left;
	margin-left:55px;
}
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;
	width:290px;
	height:42px;
	border:#1886b7 solid 2px;
}
button.logout:hover{
	background:#f0f9ff;
}
.courseTopBtnBox{
	display:flex;
}

.modalContents .btnBox{
	margin-top:32px;
	padding-bottom:24px;
}
button.outputLong{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:300px;
	height:42px;
	padding:0 33px;
	background:url(../img/common/ico_output.png) 10px 46% no-repeat #2bb284;
	border:solid 3px #109366;
	float:left;
}
button.outputLong:hover{
	background-color:#109366;
}
button.cleanLong{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:300px;
	height:42px;
	padding:0 34px;
	background:#76c3e7;
	float:left;
	margin-left:55px;
}
button.cleanLong:hover{
	background-color:#4fa8d2;
}

/*コースカテゴリ設定*/
.courseEdit td{
	padding:3px 10px 1px 10px;
	color:#646464;
}
.courseEdit tr.select td label{
	display:inline-block;
	width:488px;
	color:#646464;
	margin:4px 0 0;
	font-size:95%;
}
.courseEdit tr.lang td input{
	margin:5px 0;
}

/*メール設定*/
.mailEdit label{
	margin-right:8px;
}
.mailEdit select{
	width:250px;
	margin-right:14px;
}
.mailEdit select.selectShort{
	width:75px;
	margin-right:14px;
}
.mailEdit select.selectLong{
	width:361px;
}
.mailEdit input.radioShort{
	padding-left:7px;
	width:13px;
}
.mailEdit input{
	padding-left:7px;
	width:93px;
}
.mailEdit input.textShort{
	width:53px;
	margin-right:5px;
}
.mailEdit input.textMiddle{
	width:443px;
}
.mailEdit input.textLong{
	width:638px;
}
.mailEdit tr.mailEditContents th{
	vertical-align:top;
}
.mailEdit tr.mailEditContents td{
	padding-top:8px;
	padding-bottom:6px;
}
.mailEdit tr.mailEditContents td button{
	color:#646464;
	float:left;
	width:90px;
	margin:0 3px 6px 0;
	font-size:85.7%;
	padding:2px 0 2px;
	line-height:1.2;
}
.mailEdit tr.mailEditContents td button.buttonLong{
	width:130px;
}
.mailEdit tr.mailEditContents td .notes{
	margin-top:8px;
	color:#646464;
}
.mailEdit .ui-multiselect{
	width:200px !important;
	margin-right:14px;
}

/*カリキュラム設定*/
.curriculumEdit label{
	margin-right:8px;
}
.curriculumEdit .conditionList{
	margin:3px 0 10px;
}
.curriculumEdit .conditionList li{
	line-height:1.6;
}
.longword{
	word-break: break-all;
}

/*ロール設定*/
.roleEdit select{
	width:361px;
}

/*お知らせ設定*/
.noticeEdit select{
	width:361px;
}
.noticeEdit select.selectLong{
	width:361px;
}
.noticeEdit input.textLong{
	width:638px;
}
.noticeEdit input.textMiddle{
	width:488px;
}
.noticeEdit input.fileClear{
	width:26px;
	height:25px;
	margin-left:9px;
	background:url(../img/common/btn_close.png) left top no-repeat;
	vertical-align:bottom;
}
.curriculumEdit input.fileClear{
	width:26px;
	height:25px;
	margin-left:9px;
	background:url(../img/common/btn_close.png) left top no-repeat;
	vertical-align:bottom;
}
.tenantEdit input.fileClear{
	width:26px;
	height:25px;
	margin-left:9px;
	background:url(../img/common/btn_close.png) left top no-repeat;
	vertical-align:bottom;
}
/*ユーザー設定*/
.usrEdit{
	margin-bottom:20px;
}
.usrEdit input.textLong{
	width:478px;
}
.usrEdit select{
	width:273px;
}
.usrEdit select.selectLong{
	width:361px;
}
.usrEdit textarea{
	max-width:478px;
	margin:5px 0;
	min-height:80px;
	resize:none;
}

/*お知らせ*/
.modal_information{
	overflow:hidden;
	padding:50px 50px 42px 49px;
	background:#fff;
}
.info_title{
	border-right:solid 1px #1986b8;
}
.info_title span{
	border-right: solid 1px #1986b8 !important;
}
.info_date{
	color:#235a9a !important;
}
.info_date span{
	background:#fd2525; color:#FFFFFF; padding:1px 5px; margin-right:5px; font-size:80%;
}
.info_date_title{
	width:145px;
}
.infoTable{
	width:640px;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	margin-left:auto;
	margin-right:auto;

}
.infoTable th{
	word-break:normal;
	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 th.number{
	width:5em;
}
.infoTable th.url{
	width:35em;
}
.infoTable th.operate{
	width:70px;
}
.infoTable th.operate span{
	border-right:solid 1px #1986b8;
}
.infoTable tr:hover td{
	background:#d3ffe9;
	cursor: pointer;
}
.attendanceCourseList tr:hover td{
	cursor: pointer;
}
.infoTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:3px 8px 0;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	height:2em;
	line-height:1;
}
.infoTable td.first{
	border-left:solid 1px #dadada;
	text-align:center;
	padding:0;
}
.infoTable td.last{
	padding:3px 4px 0 6px;
	cursor:pointer;
	vertical-align:top;
}
.close_modal{
	position:absolute;
	right:0px;
	margin-right:10px;
	margin-top:-40px;
}

/*お知らせ詳細*/
.info_syousai{
	border:1px solid #dadada;
	width:900px;
	margin-left: auto;
	margin-right: auto;
}
.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{
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	border-collapse: collapse;
	width:640px;
	margin-left:auto;
	margin-right:auto;
}
.user_report td{
	word-break:normal;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:8px 8px 8px 8px;
	border:solid 1px #dadada;
	line-height:1;
}
.user_report_left{
	width:180px !important;
	background:#1986b8;
	color:#FFFFFF !important;
	border:1px solid #FFF !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{
	border-left:1px solid #FFFFFF !important;
	border-right:1px solid #dadada !important;
}
.user_report_select .t_center{
	text-align:center;
}
.user_report_select td{
	background:#0058a2;
	border:none;
	color:#FFFFFF;
}
.user_report_select select{
	margin-right:5px;
	height:25px;
	line-height:25px;
}

/*ユーザー情報変更*/
.user_setting{
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	border-collapse: collapse;
	width:600px;
}
.user_setting td{
	word-break:normal;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:8px 8px 8px 8px;
	border:solid 1px #dadada;
	line-height:1;
}
.user_setting_left{
	width:200px !important;
	background:#1986b8;
	color:#FFFFFF !important;
	border:1px solid #FFF !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;
}

/*テスト条件・テストジャンル編集*/
.test_pre 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_search_02.png) 7px 46% no-repeat #eeb528;
	border:solid 3px #e0a000;
	margin:8px 11px 6px 0;
}
.test_pre a:hover{
	background-color:#e0a000;
}
.test_pre a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:214px;
	height:36px;
}
.dot_text {
    position: relative;
    text-align: left;
}
.dot_text:before {
    border-top: 1px dotted #dadada;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.dot_text span {
	color:#646464;
    background-color: white;
    display: inline-block;
	padding-right:10px;
	position: relative;
	font-size:130%;
	font-weight:bold;
}
.test_table label{
	margin-right:5px !important;
}
.test_table input.textShort{
	width:37px;
}
.tit_gouhi{
	background:#76c3e7;
	color:#FFFFFF;
	font-weight:bold;
}
.table_edit{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.test_table .courseCategoryCode{
	vertical-align:top;
	padding:3px 5px 4px 5px;
}
.table_glay{
	background: url(../img/common/bg_border.png) left top;
}
.test_table .lang{
	border-left:none;
	padding:0;
	background:url(../img/common/ico_lang.png) 8px 47% no-repeat #eeb528;
	width:149px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
}
.test_table .lang:hover{
	background-color:#e0a000;
}
.test_table .lang a span{
	display:table-cell;
	vertical-align:middle;
	font-size:92.8%;
	color:#fff;
	line-height:1.1;
	text-align:center;
	width:149px;
	padding:1px 12px 0 23px;
	height:30px;
}
.action{
	text-align:center;
	color:#fff;
	font-size:108.3%;
	line-height:1.1;
	width:180px;
	height:32px;
	padding:0 5px;
	background:#2bb284;
}
.action:hover{
	background-color:#15986b;
}
.borderBox{
	background:url(../img/common/bg_border.png) left top;
	padding:13px 15px;
	overflow:hidden;
	font-size: 116.6%;
}
.borderBox p{
	margin:0 auto;
	overflow:hidden;
}
.box_left{
	float:left;
}
.box_right{
	float:right;
}
.genre_area{
	background:#1986b8;
	margin-top:2px;
	margin-bottom:2px;
	overflow:hidden;
	color:#FFFFFF;
	padding: 0 15px;
	border-bottom: 1px #dadada solid;
	border-top: 1px #dadada solid;
}
.tit_genre_area{
	float:left;
	font-size: 116.6%;
	margin-top:16px;
}
.genre_area .new{
	margin-right:-10px;
}
.genreTable{
	width:900px;
	border-collapse:separate;
	border-spacing:0;
	border-top:solid 1px #dadada;
	margin-top: -1px;
}
.genreTable tr:hover td{
	background:#d3ffe9;
}
.genreTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.35;
	padding:0;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	height:2em;
	line-height:1;
}
.genreTable td.first{
	border-left:solid 1px #dadada;
	text-align:center;
	padding:0;
}

.genreTable td.not_genre_cont{
	text-align:center;
}
.genreTable td.genre_cont{
	word-break:break-all;
}
.genreTable td.genre_cont td{
	border:1px solid #000;
}

.genreTable td.genre_cont input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}
.genreTable td.genre_cont textarea{
	border:solid 1px #dadada;
	width: auto;
}
.genreTable td.genre_cont table td{
	padding:0px;
	margin:0px;
}

.genreTablecont td.genre_explain_cont input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}
.genreTablecont td.genre_explain_cont textarea{
	border:solid 1px #dadada;
	width: auto;
}
.genreTablecont td.genre_explain_cont table td{
	margin:0px;
	line-height:1.35;
}

.genre_cont{
	text-align:left !important;
	padding:0 10px !important;
}
.operate ul li{
	text-align:left !important;
}
.genreTablecont{
	width:900px;
	margin-top: -1px;
	table-layout:fixed;
}
.genreTablecont th{
	text-align:center;
	background:#f5f5f5;
	width:195px;
	border:1px solid #dadada;
	font-size:120%;
	font-weight:bold;
	vertical-align:top;
	padding-top:3px;
}
.genreTablecont td{
	border:1px solid #dadada;
	padding:5px 10px;
	font-size: 116.6%;
	word-wrap:break-word;
}
.setsumon_area{
	background:#969696;
	margin-top:2px;
	margin-bottom:2px;
	overflow:hidden;
	color:#FFFFFF;
	padding: 0 15px;
	border-bottom: 1px #dadada solid;
	border-top: 1px #dadada solid;
	width:830px;
	margin-right:auto;
	margin-left:auto;
}
.tit_genre_area{
	float:left;
	font-size: 116.6%;
	margin-top:16px;
}
.setsumon_area .new{
	margin-right:-10px;
}
.setsumonTable{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	border-collapse:separate;
	border-spacing:0;
	border-top:solid 1px #dadada;
	margin-top: -1px;
}
.setsumonTable tr:hover td{
	background:#d3ffe9;
}

.setsumonTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.35;
	padding:0;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	height:2em;
}

.setsumonTable td.not_genre_cont{
	text-align:center;
}
.setsumonTable td.genre_cont{
	word-break:break-all;
}
.setsumonTable td.genre_cont td{
	border:1px solid #000;
}

.setsumonTable td.genre_cont input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}
.setsumonTable td.genre_cont textarea{
	border:solid 1px #dadada;
	width: auto;
}

.setsumonTablecont .border_b td{
	border:1px solid #000;
	padding:0px;
	line-height:1.35;
}

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

.setsumonTablecont .border_b textarea{
	border:solid 1px #dadada;
	width: auto;
}
.setsumonTable td.first{
	border-left:solid 1px #dadada;
	text-align:center;
	padding:0;
}
.setsumonTable td.last img,
.genreTable td.last img{
	cursor:pointer;
	vertical-align:top;
}
.setsumonTablecont{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	margin-top: -1px;
	table-layout:fixed;
}
.setsumonTablecont th{
	text-align:center;
	background:#f5f5f5;
	width:195px;
	border:1px solid #dadada;
	font-size:120%;
	font-weight:bold;
	vertical-align:top;
	padding-top:3px;
}
.setsumonTablecont td{
	border:1px solid #dadada;
	padding:5px 10px;
	font-size: 116.6%;
	word-wrap:break-word;
}
.setsumon_border{
	border:1px solid #dadada; margin-top:-1px; padding:15px 0;
}
.test_top{
	color: #fff;
	font-size: 133.3%;
	font-weight: bold;
	line-height: 1.1;
	width: 200px;
	height: 42px;
	padding: 0 34px;
	background:#1986b8;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
.test_top:hover{
	background-color:#006897;
}
.btn_under_text{
	color: #e04343;
	line-height: 1.1;
	padding-top:5px;
}
.answer_list li{
	padding-left:19px;
	line-height:1.45;
}
.answer_list li.answer{
	background:url(../img/common/ico_answer.png) left center no-repeat;
}

/*カリキュラム一覧*/
.curriculumTable{
	width:900px;
	border-collapse:separate;
	border-spacing:0;
}
.curriculumTable tr:hover td{
	background:#d3ffe9;
}
.curriculumTable th{
	color:#fff;
	font-size:116.6%;
	font-weight:bold;
	line-height:1.5;
	padding:4px 12px 3px;
	background:#1986b8;
}
.curriculumTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	height:2em;
	line-height:1;
	padding:3px 8px 0;
}
.curriculumTable td.first{
	width:40px;
	border-left:solid 1px #dadada;
	text-align:center;
}
.curriculumTable td.last{
	padding:3px 5px 0 6px;
	cursor:pointer;
	vertical-align:text-top;
}
.curriculumTable td.down,
.curriculumTable td.up{
	text-align:center;
	vertical-align:middle;
	padding:0 3px;
}
.curriculumTable td.curriculumType{
	width:180px;
	padding-right:5px;
	padding-left:5px;
	word-break:keep-all;
}
.curriculumTable td.curriculumName{
	width:680px;
	padding-right:5px;
	padding-left:5px;
}
.curriculumTable .notes{
	font-size:85.7%;
	color:#e04343;
}
.curriculumTable .operateList ul{
	right:0;
}

/*テスト設問編集*/
.selectTable{
	width:640px;
	border-spacing:0;
	border-collapse : collapse;
}
.selectTable tr:hover td{
	background:#d3ffe9;
}
.selectTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:0;
	text-align:center;
	border:solid 1px #dadada;
	height:2.3em;
	line-height:1;
}
.selectTable_form{
	padding-left:7px;
	width:85%;
}
.tsuika{
	width:149px;
	padding:0;
	background:url(../img/common/ico_lang.png) 8px 47% no-repeat #eeb528;
	vertical-align:middle;
	font-size:92.8%;
	color:#fff;
	line-height:1.1;
	text-align:center;
	padding:1px 12px 0 23px;
	height:30px;
	margin:10px auto;
	display:block;
}
.tsuika:hover{
	background-color:#e0a000;
}

/*テスト一括登録*/
.modalContentsTxt{
	color:#0058a2;
	font-size:140%;
	margin:0 0 5px 30px;
}
.impFile{
	vertical-align:middle;
	width:290px;
}
.btn_format_area{
	border-left:none !important;
	width:220px;
}
.btn_format{
	background:#76c3e7;
	width:220px;
	float:right;
}
.btn_format a{
	color:#FFFFFF;
	display:block;
	width:220px;
	font-size:90%;
	line-height: 270%;
	background:url(../img/common/ico_format.png) left no-repeat;
	margin-left:5px;
	padding:0 0 0 20px;
	height:33px;
}
.btn_format:hover{
	background:#3a97c2;
}
.error_text{
	color:#f33232;
}
.error_text a{
	color:#f33232;
	text-decoration:underline;
}
.error_text a:hover{
	text-decoration:none;
}

/*csv関連ページ*/
.csv_cont{
	width:960px;
	margin:0 auto;
	padding:40px 0;
}
.csv_cont .modalContentsTit{
	text-align:center !important;
	margin:0 !important;
}
.csv_btn_area{
	background:url(../img/common/bg_csv_btn.gif) repeat;
	margin-top:20px;
	padding:10px 0;
}
.btn_csv{
	background:#2bb284;
	width:250px;
	padding:7px 20px;
	margin:0 auto;
}
.btn_csv:hover{
	background:#109366;
}
.btn_csv a{
	color:#FFFFFF;
	background:url(../img/common/ico_csv_btn.png) no-repeat left;
	display:block;
	font-weight:bold;
	text-align:center;
	font-size:133.3%;
}
.csv_table{
	width:960px;
	font-size:120%;
	table-layout:fixed;
	word-wrap:break-word;
}
.csv_table th{
	background:#1986b8;
	border-left:1px solid #FFF;
	color:#FFFFFF;
	text-align:center;
	padding:3px 0;
}
.csv_table th:first-child{
	border-left:none !important;
}
.csv_table td{
	background:#FFF;
	border:1px solid #dadada;
	padding:5px;
}
.csv_sumple{
	margin-top:20px;
	font-size:120%;
}
.btn_csv_close{
	background:#1986b8;
	width:200px;
	margin:30px auto 0 auto;
}
.btn_csv_close:hover{
	background:#0058a2;
}
.btn_csv_close a{
	color:#FFFFFF;
	display:block;
	padding:7px 20px;
	font-weight:bold;
	text-align:center;
	font-size:133.3%;
}
.csv_error_log{
	width:918px;
	max-width:918px;
	height:300px;
	border:1px solid #dadada;
	padding:20px;
	font-size:120%;
	color: #585858;
}
.csv_error_log_tit{
	margin-top:20px;
	background:#1986b8;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}

/*コースアサイン*/
.select_user_area{
	width:898px;
	margin:0 auto 10px auto;
	background:#e9f5ff;
	color:#0058a2;
	border:1px solid #3686c9;
	text-align:center;
	padding:5px 0;
}
.select_user_area p{
	font-size:140%;
}
.select_user_area p span{
	font-size:180%;
	font-weight:bold;
	margin-right:5px;
}
.jukou_kikan{
	overflow:hidden;
	padding: 5px 10px 5px 10px !important;
}
.jukou_kikan p{
	float:left;
	line-height: 140%;
}
.jukou_kikan p span{
	font-size:85%;
	color:#0058a2;
}
.jukou_kikan .datepicker{
	width:148px;
}
.jukou_kikan_space{
	margin:10px 10px 0 10px;
}

/*自由記述一覧*/
.csv_error_log_900{
	width: 858px;
	height:300px;
	border:1px solid #dadada;
	padding:20px;
	font-size:120%;
	color: #585858;
}
.csv_btn_area_900{
	width:900px;
	background:url(../img/common/bg_csv_btn.gif) repeat;
	margin-top:20px;
	padding:10px 0;
	margin-left:auto;
	margin-right:auto;
}

/*コースアサイン一括登録*/
button.clear_entry{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:200px;
	height:42px;
	padding:0 34px;
	background:url(../img/common/ico_entry.png) 5px 46% no-repeat #76c3e7;
	float:left;
	margin-left:55px;
}
button.clear_entry:hover{
	background-color:#4fa8d2;
}

/*ユーザー一括登録*/
button.new{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:200px;
	height:42px;
	padding:0 35px;
	background:url(../img/common/ico_new.png) 5px 46% no-repeat #eeb528;
	border:solid 3px #e0a000;
}
button.new:hover{
	background-color:#e0a000;
}

/*エラー表現（背景色変更）*/
td.error{
	background:#ffe7e7;
}

/*エラー表現（文字色指定）※WYSIWYGのエディタ上は除く*/
td.error p:not(.note-editable *){
	color:#f33232;
	line-height:1;
}

/*アンケート条件*/
.setsumon_tsuika{
	width:900px;
	text-align:center;
	border:1px solid #dadada;
	margin-top:-1px;
}
.setsumon_tsuika .new a{
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
	margin-top:10px !important;
	margin-bottom:10px !important;
}

/*コース進捗*/
.progress_table{
	width:900px;
	font-size: 116.6%;
	line-height: 1.25;
	word-break:break-all;
}
.progress_table_blue tr{
	background:#e9f5ff !important;
	border:2px solid #3686c9 !important;
}
.progress_table th{
	width:230px;
	background:#1986b8;
	color:#FFFFFF;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
.progress_table tr{
	border:1px solid #dadada;
}
.progress_table td{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.progress_table td p.contents_name{
	word-wrap:break-word;
	width: 420px;
}
.progress_table td p.btn_analysis{
	width: 170px;
}

.btn_analysis{
	width:150px;
	margin-left:auto;
	margin-right:auto;
}
.btn_analysis a{
	display:block;
	background:#2bb284;
	color:#FFFFFF;
	text-align:center;
	width:150px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight:bold;
}
.btn_analysis a:hover{
	background:#109366;
}
button.print{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:200px;
	height:42px;
	padding:0 34px;
	background:url(../img/common/ico_print.png) 5px 46% no-repeat #eeb528;
	border:solid 3px #e0a000;
	float:left;
}
button.print:hover{
	background-color:#e0a000;
}

/* グラフ関連 */
.thermometer300{
	max-width:300px;
	min-width:300px;
}
.thermometer_fit{
	display: block;
	margin: 0 20px;
	width: calc(100% - 40px);
}
.thermometer400{
	max-width:400px;
	min-width:400px;
	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;
}

/**/
.subtit{
	width: 894px;
	font-size: 133.3%;
	color: #0058a2;
	background: #e9f5ff;
	padding: 5px 12px 4px 12px;
	border: solid 1px #3686c9;
	margin: 0 auto 9px;
}
.tit_examination{
	overflow:hidden;
	margin-top:30px;
}
.tit_examination p{
	font-size:140%;
	float:left;
}
.tit_examination select{
	float:left;
	margin-top:5px;
	margin-left:10px;
	width:150px;
}
.examination_top{
	background:#1986b8;
	color:#FFFFFF;
}
.examination_top p{
	padding:15px 15px;
	font-size:120%;
}
.necessary{
	background:#e04343;
	color:#FFFFFF;
	padding:3px 18px;
	border:#FFFFFF 1px solid;
	margin-right:10px;
	font-weight: bold;
}
.optional{
	background:#FFFFFF;
	color:#e04343;
	padding:3px 18px;
	border:#FFFFFF 1px solid;
	margin-right:10px;
	font-weight: bold;
}
.examination_middle{
	border:1px solid #dadada;
	padding-bottom:15px;
	padding-top:15px;
}
.examination_bottom{
	border:1px solid #dadada;
	padding-bottom:15px;
}
.graph_area{
	overflow:hidden;
}
.examination_list{
	margin-left:5px;
	margin-top: 10px;
	float:left;
	width: 380px;
	word-break:break-all;
}

.examination_list li{
	width:400px;
	color:#3f83f7;
	font-size:120%;
	margin-bottom: 5.7px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

.correct_flg_area {
	font-size:16px;
	width:16px;
	vertical-align:middle;
	display:inline-block;
	margin:auto 0;
	height:24px;
}

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

.answer_textarea {
	min-height : 5em;
	resize : none;
	padding: 0px 20px;
	width : 95% !important;
	border : none !important;
}
.examination_graph_lengthwise{
	color:#0058a2;
	float:right;
	margin-top: 13px;
	margin-right:10px;
	text-align:right;
}
.examination_graph_lengthwise li{
	margin-bottom: 10px;
}

.examination_graph{
	float:right;
	width:400px;
	border:1px solid #dadada;
	background:url(../img/common/bg_graph.png) center top repeat-y;
	margin-right:20px;
}
.examination_graph_sideways{
	overflow:hidden;
}
.examination_graph_sideways ul{
	overflow:hidden;
	float:right;
	margin-right: 30px;
	clear:right;
}
.examination_graph_sideways ul li{
	float:left;
	margin-right: 25px;
	color:#0058a2;
}
.examination_graph_sideways p{
	float:right;
	margin-right:20px;
}
.output_yellow a{
	border:none;
	margin:3px 0 0 0;
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	padding:0 35px 0 35px;
}
.output_yellow a{
	background:url(../img/common/ico_output.png) 10px 46% no-repeat #eeb528;
}
.output_yellow a:hover{
	background-color:#e0a000;
}
.output_yellow a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:220px;
	height:42px;
}
.btn_display_area{
	border-top:#dadada 1px solid;
	text-align:center;
	padding-top:15px;
}
.btn_display_area button{
	background:#2bb284;
	color:#FFFFFF;
	text-align:center;
	border:none;
	width: 200px;
	height: 42px;
	padding: 0 34px;
	font-size: 133.3%;
	font-weight: bold;
	line-height: 1.1;
}
.btn_display_area button:hover{
	background-color:#109366;
}

/*テスト（全問表示）*/
.usr_head{
	padding-bottom:2px;
	border-bottom:1px #dadada solid;
}
.usr_head_in{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:5px 0;
}
.usr_head_in img,
.usr_head_in p,
.usr_head_in h1{
	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;
	padding-top: 5px;
	line-height:100%;
	margin-left:5px;
	word-wrap:break-word;
	width:670px;
}
.usr_head .usr_head_in .reserve{
	float:right;
}
.reserve{
	background:url(../img/common/ico_reserve.png) 10px 46% no-repeat #76c3e7;
	text-align:left;
	width:100px;
	color:#FFFFFF;
	font-size:116.6%;
	padding:2px 0 0 25px;
	border:none;
	margin-left:10px;
}
.reserve:hover{
	background-color:#4fa8d2;
}
.time_area{
	background:#FFF;
	padding:3px 15px 1px 15px;
	border:solid 1px #dadada;
	color:#646464 !important;
	font-size:120%;
	font-weight:bold;
	float:right !important;
}
.finish_time_area{
	background:#FFF;
	padding:3px 15px 1px 15px;
	border:solid 1px #dadada;
	color:#646464 !important;
	font-size:120%;
	font-weight:bold;
	float:right !important;
}
.usr_head_bottom_text{
	margin-top: 2px;
	font-size:120%;
}
.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:960px;
	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:920px;
	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:920px;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_text_area textarea{
	max-width:920px;
}
.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;
}

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 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_img{
	text-align:center;
	margin-top:15px;
}
.usr_cont_text_list{
	width:880px !important;
	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;
}

.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;
}

button.kaitou{
	color:#fff;
	font-size:133.3%;
	font-weight:bold;
	line-height:1.1;
	width:290px;
	height:42px;
	padding:0 34px;
	background:#eeb528;
	border:solid 3px #e0a000;
}
button.kaitou:hover{
	background-color:#e0a000;
}
.usr_btn_area{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.usr_btn_area .back{
	width:290px;
}
.usr_pagerArea{
	width:928px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background:url(../img/common/bg_pager-area.png) left bottom repeat-x #FFF;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	border-left:solid 1px #dadada;
	border-top:solid 1px #dadada;
	padding:10px 15px 7px;
}
.usr_pagerArea ul{
	float:left;
	overflow:hidden;
	margin-left:305px;
}
.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{
	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:920px;
	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:920px;
	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:920px;
	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:920px;
	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%;
}

/*コーストップ*/
h1.usr_head_tit{
	display:inline-block;
	font-size:233.3%;
	font-weight:bold;
	color:#0058a2;
	line-height:1.25;
	margin:17px 0 10px;
}
.usr_head_in .attendanceStatus{
	float:right;
	background:#ed3d3d;
	color:#FFFFFF;
	border:none;
	padding:0 3px;
	margin-top:21px;
}
.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;
}
.usr_cont_area{
	background:#FFFFFF;
	border:1px #dadada solid;
	margin-top:10px;
	padding:18px 18px 19px 19px;
	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{
	width:613px;
	float:left;
}
.usr_cont_area_txt .attendanceStatus-red,
.usr_cont_area_txt .attendanceStatus-blue,
.usr_cont_area_txt .attendanceStatus-navy{
	float:left;
	padding:0 3px;
	margin:0 12px 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:1px;
	word-wrap:break-word;
}
.usr_cont_area_btn{
	float:right;
	width:200px;
	line-height:80px;
	height:80px;
	vertical-align:middle;
}
.usr_cont_area_btn_in{
	display:inline-block;
	line-height:37px;
}
.usr_cont_area_btn p{
	margin-top:6px;
}
.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;
	padding:0 5px;
	border:solid 3px #e0a000;
	overflow:hidden;
	height:31px;
}
.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{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:190px;
	height:31px;
}
.usrcontInformationTop{
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
.usrcontInformationTop p.shareResult{
	float:left;
	margin:0px 0px 5px 0px;
}
.fail_box{
	width:916px;
	margin-left:auto;
	margin-right:auto;
	background:#ffe7e7;
	color:#ed3d3d;
	font-weight:bold;
	font-size:167%;
	padding:15px 0;
	margin-bottom:20px;
	border:2px solid #ed3d3d;
}
.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:920px !important;
}
.correct_answers_box tr th{
	border:1px solid #dadada;
	background:#0058a2;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 5px 3px 5px;
	overflow:hidden;
}
.correct_answers_box tr td{
	border:1px solid #dadada;
	padding:5px 5px 3px 5px;
	text-align:center;
	color:#646464;
	font-weight:bold;
}
.correct_answers_box p{
	width:auto !important;
	float:left;
}
.correct_answers_box .thermometer{
	float:left;
}
.score_area{
	width:555px;
}
.usr_cont_border_box{
	border:1px solid #dadada;
	width:898px !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: 920px !important;
}
.glay_box{
	background:url(../img/common/bg_border.png) left top;
	padding:13px 0;
	width:960px;
	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;
}
.display a{
	display:block;
	width:122px;
	color:#FFFFFF;
	text-align:center;
	font-size:116.6%;
	line-height:1.2;
	padding:5px 6px 2px 22px;
}
.display:hover{
	background-color:#4fa8d2;
}
.usr_head .usr_head_in .display{
	float:right;
}

/*アンケート完了*/
.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;
}

/*eラーニング*/
.usr_head_btn_right{
	position: absolute;
	right: 11px;
	top: 11px;
}
.usr_head button.print{
	float:right;
	width:110px;
	height:23px;
	padding:0 3px;
	font-size:116.6%;
	font-weight:normal;
	background-image:none;
}
.usr_head button.end{
	float:right;
	margin-left:10px;
	width:110px;
	height:23px;
	color:#fff;
	font-size:116.6%;
	background:#76c3e7;
	border:none;
}
.usr_head button.end:hover{
	background:#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;
}

/*修了証*/
.diploma{
	background:none;
}
.diploma .wrap{
	padding-bottom:0;
}
.usr_cont_diploma_area{
	width:608px;
	height:700px;
	border:solid 1px #dadada;
	background:#fff;
	padding:15px;
	margin:0 auto;
}
.diploma .btnBox{
	background:none;
	text-align:center;
	margin-top:7px;
}
.diploma .btnBox p{
	width:420px;
}
.diploma .btnBox .back{
	margin-left:20px;
}

/*アンケート（全問表示）*/
.usr_necessary{
	background:#e04343;
	color:#FFFFFF;
	border:1px solid #FFF;
	padding:2px 20px 1px 20px;
	font-size:85%;
}
.usr_optional{
	background:#FFFFFF;
	color:#e04343;
	border:1px solid #FFF;
	padding:2px 20px 1px 20px;
	font-size:85%;
}
.usr_cont_min{
	width:920px;
	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:880px;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_text_area_min textarea{
	max-width:880px;
}

.usr_cont_text_area_grandson input[type="text"]{
	border:solid 1px #dadada;
	width: 100%;
}
.usr_cont_grandson{
	width:870px;
	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:840px;
	margin-left:auto;
	margin-right:auto;
}
.usr_cont_text_area_grandson textarea{
	max-width:840px;
}

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

/*ユーザー登録CSVフォーマット*/
.width2560{
	width:2560px !important;
	word-break:normal;
	word-wrap:anywhere;
}

/*ユーザーコンテンツ進捗確認*/
.modalContents .usr_head{
	margin-bottom:7px;
}
.modalContents .usr_head .modalContentsTit{
	margin-left:0;
}
.modalContents .usr_head .modalContentsSubTit{
	margin:-3px auto 5px;
}
.modalContents .usr_head_in{
	width:900px;
}
.modalContents .usr_cont{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.modalContents .usr_head_in .attendanceStatus{
	float:left;
	margin:0 0 0 13px;
}
.modalContents .usr_cont .dot_text span{
	background:#fff;
}
.modalContents .usr_cont_area_txt{
	width:553px;
	float:left;
}
/*ユーザー属性テーブル ユーザー属性設定*/
.propertyTable{
	width:900px;
	border-collapse:separate;
	border-spacing:0;
}
.propertyTable th{
	word-break:break-all;
	background:#1986b8;
	padding:1px 0;
}
.propertyTable th.operate{
	width:70px;
}
.propertyTable th span{
	width:auto;
	display:block;
	color:#fff;
	font-size:116.6%;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	padding:4px 2px 1px;
	background:#1986b8;
	border-right:solid 1px #dadada;
	border-left:solid 1px #1986b8;
}
.propertyTable th.operate span{
	border-right:solid 1px #1986b8;
}
.propertyTable td.courseCord{
	width:3em;
}
.propertyTable td.operate{
	width:59px;
}
.propertyTable tr:hover td{
	background:#d3ffe9;
}
.propertyTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	padding:3px 8px 0;
	border-right:solid 1px #dadada;
	border-top:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	height:2em;
	line-height:1;
}
.propertyTable td.first{
	border-left:solid 1px #dadada;
	text-align:center;
	padding:0;
}
.propertyTable td.last{
	padding:3px 4px 0 6px;
	cursor:pointer;
	vertical-align:top;
}
.propertyTable .operateList{
	position:absolute !important;
}
.propertyTable .operateList ul{
	right:-58px !important;
}
.propertyTable .imgChange,
.propertyTable .imgChange_on,
.propertyTable .imgChange_off{
	margin-top:-2px;
}
.propertyTable_cont{
	width:816px;
	margin-left:84px;
	margin-top:-1px;
}
.propertyTable_cont tr td{
	border:solid 1px #dadada;
	word-break: break-all;
	font-size: 116.6%;
	color: #646464;
	line-height: 1.15;
	padding: 3px 8px 0;
	height: 2em;
	line-height: 1;
}
.editTable .selectTable tr td{
	height: 2.1em;
	font-size: 100%;
}

.editTable input.fileClear{
	width:26px;
	height:25px;
	margin-left:9px;
	background:url(../img/common/btn_close.png) left top no-repeat;
	vertical-align:bottom;
}


/*eラーニング目次*/
#elearningToc{
	background:#fff;
}
.elearning_area{
	width:900px;
	border:#dadada 1px solid;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.elearning_area ul li{
	border-bottom:1px dotted #dadada;
	color:#1986b8;
	font-size:116.6%;
	padding-top:10px;
}
.elearning_area ul li.last{
	border-bottom:none;
}
.elearning_area ul li ul li{
	border-bottom:none !important;
	border-top:1px dotted #dadada;
	font-size:100%;
	padding-left:900px;
	margin-left:-870px;
}
.elearning_area ul li ul li.last{
	margin-bottom:0;
}
.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:890px;
}

.transcode_status{
	width:200px;
	float:right;
	text-align:center;
	color:#fff;
}

.curriculumEdit .success{
	background:#1986b8;
}
.curriculumEdit .failure{
	background:#ed3d3d;
}

.attending{
	font-size:133%;
	color:red;
}

#glayLayer{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:black;
    opacity: 0.60;
    filter:alpha(opacity=60);
}
#overLayer{
    position:fixed;
    top:0;
    left:0;
    height:180px;
    width:500px;
    background:white;
}
#overLayerDiv{
	height:100%;
	vertical-align: middle;
}
#overLayerTable{
	/* height:100%; */
	margin-left:auto;
	margin-right:auto;
}

.preview_title{
	width:800px !important;
	word-break:break-all;
}
/*rev17add*/
.information_b{
	width:706px;
	background:url(../img/public/bg_information_b.png) left top no-repeat;
	padding-top:7px;
	margin:24px auto 0;
}
.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;
}

/* courseassign_all */
.btnBox p.assign_all {
	width:575px
}

p.assign_all button{
	width:260px
}
/* ----------------- 2020年1月納品ここから ----------------- */
/* 05_APL-03-00001_文字リンク(パスワード再設定) */
.forgotPass a{
  display: inline-block;
  margin: 2px 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;
}
.forgotPass a:hover{
  background: #f0f9ff;
}
.loginArea dl.loginMb{
  margin-bottom: 31px;
}


/* 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: 19px;
}
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{
  display: flex;
  flex-wrap: wrap;
}
.usr_cont_text_area_choice ul li{
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
}
.usr_cont_text_area_choice ul.col4 li{
  width: calc(100% / 4 - 12px);
}
.usr_cont_text_area_choice ul.col3 li{
  width: calc(100% / 3 - 12px);
}
.usr_cont_text_area_choice ul.col2 li{
  width: calc(100% / 2 - 12px);
}
.usr_cont_text_area_choice ul.col1 li{
  width: 100%;
}
.usr_cont_text_area_choice ul.col4 li:nth-child(n4),
.usr_cont_text_area_choice ul.col4 li:nth-child(n3),
.usr_cont_text_area_choice ul.col4 li:nth-child(n2),
.usr_cont_text_area_choice ul.col4 li:nth-child(n1){
  margin-right: 0;
}
.usr_cont_text_area_choice ul li label{
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding: 12px 10px;
  border: 1px solid #ccc;
}
.usr_cont_text_area_choice ul li label:hover{
  background: #f0f9ff;
}
.usr_cont_text_area_choice ul li label.is-active{
  background: #DDF1FD;
}
.usr_cont_text_area_choice ul li label input{
  margin-right: 6px;
  margin-top: 5px;
}


/* 08_APL-03-04001_申込画面の切り替え追加 */
.courseTitArea{
  width:100%;
  border-bottom:4px solid #0058a2;
	overflow:hidden;
}
.courseTitTab{
  display: flex;
  align-items: center;
  padding:4px 0 0 30px;
}
.courseTitTab li{
  width: 240px;
  background: #999999;
  margin-right: 4px;
}
.courseTitTab h1,
.courseTitTab a{
  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: 36px;
}


/* 09_APL-03-04012_コース申込一覧 */
.resultTable th.courseInformation_short{
	width:540px;
}
.resultTable th.entry span{
	border-right:solid 1px #1986b8;
}
.resultTable th.attendanceTerm{
  border-right: solid 1px #dadada;
}
.resultTable th.entry span{
	border-right:solid 1px #1986b8;
}
button.resultCancel,
button.resultEntry{
	width:139px;
  padding:0;
  background-color:#F7CA46;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
	color:#fff;
	line-height:1.1;
	text-align:center;
	height:30px;
	margin:10px auto;
  display:block;
  border: none;
}
button.resultEntry{
	background-color:#3E85B5;
}


/* 10_APL-03-04011_コース申込 */
.course .contentsTitArea{
  padding: 0;
}
.course .contentsTit{
  border-left: none;
	font-size:183.3%;
	font-weight:bold;
	color:#0058a2;
	line-height:1;
	padding:20px 0 14px;
  margin:0;
  float: none;
}
.courseArea{
  width: 900px;
  margin: 0 auto 31px;
}
.courseTable{
  width: 900px;
}
.courseTable th{
  border: 1px solid #DEDEDE;
  width: 222px;
  background: #1A85B8;
  font-size: 116.6%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding:8px 8px 8px 8px;
  vertical-align:top;
}
.courseTable td{
  word-break:break-all;
  border: 1px solid #DEDEDE;
  font-size: 116.6%;
  line-height: 1.1;
  padding:8px 8px 8px 8px;
}
.courseBtnBox{
  margin: 28px auto 0;
  padding: 13px 0;
  height: 42px;
}
.courseBtnBox p{
  width: 455px;
  margin: 0 auto;
  overflow: hidden;
}
.contentsTitAnnotation{
  font-size: 12px;
  font-weight: bold;
  color: #E2605E;
  margin-bottom: 20px;
}
button.back{
  border: none;
}
.course .courseBtnBox button.entry,
.course .courseBtnBox button.back{
  float: none;
    margin: 0 8px;
}


/* 11_APL-03-02701_レポート一覧 */
.date_long .datepicker{
  width:107px;
  margin-right: 2px;
}
.date_long .datepicker:last-child{
  margin-left: 2px;
  margin-right: 0;
}
.borderArea .date_long dt,
.borderArea .status dt{
	font-weight:bold;
	line-height:1.6;
	background:none;
	padding-left:0;
}
.entryList dt{
  padding: 0 8px;
}
.entryList th span{
  box-sizing: border-box;
  padding: 4px 0 1px;
}
.entryList th.loginId{
  width:191px;
}
.entryList th.affiliation{
  width:178px;
}
.entryList th.courseCategory{
  width: 220px;
}
.entryList th.status{
  width: 122px;
}
.entryList th.entryDate{
  width: 119px;
}
.entryList th.operate{
  width: 70px;
}
.entryList td.loginId{
	border-left:solid 1px #dadada;
	text-align:left;
	padding:3px 8px 0;
}
/* 表示・非表示ボタン */
.switchTrigger{
  cursor: pointer;
  width: 100%;
  height: 20px;
  background: #888888;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.switchTrigger span{
  background: url(../img/common/ico_arrowtop.png) 100% no-repeat;
  display: inline-block;
  width: 12px;
  height: 8px;
  vertical-align: middle;
  margin-right: 7px;
}
.switchTrigger.is-hide span{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hide-wrapper {
  display: block;
  width: 600px;
  height: auto;
}

/* 12_APL-03-02701_レポート一覧 */
.borderArea dd input.textMiddle{
	width:313px;
	margin-right:3px;
}
.borderArea dl.submissionDate dd input{
	width:106px;
}
.resultTable.reportList{
  table-layout: fixed;
}
.reportList th span{
  box-sizing: border-box;
  padding: 4px 0 1px;
}
.reportList th.username{
  width: 240px;
}
.reportList th.numberSubmissions{
  width: 68px;
}
.reportList th.submissionStatus{
  width: 180px;
}
.reportList th.newSubmissions{
  width: 100px;
}
.reportList th.lastCorrection{
  width: 240px;
}
.reportList th.operate{
  width: 72px;
}
.reportList td{
  padding: 6px;
  word-break: keep-all;
}
.reportList td.first{
  border-left: solid 1px #dadada;
  text-align: left;
  padding: 8px;
}
.reportList td.last {
  vertical-align: middle;
}
.reportList td.count{
  text-align: center;
}
.reportList td.username{
  max-width: 240px;
  word-break: break-all;
}
.reportList td.lastCorrection{
  max-width: 240px;
  word-break:normal;
}
.borderArea button.outputCenter{
  margin: 30px auto 0;
  display: block;
}
.operateBtn span{
  width: 62px;
  height: 25px;
  background: #19b891;
  border: 1px solid #0fa37e;
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  box-sizing: border-box;
}
.operateBtn:hover > span{
  background: #00805a;
}
.custom_select .closeTrigger {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  background: #eeeeee;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  cursor: pointer;
}

.custom_select .ui-multiselect-menu {
  padding: 0;
}
.custom_select .ui-multiselect-checkboxes li {
  padding-left: 3px;
  padding-right: 3px;
}

.custom_select .ui-multiselect-checkboxes li.closeTrigger {
  padding: 3px 0;
}
.custom_select .ui-widget-header {

}
.custom_select .ui-widget-header .ui-multiselect-all {
  background: #408cfd;
  color: #fff;
  text-align: center;
  width: 78px;
  padding: 4px 0;
}

.custom_select  .ui-widget-header .ui-multiselect-all .ui-icon {
    background-image: url(../js/jquery.multiselect-master/images/ui-icons_white_check.png);
    background-position: 0 center;
    position: relative;
    left: 10px;
}

.custom_select .ui-widget-header .ui-multiselect-none {
  background: #000;
  color: #fff;
  text-align: center;
  width: 78px;
  padding: 4px 0;
}

.custom_select .ui-widget-header .ui-multiselect-none .ui-icon {
  display: none;
}
.custom_select .ui-multiselect-header {
  padding: 3px 3px 0 3px;
}
.custom_select .ui-multiselect-header ul li:nth-child(1) {
  padding-right: 9px!important;
}

.custom_select .ui-multiselect-header ul li:nth-child(2) {
  padding-right: 0!important;
}

.custom_select .ui-multiselect-checkboxes li label span  {
  padding-left: 5px;
}
.custom_select li label.ui-state-hover {
    background: #E9F5FF!important;
}




/* 13_APL-03-02056_所属別コース進捗 */
.modalContentsFlexbox{
  display: flex;
  justify-content: flex-start;
}
.modalContentsFlexbox .modalContentsTit{
  width: auto;
}
.modalContentsSubTit.modalContentsSubTit_affiliation{
	margin:0 auto 12px;
}
.breadcrumb{
  margin-top: 8px;
}
.breadcrumb span a{
  margin-right: 5px;
}
.notes input{
  margin-right: 5px;
}
.companyAll{
  display: flex;
  align-items: center;
  width: 900px;
  margin: 20px auto;
  border: 2px solid #3686c9;
  background: #e9f5ff;
  padding-top: 12px;
  padding-bottom: 12px;
  word-break: break-all;
  font-size: 116.6%;
  color: #646464;
  line-height: 1.15;
  line-height: 1;
}
.companyAll .companyName{
  width: 234px;
  padding-left: 8px;
}
.companyThermometer{
  width: 485px;
}
.companyBtn{
  padding-left: 12px;
}
table.resultTable.affiliationCourse {
  border-collapse: collapse;
}
.affiliationCourse th.affiliation{
  width: 233px;
}
.affiliationCourse th.affiliationProgress{
  width: 485px;
}
.affiliationCourse th.operate{
  width: 180px;
}
.affiliationCourse td{
  border-right:0;
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
}
.affiliationCourse td:first-child{
  border-left:solid 1px #dadada;
}
.affiliationCourse td:last-child{
  border-right:solid 1px #dadada;
}
.Thermometer_area_01.flexCenter{
  overflow: none;
  display: flex;
  align-items: center;
	margin:0;
}
.Thermometer_numberPeople{
  width: 67px;
}
.affiliationCourse td.operate{
  padding-left: 20px;
}
.affiliationCourse tr.userCompany{
  background: #eeeeee;
  border: 2px solid #555555;
  height: 59px;
}
.affiliationCourse .userCompany td{
  padding-top: 12px;
  padding-bottom: 12px;
}
.affiliationCourse .userCompany td.affiliation{
  padding-left: 10px;
}
.affiliationCourse .department{
  display: flex;
  align-items: center;
}
.affiliationCourse .department span{
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  width: 10px;
  min-width: 12px;
  display: block;
  height: 18px;
  margin-right: 20px;
  margin-left: 5px;
  margin-top: -20px;
}
.affiliationCourse .department p{
  width: 177px;
}
.Thermometer_area_01 .Thermometer_data{
	color:#3f83f7;
  padding-left: 10px;
}
.affiliationCourse .btn_analysis a{
	display:block;
	background:#2bb284;
	color:#FFFFFF;
	text-align:center;
	width:150px;
	padding-top: 4px;
	padding-bottom: 3px;
  font-weight:bold;
  font-size: 13px;
}
.modalContents.modalAffiliationCourse .btnBox,
.modalContents.modalAttendProgress .btnBox{
  margin-top: 20px;
  background: url(../img/common/bg_border.png) left top;
  padding: 10px 0;
}

/* 14_APL-03-02056_所属別コース進捗 */
.companyName.departmentNam{
  width: 234px;
  padding-left: 45px;
}
.attendProgress th.loginId{
  width: 102px;
}
.attendProgress th.username{
  width: 183px;
}
.attendProgress th.attendProgress{
  width: 613px;
}
.attendProgress td{
  border-right:0;
  padding-top: 6px;
  padding-bottom: 6px;
}
.attendProgress td:last-child{
  border-right:solid 1px #dadada;
}
.attendProgress .Thermometer_numberPeople{
  width: 50px;
}
/* ----------------- 2020年1月納品ここまで ----------------- */

/* トップユーザー名表示 */
a.topUserName{
	width:190px;
	background: url(../img/common/bg_user_edit_pc.png) right top no-repeat;
	background-position: right top 4px;
	padding: 5px 16px 5px 4px;
	border-bottom:1px solid;
}

/* アンケートクリアボタン */
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;
	border-collapse:separate;
	border-spacing:0;
	border-right:solid 1px #dadada;
	margin-bottom:22px;
	color:#646464;
	table-layout:fixed;
}
.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;
	width:222px;
	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;
	word-wrap:break-word;
}
.report_btn_area{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
/* 同意関連 */
.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:960px;
	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;
}
.approval_cont_text_area p,
.approval_cont_text_area ul,
.approval_cont_text_area textarea,
.approval_cont_text_area table{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}
.approval_cont_text_area textarea{
	max-width:920px;
}
.approval_cont_text_area .border_b{
	border-bottom:1px #dadada solid;
	padding-bottom:15px;
	margin-bottom:20px;
}
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{
	width:auto;
	margin-left:0px;
	margin-right:0px;
}
div.approval_cont_text_area p.border_b textarea{
	min-height:0px;
}
.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:left;
}

.check_agree{
	font-size:130%;
}

/* パスワード一括更新結果 */
.passList th.loginId{
	width: auto;
}
.passList th.password{
	width:500px;
}
.passList td{
	padding:3px 4px 0;
}
.passList td.loginId{
	text-align:left;
	padding:3px 2px 0 2px;
}

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;
}

/*【v2.5】【要件13】所属一覧から所属内ユーザー確認の手順簡略化*/
.selectedTreeElement {
	background: #d3ffe9 !important;
}

/*【v2.5】【要件13】所属一覧から所属内ユーザー確認の手順簡略化*/
.pagerArea_top{
	float:left;
	font-size:133.3%;
	color:#0058a2;
	padding:5px 20px 0;
	margin-bottom:10px;
	width:858px;
	border:solid 1px #3686c9;
	background:#e9f5ff;
}

/*【v2.5】【要件13】所属一覧から所属内ユーザー確認の手順簡略化*/
.treeCont:hover .treeTit_groupList{
	background:#d3ffe9;
}
.treeTit_groupList{
	display:inline-block;
	*display:inline;
	*zoom:1;
	min-width:207px;
	padding:5px 5px 2px 5px;
	border-top:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	border-left:solid 1px #dadada;
	margin-left:3px;
	line-height:1.75;
	cursor: pointer;
}

.groupListTitArea{
	width:920px;
	padding:0 29px;
	overflow:hidden;
}

.coursegroupTable{
	width:900px;
}

.coursegroupTable tr:hover td{
	background:#d3ffe9;
}
.coursegroupTable th{
	color:#fff;
	font-size:116.6%;
	font-weight:bold;
	line-height:1.5;
	padding:4px 12px 3px;
	background:#1986b8;
}
.coursegroupTable th.displayNumber{
	width:40px;
	border-left:solid 1px #fff;
	text-align:center;
}

.coursegroupTable th.courseGroupCode{
	width:200px;
	border-left:solid 1px #fff;
	text-align:center;
}

.coursegroupTable th.courseGroupName{
	width:680px;
	border-left:solid 1px #fff;
	text-align:center;
}

.coursegroupTable th.operate{
	width:40px;
	border-left:solid 1px #fff;
	text-align:center;
}

.coursegroupTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	height:2em;
	line-height:1;
	padding:3px 8px 0;
}

.coursegroupTable td.displayNumber{
	width:40px;
	border-left:solid 1px #dadada;
	text-align:center;
}

.resultTable td.courseGroupCode{
	width:200px;
	padding-right:5px;
	padding-left:5px;
}

.coursegroupTable td.courseGroupName{
	width:680px;
	padding-right:5px;
	padding-left:5px;
	text-align:left;
}

.coursegroupTable td.last{
	cursor:pointer;
	vertical-align:top;
}

.coursegroupTable td.down,
.coursegroupTable td.up{
	text-align:center;
	vertical-align:middle;
	padding:0 3px;
}

/*コースグループアサイン一覧*/
.coursegroupAssignCourseTable tr:hover td{
	background:#d3ffe9;
}
.coursegroupAssignCourseTable th{
	color:#fff;
	font-size:116.6%;
	font-weight:bold;
	line-height:1.5;
	padding:4px 12px 3px;
	background:#1986b8;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	text-align:center;
}
.coursegroupAssignCourseTable td{
	word-break:break-all;
	font-size:116.6%;
	color:#646464;
	line-height:1.15;
	border-right:solid 1px #dadada;
	border-bottom:solid 1px #dadada;
	height:2em;
	line-height:1;
	padding:3px 8px 0;
}
.coursegroupAssignCourseTable td.first{
	width:40px;
	border-left:solid 1px #dadada;
	text-align:center;
}
.coursegroupAssignCourseTable td.down,
.coursegroupAssignCourseTable td.hand,
.coursegroupAssignCourseTable td.up{
	text-align:center;
	vertical-align:middle;
	padding:0 3px;
}
.coursegroupAssignCourseTable td.courseCode{
	width:120px;
	padding-right:5px;
	padding-left:5px;
	text-align:left;
}
.coursegroupAssignCourseTable td.courseName{
	word-break: break-word;
	width:380px;
	padding-right:5px;
	padding-left:5px;
	text-align:left;
}
.coursegroupAssignCourseTable td.attendanceExpiryDate{
	width:120px;
}

/*ストアコース設置*/
.storeCourseSet th.course{
	width:270px;
}
.storeCourseSet th.course_group{
	width:270px;
}
.storeCourseSet th.num_of_id{
	width:120px;
}
.storeCourseSet th.limit_of_id{
	width:120px;
}
.storeCourseSet th.limit_date{
	width:120px;
}
.storeCourseSet td{
	padding:3px 4px 0;
	word-break: normal;
}

/*コースグループアサイン*/
.assignArea{
	float:right
	padding-right:29px;
	padding-bottom:8px;
}
.assignArea dl{
	margin-right:15px;
}
.assignArea dl.select{
	width:auto;
	margin:0;
}

.courseGroupAssign th.courseCode {
    width: 100px;
}
.courseGroupAssign th.courseName {
    width: 250px;
}
.courseGroupAssign th.courseCategory {
    width: 150px;
}
.courseGroupAssign th.releaseDate {
    width: 100px;
}
.courseGroupAssign th.releaseEndDate {
    width: 100px;
}

.courseGroupAssign input[type="text"] {
    width: 86px;
    border: solid 1px #dadada;
    padding-left: 4px;
}

.courseGroupAssignList th.courseCode {
    width: 100px;
}
.courseGroupAssignList th.courseName {
    width: 250px;
}
.courseGroupAssignList th.category {
    width: 150px;
}

.courseGroupAssignList th.releaseDate {
    width: 100px;
}

.courseGroupAssignList th.releaseEndDate {
    width: 100px;
}

/*zipアップロード規約*/
.terms_conditions_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
}
.terms_conditions_cont{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.terms_conditions_cont_text_area{
	background:#FFFFFF;
	border:1px #dadada solid;
	padding:15px 0;
	font-size:120%;
	color:#646464;
	margin-top:-1px;
}
.terms_conditions_cont_text_area p,
.terms_conditions_cont_text_area ul,
.terms_conditions_cont_text_area textarea,
.terms_conditions_cont_text_area table{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
}
.terms_conditions_cont_text_area textarea{
	max-width:920px;
}
.terms_conditions_note {
	font-weight: bold;
	color: #f33232;
}
.terms_conditions_attention {
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	border: 1px solid #f33232;
	background-color: #ffe7e7;
}
.terms_conditions_attention strong {
	color: #f33232;
}
.terms_conditions_attention ul {
	list-style-type: disc;
	margin-left: 40px;
}