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

body{background: #FFFFFF url("../images/project_papper.png");}
.wrapper{width:1000px; margin:20px auto; padding:20px; border:1px #CCCCCC solid; background-color: #FFFFFF;}
.container{width:100%; margin:0 auto;}

.header-inner{width:100%}
.header-title{width:100%; margin:10px 0; padding:8px 10px; background:#BADFED; border-bottom:2px solid #CCCCCC; text-align: right; font-weight: bold;}
header img{width:100%;}

.main{width:100%;}

.breadcrumb ol {list-style-type:none; margin:0; padding:0;}
.breadcrumb li {display:inline;}
.breadcrumb li::after {content: " ＞ "; color: #999;}
.breadcrumb li:last-child::after {content: none;}
.breadcrumb a {text-decoration: underline;}

.user{width:100%;}
.user h1{width:70%; margin:10px 0; padding:8px 10px; color:#FFFFFF; background:#4e75ab; font-size:120%; font-weight:normal;}
.user a{display: block;}
.user:after {content:""; display:block; clear:both;}

.footer-inner{width:100%; padding-top:50px;}
.footer-inner a{text-decoration: underline;}
.footer-copyright{text-align:right; margin-top:20px; font-size:80%;}

/* オンライン更新講習Top */
.top-kakunin{width:200px; margin:80px auto;}
.top-pdf{width:600px; margin:80px auto;}
.top_left{float:left; width:400px; font-size: 120%; margin-left:20px; padding:10px; background-color: #e4eedc; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666; text-align: center}
.top_right{float:right; width:400px; font-size: 120%; margin-right:20px;}

.btn-white{padding:10px; background-color:#FFFFFF; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666; font-size: 120%; text-align: center;}
.btn-green{padding:10px; background-color:#e4eedc; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666; font-size: 120%;}

.top-2{width:100%; margin:50px auto;}
.top-2:after{content:""; display:block; clear:both;}
.top-left{float:left; width:45%; text-align: center;}
.top-right{float:right; width:45%; text-align: center;}

.top-on{text-align:center;}
.top-on a:link {color:#FF0000; text-decoration: underline}
.top-on a:visited {color:#FF0000; text-decoration: underline}
.top-on a:hover {color:#2863CA; text-decoration: underline}
.top-on a:active {color:#2863CA; text-decoration: underline}

.fs14{font-size:14px;}

/* オンライン更新講習申込み */
.form{width:80%; margin:20px auto;}
.form-2{width:70%; margin:0 auto 40px; padding:5%; border:1px #000000 solid;}
.form-2-2{width:70%; margin:0 auto 40px; padding:5%; border:1px #000000 solid; overflow-y: scroll;}
.form-3{width:60%; margin:0 auto;}
.form-dl{width:100%; display: table; table-layout: fixed; border-collapse:collapse;}
.form-dt, .form-dt2, .form-dd {
  vertical-align: top;
  padding: 10px;
  display: table-cell;
  border: 1px solid #666666;
  box-sizing: border-box;
  border-collapse:collapse;
  font-weight: normal;
}
.form-dt {width: 30%; text-align: center;}
.form-dt2 {width: 30%;}

.form-login{width:60%; margin:50px auto;}

input[type="submit"] {
	width:100%; padding:5px; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666; text-align: center;
}
input[type="submit"]:hover {
	background: linear-gradient(0deg, #2894f9, #d2e4f7);
}
input[type="submit"]:active {
	background: linear-gradient(0deg, #0074d8, #b6d6f7);
}

.btn-center{text-align: center; margin:5px 0 20px;}
.btn-center:after {content:""; display:block; clear:both;}


.btn2{margin-top:10px;}
.btn2:after {content:""; display:block; clear:both;}

.btn-left{float:left; width:40%; margin:20px;}
.btn-right{float:right; width:40%; margin:20px;}

.btn-kakunin{width:50%; margin:5px auto 20px;}

.btn-kakunin-sp{width:40%;  bottom:10px; margin:5px auto 20px;}

.btn-kakunin2{width:100%;}
.btn-kakunin2:after {content:""; display:block; clear:both;}

.btn-kakunin2-2{width:80%; margin:0 auto;}
.btn-kakunin2-2:after {content:""; display:block; clear:both;}

.btn-kakunin3{float:left; width:40%; padding:10px 0; text-align: center;}
.btn-kakunin4{float:right; width:40%; padding:10px 0; text-align: center;}
.btn-kakunin5{float:right; width:40%; padding:10px 0; text-align: center;}

.btn-login{width:40%; margin:30px auto 0; text-align: center;}

.btn-saiten{width:40%; margin:30px auto 0; text-align: center;}


.mb50{margin-bottom:50px;}

.form-item100{width:100%;}
.form-item100mb20{width:100%; margin-bottom:20px;}
.form-item80{width:80%;}
.form-item50{width:50%;}
.email-coment{padding-top:1em; font-size:90%; line-height: 1.2;}

.form-kakunin{width:90%; margin:20px auto; border:3px #FF0000 solid; padding:20px; text-align: center;}

.btn-width{text-align: center;}
.btn-gray{width:140px; margin:30px auto; padding: 10px; background-color: #d9d9d9; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666; font-size: 120%; text-align: center;}
.btn-gray a{display: block}

.form-thanks{width:80%; margin:30px auto 0; padding:20px; border:3px #DDDDDD solid;}
.form-thanks div{margin-bottom:2em;}
.form-thanks ol{font-size:110%; margin:0 auto; margin-bottom:4em;}
.form-thanks li{list-style-type: decimal; list-style-position: inside; margin-left:14em; margin-bottom:2em;}

.app_button{background-color: #d9d9d9; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666; padding:5px; width:220px; height:40px; margin:20px 37px; cursor:pointer}
.acc{border:5px #DDDDDD solid; padding:20px; text-align: center}

.kaishi dl{width:80%; border:1px #000000 solid; padding:10px 20px 0; margin:10px auto;}
.kaishi dt{float:left; width:65%; font-weight: normal;}
.kaishi dd{margin-left:65%; text-align: left;}
.kaishi dd:after{display: block; content: ""; clear: both;}
.kaishi-text{text-align: center}

/* オンライン更新講習メイン画面 */
.main-shinchoku{width:70%; margin:20px auto;}

.main-dl{width:100%; display: table; table-layout: fixed; border-collapse:collapse;}
.main-dt, .main-dd {
  vertical-align: top;
  text-align: center;
  padding: 10px;
  display: table-cell;
  border: 1px solid #666666;
  box-sizing: border-box;
  border-collapse:collapse;
  font-weight: normal;
}
.main-shinchoku-dd {
  border-top: 4px solid #666666;
  border-left: 4px solid #666666;
  box-sizing: border-box;
  border-collapse:collapse;
}

.bc-gy{background-color:#CCCCCC;}
.bor{border:1px #CCCCCC solid;}

.main-step{width:600px; margin:5px auto;}
.main-step tr{border:1px #000000 solid; padding:5px;}
.main-step td{border:1px #000000 solid; padding:5px 10px;}

.main-step2{width:900px; margin:5px auto; text-align: center;}

.ya{margin-left:340px;}

.w30{width:30px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w100{width:100px;}
.w200{width:200px;}
.w280{width:280px;}
.w300{width:300px;}
.w300s{width:300px; font-size: 1;}
.w500{width:500px;}
.w600{width:600px;}
.w620{width:620px;}
.w700{width:700px;}

.text-center{text-align: center;}

.btn40{width:40%; margin:20px auto;}

.s-info{float:right; border:3px #f5deb3 solid; padding:6px 3px 3px 6px; font-size: 90%;}
.s-info dl{margin:0; padding:0;}
.s-info dt{float:left; width:5em; font-weight: normal;}
.s-info dd{margin-left:6em; width:9em;}
.s-info dd:after{display: block; content: ""; clear: both;}

/* 機能ボタン */
.btn_waku{padding:5px; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666; text-align: center}
.btn_waku_commentary{padding:2px; border-bottom:2px solid #666666; border-right:2px solid #666666; border-top:1px solid #666666; border-left:1px solid #666666; text-align: center}

.bgc_yellow{background-color: #fffdce}
.bgc_darkyellow{background-color: #F4DB64}
.bgc_green{background-color: #e4eedc}
.bgc_gray{background-color: #d8d9d9}
.bgc_darkgray{background-color: #7f7f80}
.bgc_white{background-color: #FFFFFF}

.link_black a {display: block}
.link_black a:link {color:#000000; text-decoration: none}
.link_black a:visited {color:#000000; text-decoration: none}
.link_black a:hover {color:#2863CA; text-decoration: none}
.link_black a:active {color:#2863CA; text-decoration: none}

.link_black_only a {display: block}
.link_black_only a:link {color:#000000; text-decoration: none}
.link_black_only a:visited {color:#000000; text-decoration: none}
.link_black_only a:hover {color:#000000; text-decoration: none}
.link_black_only a:active {color:#000000; text-decoration: none}

.link_white a {display: block}
.link_white a:link {color:#FFFFFF; text-decoration: none}
.link_white a:visited {color:#FFFFFF; text-decoration: none}
.link_white a:hover {color:#FFFFFF; text-decoration: none}
.link_white a:active {color:#FFFFFF; text-decoration: none}

/* テスト */
.color-red{color:#FF0000}
.color-red2{color:#FFFFFF; background-color: #4e75ab; padding:3px 6px}
.text-under1{border-bottom: 1px #000000 solid}

.test-start{width:100%;}
.test-start th{width:100px; padding:5px; font-weight: normal; text-align: center;}
.test-start td{width:450px; padding:5px;}

.test-waku th{border:1px #000000 solid; padding:5px;}
.test-waku td{border:1px #000000 solid; padding:5px;}

.form-test{width:80%; margin:50px auto 0; padding:20px; background: #FFF; border-radius: 3px; box-shadow: 0 0px 10px rgba(0,0,0,0.2);}
.form-test dl{margin:20px;}
.form-test dt{float:left;}
.form-test dd{margin-left:30px;}
.form-test dd:after{display: block; content: ""; clear: both;}

.bgc-mondai{padding:4px; background-color: #F2EFDE;}
.bgc-kaisetsu{padding:4px; background-color: #AAEFff;}

.test-answer{width:100%;}

.w120{width:120px;}
.w140{width:140px;}
.w550{width:550px;}
.w580{width:580px;}

.shuryoshou{width:60%; margin:0 auto 50px;}
.shuryoshou-dl{width:100%; display: table; table-layout: fixed; border-collapse:collapse;}
.shuryoshou-dt, .shuryoshou-dd {
  vertical-align: top;
  text-align: center;
  padding: 10px;
  margin:0;
  display: table-cell;
  border: 1px solid #666666;
  box-sizing: border-box;
  border-collapse:collapse;
  font-weight: normal;
}

.kaito-kaisetsu{width:100%; line-height: 2; margin:0 auto;}

.kaito-kaisetsu th{padding:2px 5px; text-align: center; vertical-align:top; font-weight: normal;}
.kaito-kaisetsu td{padding:2px 5px;}

.kaito-kaisetsu-waku{table-layout: fixed;}
.kaito-kaisetsu-waku th{border:1px #000 solid;}
.kaito-kaisetsu-waku td{border:1px #000 solid;}

.kanri-kaisetsu{width:100%; line-height: 2; margin:0 auto;}
.kanri-kaisetsu th{padding:2px 5px; text-align: center; vertical-align:top; font-weight: normal;}
.kanri-kaisetsu td{padding:2px 5px;}

.kanri-kaisetsu-waku th{border:2px #000 solid;}
.kanri-kaisetsu-waku td{border:2px #000 solid;}

.bgc-th{background-color:#D5EAD8;}

.kaisetsu{width:90%; margin:20px auto 0;}
.kaisetsu dl{clear:both; margin-bottom:20px;}
.kaisetsu dt{float:left;}
.kaisetsu dd{margin-left:100px;}

.kaisetsu2{width:100%; margin:20px auto; padding:20px; background-color: #FFFFFF; border:1px #666666 solid;}

.te-center{text-align: center;}

/* 管理画面 */
.administrator{width:100%;}
.administrator h1{width:70%; margin:10px 0; padding:8px 10px; color:#FFFFFF; background:#b85f29; font-size:120%; font-weight:normal;}
.administrator a{display: block;}
.administrator:after {content:""; display:block; clear:both;}

.administrator h2{width:40%; margin:0 auto; padding:5px; text-align: center; border:1px #000000 solid; font-weight: normal; font-size:100%;}

.kanri-top{width:100%;}
.kanri-top:after {content:""; display:block; clear:both;}
.kanri-top1{float:left; width:33.33%; padding:10px; text-align: center;}
.kanri-top2{float:right; width:33.33%; padding:10px; text-align: right;}

.kanri-top1-1{float:left; width:33.33%; padding:18px; text-align: center;}

.form-kanri{width:100%; margin:20px auto;}

.mt20{margin-top:20px;}

.cap1{margin-left:700px;}

.kanri-top-comment{width:60%; margin:30px auto 0;}

input, textarea {
	box-sizing: border-box;
}
textarea {
	margin: 0.5em 0;
	border: 1px solid #000;
	padding: 0.75em;
	width: 100%;
	height: 12em;
	font-size: 16px;
	color: #999;
}

.jyukouhyou{width:100%; margin:20px auto 0; font-size:75%;}
.jyukouhyou table{margin:0 auto; border:1px #999 solid;}
.jyukouhyou th{padding:5px; background-color:#CCCCCC; font-weight: normal; text-align: center;}
.jyukouhyou td{padding:5px; text-align: center;}

.jyukouhyou table tr:nth-child(2n+1) {background: #EEEEEE;}

.width10{width:10px;}
.width20{width:20px;}
.width30{width:30px;}
.width52{width:52px;}
.width50{width:50px;}
.width80{width:80px;}
.width100{width:100px;}
.width115{width:115px;}
.width120{width:120px;}
.width140{width:140px;}

.jyukouhyou thead, tbody {display: block;}
.jyukouhyou tbody {overflow-y: scroll; height: 200px;}


.kanri-sousa{width:100%; margin:20px auto 0;}
.kanri-sousa table{margin:0 auto; border:1px #999 solid;}
.kanri-sousa th{width:460px; padding:10px; background-color:#CCCCCC; font-weight: normal; text-align: center; border-right:1px #999 solid;}
.kanri-sousa td{width:460px; padding:10px; border-right:1px #999 solid;}
.kanri-sousa th:last-child {border-right: 0px;}
.kanri-sousa td:last-child {border-right: 0px;}

.kanri-sousa ul{list-style-type: none; margin:0; padding:0 0 0 1em;}

.kanri-sousa2{text-align: center; background-color: #EBF4F8; border-top: 1px #999 solid; border-bottom: 1px #999 solid; letter-spacing: 1em;}
.kanri-sousa3{vertical-align:top;}

.kanri-shiborikomi{width:100%; margin:30px auto 0;}

.form-shiborikomi1{display: table; table-layout: fixed; border-collapse:collapse;}
.form-shiborikomi2, .form-shiborikomi3 {
  vertical-align:inherit;
  padding: 0;
  display: table-cell;
  border: 1px solid #666666;
  box-sizing: border-box;
  border-collapse:collapse;
  font-weight: normal;
  text-align: center;
}

.form-shiborikomi2{width:130px;}
.form-shiborikomi3{padding:0 1em;}

.kanri-shiborikomi_testlog{width:100%; margin:30px auto 0;}

.form-shiborikomi_testlog1{display: table; table-layout: fixed; border-collapse:collapse;}
.form-shiborikomi_testlog2, .form-shiborikomi_testlog3 {
  vertical-align:inherit;
  padding: 0;
  display: table-cell;
  border: 0px solid #666666;
  box-sizing: border-box;
  border-collapse:collapse;
  font-weight: normal;
  text-align: center;
}

.form-shiborikomi_testlog2{width:130px;}
.form-shiborikomi_testlog3{padding:0 1em;}

.hyouji{text-align:right; margin-right:2em; padding:0;}
.hyouji:after {content:""; display:block; clear:both;}

/* 学習形態設定画面 */
.gakushu-settei{width:100%;}

.gakushu-settei li{padding-bottom:2em;}

.gs-dl{width:100%; display: table; table-layout: fixed; border-collapse:collapse;}
.gs-dt, .gs-dd {
  vertical-align: top;
  padding: 10px;
  display: table-cell;
  border: 1px solid #666666;
  box-sizing: border-box;
  border-collapse:collapse;
  font-weight: normal;
}
.gs-dt {width: 20%; text-align: center;}

.co99{color:#999999; margin-left: 1em;}
.clff{color:#FFFFFF;}

/* 更新した動画　チェック画面 */
.movie-check{width:100; margin:0 auto;}
.movie-check-title{width:30%; padding:2px 10px; background-color:#ceeed0;}

.movie-check-gamen{width:100%;}
.movie-check-gamen:after {content:""; display:block; clear:both;}
.movie-check-gamen1{float:left; width:40%; margin-left:10%;}

.movie-ninsho{width:90%; margin:10px auto;}

.btn-mcg{width:80%; margin:10px 0; padding:10px; background-color:#e4eedc; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666;}

.btn-end{width:20%; padding:10px; background-color:#d9d9d9; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666;}

.btn{text-align: center; margin-top:50px;}

input[type="button"]:hover {
	background: linear-gradient(0deg, #2894f9, #d2e4f7);
}
input[type="button"]:active {
	background: linear-gradient(0deg, #0074d8, #b6d6f7);
}

/* アンケート */
.questionnaire{width:80%; margin:0 auto;}
.questionnaire h1{margin:30px 0; font-size:200%; font-weight:normal; text-align: center;}
.questionnaire ul{list-style: none; margin:20px 50px; padding:0;}
.questionnaire ul li input{margin-right:1em;}
.questionnaire hr{height: 6px; background: url(../students/online_kk/images/hr.png) repeat-x 0 0; border: 0; margin:2em 0;}

.questionnaire1{width:600px; margin:1em auto 2em; text-align: center; font-size: 140%;}
.questionnaire2{padding:5px; background-color:#FFFFFF; border-bottom:4px solid #666666; border-right:4px solid #666666; border-top:2px solid #666666; border-left:2px solid #666666; font-size: 100%; text-align: center;}
.questionnaire3{width:100%; margin:0 auto;}
.questionnaire3:after{content:""; display:block; clear:both;}
.questionnaire4{border-bottom: 1px solid #000000; padding-bottom: 2px;}
.questionnaire5{margin-left:1em;}

.questionnaire-left{float:left; margin-left:15%; width:25%; text-align: center;}
.questionnaire-right{float:right; margin-right:15%; width:25%; text-align: center;}

/* 編集詳細画面 */
.henshu-shousai01{margin-bottom:30px;}
.henshu-shousai01:after{content:""; display:block; clear:both;}
.henshu-shousai02{float:left; width:25%; margin:0; padding:0;}
.henshu-shousai02 ul{margin:0; padding:0; list-style:none;}
.henshu-shousai02 ul li{margin:0; padding:0;}

.henshu-shousai02 input[type="text"] {
	margin: 0;
	border: 1px solid #CCC;
	padding: 0.25em;
	font-size: 16px;
	color: #999;
}

.henshu-shousai03 textarea {
	margin: 0.5em 0;
	border: 1px solid #CCC;
	padding: 0.75em;
	width: 95%;
	height: 6em;
	font-size: 16px;
	color: #999;
}

.henshu-shousai03 input[type="text"] {
	margin: 0.5em 0;
	border: 1px solid #CCC;
	padding: 0.75em;
	width: 95%;
	font-size: 16px;
	color: #999;
}
.henshu-shousai04{padding-top:30px;}
.henshu-shousai05{margin-top:50px;}

/*CPDS情報用*/
.kanri-cpds{width:100%; line-height: 2; margin:0 auto;}
.kanri-cpds th{padding:2px 2px; text-align: center; vertical-align:top; font-weight: normal;}
.kanri-cpds td{padding:2px 2px;}

.kanri-cpds-waku th{border:2px #000 solid;}
.kanri-cpds-waku td{border:2px #000 solid;}

.kanri-cpds2{width:100%; margin:20px auto 0;}
.kanri-cpds2 table{margin:0 auto; border-top:1px #999 solid; border-left:1px #999 solid; border-right:1px #999 solid;}
.kanri-cpds2 th{padding:10px; background-color:#CCCCCC; font-weight: normal; text-align: center; border-right:1px #999 solid;}
.kanri-cpds2 td{padding:10px; border-right:1px #999 solid; border-bottom:1px #999 solid;}

.kanri-cpds2 th:last-child {border-right: 0px;}
.kanri-cpds2 td:last-child {border-right: 0px;}

.kanri-cpds3{width:280px}
.kanri-cpds4{width:640px}