@charset "utf-8";
:root {
	/* 課程・学科等情報登録画面 列幅 */
	--scl1-w: 60px;
    --scl2-w: 130px;
    --scl3-w: 270px;
    --scl4-w: 80px;
    --scl5-w: 80px;
    --scl6-w: 75px;
    --scl7-w: 470px;
    --scl9-w: 130px;
}

/*
 *
 * 東大LMS導入スタイル
 *
 */


/*
 * --- Bootstrap ---
 */



/*
 * --- Bootgrid テーブル ---
 */

.bootgrid-header {
  margin-top: 0 !important;
}

.bootgrid-header .form-control {
  padding: 2px 10px;
  height: 28px;
  font-size: 12px;
}

.bootgrid-header .btn {
  padding: 2px 10px;
}


.bootgrid-button{
	position: absolute;
	top: 5px;
	z-index: 1
}

table.grid-table th{
	font-size:87%;
	padding:3px;
	margin-right:0!important;
	font-weight:normal;
	text-align:center;
}

table .grid-table td:first-child{
	padding:3px;
}

table.grid-table td{
	padding:3px 20px 3px 3px;
}


/* ===== jQueryプラグイン / jQuery UI 用 ===== */



/*
 * --- 通知プラグイン ---
 */
.noty_bar {
	background-color:#90f090;
}
.noty_text {
	font-size:120%;
	padding:10px 0;
}


/* ===== 全体レイアウト ===== */

html {
  font-size: 90%;
}

/* 0 → 10px */
body {
	margin-top:10px;
}

h2,h3{
	font-weight:bold;
	font-size:100%;
}
dt,label{
	font-weight:normal;
}

#header, #content, #footer{
}

/*
 * --- ヘッダー ---
 */
#header {
  background-color: #4694d1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#header h1 .title {
  color: #666;
  border-radius: 5px;
}

#article{

}

#article div.list {

}

#article dl.branch {
	float: left;
	display: inline-block;
}






/* ===== ページ別レイアウト ===== */


/* =====A01 マスター ===== */
#master{
}

#master #course-area{
	min-height:370px;

}

#master select.course{
	margin-top:15px;
}

#master #article div.section{
	width:620px;
}

#master #article div.info {
	/*width:590px;*/

}
#master #article div.new-entry {
		/*height:317px;*/

}


#master #content-list-area{
}

#master #content-list-area .group{
	background:#d4e9ff;
	border-radius:5px;
	border-color:#8eb2d8;
}

#master #content-count dl {
    float: left;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}

#master .ts-textarea-height-short{
	width:380px;
	height:40px;
}




/*教材選択画面 a01-content-select.htm */
#content-select h1{
	background:#4694d1;
	color:#fff;
	padding:20px;
	font-size:100%;
	width:190px;/*160→190*/
	border-radius:5px;
	border:none;
	margin-bottom:20px;
}
#content-select #content-count{
	position:absolute;
	left:210px;/*190→210*/
	top:20px;
}

#content-select p{
	line-height:1.5;
}

#content-select #content-count dt,
#content-select #content-count dd{
	border: none;
	clear:both;
	font-size:100%;
}

#content-select #content-count dd{
	margin-left:1em;
}

#content-select .form-control{
	height:auto;
	padding:3px;
}

#content-select td{
	padding:3px;
}

/*インポートダイアログ*/
#content-import-dialog form{
	margin-top:10px;
}
#content-import-dialog .alert{
	margin-top:20px;
}

/* =====B01 登録内容確認 ===== */

/*メール送付状況のdt幅を延長*/
#content-check dl.long dt{
	width:140px;
}
#content-check .margin-bottom-60{
	margin-bottom:60px!important;
}
#content-check .margin-top-20{
	margin-top:20px!important;
}
#content-check .margin-top-40{
	margin-top:40px;
}

#content-check .ts-textarea{
	width:370px;
}

/*所属セレクトボックス用*/
#content-check .org-select {
  display: block;
}


/*グリッドの幅を調整*/
/*
#content-check-grid .column-no{
	width:65px;
	text-align:right;
}
*/

/* 改修No.2対応 DN 2020/06/18 */
/*ボタンが2行表示されるように、上を空けた*/
#content-check-grid-header{
	margin-bottom: 30px;
}

#content-check-grid .column-id{
	width:70px;
}
#content-check-grid .column-name{
	width:100px;
}

#content-check-grid .column-office{
	width:180px;
}
#content-check-grid .column-status{
	width:60px;
	text-align:center;
}

#content-check-grid .column-user-type{
	width:100px;
	text-align:center;
}


/*
#content-check-grid .column-roll{
	width:120px;
}
#content-check-grid .column-belonging{
	width:90px;
}

#content-check-grid .column-capacity{
	width:45px;
}
*/

#content-check-grid .column-day{
	width:90px;
}
#content-check-grid .column-dayTime{
	width:140px;
}
#content-check-grid .column-content{
	width:700px;
}




/*グリッドの幅を調整 法人管理*/
#corporation-cfm-grid .column-id{
	width:70px;
}
#corporation-cfm-grid .column-situation{
	width:100px;
}
#corporation-cfm-grid .column-day{
	width:100px;
}

/*グリッドの幅を調整 会場管理*/
#place-cfm-grid .column-id{
	width:70px;
}
#place-cfm-grid .column-situation{
	width:100px;
}
#place-cfm-grid .column-day{
	width:100px;
}





/*会員情報の上書きダイアログ*/
#info-overwrite-dialog h3{
	margin-left:10px;
	margin-top:20px !important;

}
#info-overwrite-dialog dl {
	margin-left:10p x!important;
	margin-bottom:20px;
}

#info-overwrite-dialog dt {
  width: 110px;
}

#info-overwrite-dialog .group {
  max-height: 600px;
  overflow-y: scroll;
  padding: 20px 40px;
}

#info-overwrite-dialog .row {
  border-bottom: 1px dashed #e9e9e9;
}

#info-overwrite-dialog dl:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

#info-overwrite-dialog .overwrite-icon {
  margin: 70px 0 0 0;
  font-size: 36px;
  color: #c0c0c0;
}

#info-overwrite-dialog .changed {
  font-weight: bold;
  color: #f06060;
}



/*送信メールダイアログ*/
#custom-mail-dialog textarea{
	width:525px;
}

#custom-mail-dialog h1{
	color:#303030;
	font-weight:bold;
}

/* =====B02 確認画面 ===== */
#situation-cfm .ts-textarea{
	width:370px;
}

#situation-cfm .detail{
}


#situation-cfm table.detail caption{
	text-align:left;
	background:#74b4e6;
	color:#fff;
	padding-left:3px;
}

#situation-cfm table.detail th{
	background:#e4f2ff;
	font-weight:normal;
}

#situation-cfm table.detail th,
#situation-cfm table.detail td{
	padding:2px;
}


#situation-cfm .update{
	white-space:nowrap;
}
#situation-cfm .update .ts-text-short{
/*	width:100px;  もう少し短くても履歴の表示OK*/
	width:80px;
}

/*ボタンが2行表示されるように、上を空けた*/
/*ボタンが3行表示されるように、上を空けた(2020/12)*/
#situation-cfm-grid-header{
	/*margin-bottom: 30px;*/
	margin-bottom: 60px;
}

/*グリッドの幅を調整*/


#situation-cfm-grid .column-no{
	width:50px;
	text-align:center;
}

#situation-cfm-grid .column-name{
	width:70px;
	text-align:left;
}


#situation-cfm-grid .column-title{
	width:150px;
	text-align:left;
}


#situation-cfm-grid .column-situation{
	width:55px;
	text-align:center;
}

#situation-cfm-grid .column-day{
	width:65px;/*75px*/
	text-align:center;
}


/*受講者の状況表示（コース単位）b02-member-cfm-list.htm*/
#member-cfm-list{

}
#member-cfm-list h1{
	background:#4694d1;
	color:#fff;
	padding:20px;
	font-size:100%;
	width:250px;/*230→250*/
	border-radius:5px;
	border:none;
	margin-bottom:20px;
}
#member-cfm-list #content-count{
	position:absolute;
	left:290px;/*270→290*/
	top:20px;
}

#member-cfm-list h2 {
		font-size:4mm;
		width:20mm;
		float:left;
		margin:0;
	}

#member-cfm-list p{
	line-height:1.5;
}

#member-cfm-list #content-count dl{
	float:left;
	width:120px;/*100→120*/
	border-right:1px solid #ccc;
	margin-right:10px;
}

#member-cfm-list #content-count dt,
#member-cfm-list #content-count dd{
	border:none;
	clear:both;
	font-size:100%;
}

/*#member-cfm-list #content-count dd{
}

#member-cfm-list .form-control{
	height:auto;
	padding:3px;
}

#content-select td{
	padding:3px;
}*/

/*受講者情報 b02-member-detail.htm*/
#member-detail h1{
	color:#303030;
	font-weight:bold;
}
#member-detail #member-info{
	padding:5px;
	background-color:#eee;
	/*width:350px;*/
	width:auto;
	overflow: hidden;
	margin-top:10px;
	margin-bottom:10px;
	font-size:110%;
	border-radius:10px;
}

#member-detail #member-info dl{
	margin-top:10px;
}

#member-detail #member-info dt{
	background-color:#4694d1;
	color:#fff;
	border-radius:10px;
	padding:2px 5px 2px 10px;
	margin-bottom:5px;
	width:70px;
}
#member-detail #member-info dd{
	padding:2px 5px;
}

#member-detail #member-info dt:last-child{
}

/*出欠管理ダイアログ　dialog-b02-attendance-check.htm*/
#attendance-check{
	min-height:300px;
	overflow-y:scroll;
}

#attendance-check table{
	margin-right:10px;
	width:830px;
}

#attendance-check th,
#attendance-check td{
	padding:3px;
}

#attendance-check th.no,
#attendance-check td.no{
	width:60px;
}
#attendance-check th.buttons,
#attendance-check td.buttons{
	white-space:nowrap;
	width:330px;
}




/* =====A03 メールひな型画面 ===== */

/* メニューエリア */
#mail-template #article .menu {
  width:215px;
  padding:0;
}
#mail-template #article .menu h2 {
  margin:5px 0 10px 10px;
}
#mail-template #article .menu h3 {
  margin:5px 10px 10px 0;
  padding:5px 0 5px 15px;
  color:#ffffff;
  font-size:100%;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  background-color:#a0a0a0;
}

/* テンプレートリスト */
#mail-template #template-list ul {
  margin:0 0 10px 10px;
}
#mail-template #template-list li {
  margin:0 0 5px 0;
  padding:3px 5px;
  cursor:pointer;
  border-left:4px solid #c0c0c0;
  font-size:90%;
}
#mail-template #template-list li:hover {
  background-color:#c0e0ff;
}
#mail-template #template-list li.selected {
  cursor:default;
  font-weight:bold;
  border-color:#606060;
  background-color:#ffffff;
}

/* メールエリア */
#mail-template div.info {
  width:575px;
}

/* メール情報 */
#mail-template dt.mail-body-label {
  border: none;
}
#mail-template dd.mail-body-label {
  float: none;
  margin-left: 10px;
  margin-bottom: 5px;
}

#mail-template div.tab-pane .mail-body {
  font-size:100%;
  width: 525px
}

/* 言語のタブ */
#mail-template #attendance-style-tab {
  margin-bottom:10px;
}

#mail-template #test-mail-to {
  width: 270px;
}
/*INPUT的なテキストエリア*/
.ts-textarea-inputstyle { /* テキストエリア */
	overflow: hidden;
	width:380px;
}


/* メール文字置換表エリア */
#mail-template .aside {
  width:455px;
}
#mail-template .aside table {
  width: 100%;
}


/* =====A02 アカウント画面 ===== */

#account-manager #article div.list {
	width:620px;
}
#account-manager #article div.info {
	width:620px;
}

/*
 * --- Now Loading ---
 */

.waiting-dialog {
  z-index: 10000;
  margin-right: 0 !important;
}

.waiting-dialog .modal-content {
  margin-top: 200px;
  padding-top: 20px;
}

.waiting-dialog .waiting-caption {
  text-align: center;
  margin-top: 20px;
}




/* ===== お知らせ設定画面 ===== */
#information #article div.list {
	width:465px;

}
#information #article div.info {
    width: 745px;
}

#information .ts-textarea{
	width:560px;
}

/*グリッドの幅を調整*/
#information #content-check-grid .column-no{
	width:65px;
	text-align:right;
}
#information #content-check-grid .column-day{
	width:90px;
}
#information #content-check-grid .column-dayTime{
	width:140px;
}
#information #content-check-grid .column-content{
	width:700px;
}




/* =====U10 カレンダー画面 ===== */
#calendar #article div.list {
	width:465px;

}
#calendar #article div.info {
    width: 745px;
}

/*グリッドの幅を調整*/
#calendar #content-check-grid .column-no{
	width:35px;
	text-align:right;
}

#calendar #content .search{
	margin-right:10px;
	width:140px;
}

#calendar #content-check-grid .column-day{
	width:65px;
}
#calendar .sceditor-group a{

	/*margin:2px 4px;*/
}

.sceditor-group a{
	/*margin:2px 0!important;
	padding:3px 5px!important;
	height:20px!important;
	width:16px!important;*/



}

#calendar .sceditor-group a div{
	/*margin:2px 0!important;
	padding:0!important;
	height:16px!important;
	width:16px!important;*/

}

#calendar .sceditor-button{
	width:auto;
	height:auto;
}

/* =====W04 CREDITS外のセミナー管理 ===== */
/*グリッドの幅を調整*/

#seminar-management #content-check-grid .column-course{
	width:180px;
}

#seminar-management .info .overview{
	width:370px;
}
#seminar-management .info .result p.notes{
	font-size:90%;
	margin-left:10px;

}
#seminar-management .info .result .button{
	text-align:left;
	margin-left:135px;

}

#seminar-management .info .margin-top-60 {
	margin-top:60px!important;
}

/* =====B03 資格マスター ===== */
#license-master #article div.list {
  width: 250px;
}
#license-master #article div.info {
  width: 960px;
}

/*
 * --- 情報パネル ---
 */

#license-master .comment {
  clear: both;
  padding: 10px;
}

/*
 * --- 要件 ---
 */

/* --- 枠 --- */

#license-master li.group {
	position: relative;
	margin-bottom: 30px;
	padding: 5px 0 5px 40px;
	border: 1px solid #D0D0D0;
	background: #FFFFFF;
}

#license-master li.group:last-child {
  margin-bottom: 10px;
}

#license-master li.group:not(:last-child)::after {
  content: 'かつ （ AND 条件）';
  position: absolute;
  display: block;
  width: 12em;
  left: 0;
  right: 0;
  bottom: -24px;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #78909C;
  border-radius: 10px;
}

/* --- 要件 --- */

#license-master #priority-terms {
  margin-top: 10px;
}
#license-master .group.result .comment {
  margin: 0;
  padding: 0 10px;
  line-height: 1.2;
  font-size: 90%;
}

/* --- 見出し --- */

#license-master li.group h3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  padding-top: 35px;
  text-align: center;
  font-weight: normal;
  color: #FFFFFF;
  background-color: #78909C;
}

#license-master li.group h3 b {
  display: block;
  margin-top: 5px;
  font-size: 150%;
}

/* --- 列 --- */

#license-master li.group .column {
  display: inline-block;
  float: none;
  padding: 3px 8px 0 8px;
  vertical-align: top;
}

#license-master li.group .column:nth-child(3) {
  width: 467px;
  border-left: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;
}


/* --- 内容 --- */

#license-master li.group dl {
}

#license-master li.group .column::after {
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
}

#license-master li.group .course-list-comment {
  display: inline-block;
  padding: 3px 0 0 10px;
}

/* --- コース一覧 --- */

#license-master li.group .course-list,#license-master-dialog ul.course-list{
  overflow-y: auto;
  height: 75px;  /* 削除するとスクロールしないでリストを全表示 */
  margin-top: 5px;
  padding: 5px;
  border: solid 1px #D0D0D0;
}

#license-master li.group .course-list li,#license-master-dialog ul.course-list li {
  list-style: none;
  margin-bottom: 2px;
  border-bottom: 1px solid #F0F0F0;
  font-size: 90%;
  padding-left: 11em;
}

#license-master li.group .course-list li span,#license-master-dialog ul.course-list span {
  display: inline-block;
  min-width: 10em;
  margin-left: -11em;
  margin-right: 1em;
  padding: 0 5px;
  text-align: center;
  background-color: #E9E9E9;
}

/*dialog-b03-category-select.htm ダイアログ*/
#category-select label{
	display:block;
}
#category-select .group{
	margin-top:10px;
	height:300px;
	overflow-y:scroll;
}
#license-master-dialog #license-name {
	margin:7px 0;
	display: inline-block;
	font-size:18px;
	background-color: #E9E9E9;
	padding: 1px 20px;
	border-radius: 15px;
}
#license-master-dialog .type-selected-count {
	display: inline-block;
	background-color: #428bca;
	width: 17px;
	height: 17px;
	line-height: 18px;
	font-size: 11px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	margin-left:1px;
}
#license-master-dialog .gray {
	background-color: #BBB !important;
}
#license-master-dialog div.bootgrid-header {
	border-top-color: transparent;
}
#license-master-dialog #course-type-tab li {
	top: 1px;
}
#license-master-dialog #tab_content label.checked {
	background:#E0F1FF;
}
#license-master-dialog #tab_content label {
	margin-right:0 !important;
}
#license-master-dialog #tab_content label input {
	margin:3px 4px 0 4px;
}

/* =====B03 資格状況確認 ===== */
#qualification-situation-cfm table.detail th{
	background:#e4f2ff;
	font-weight:normal;
}

#qualification-situation-cfm table.detail th,
#qualification-situation-cfm table.detail td{
	padding:2px 5px;
}

#qualification-situation-cfm .detail .link:hover{
  background-color:#c0e0ff;
  cursor:pointer;
}

#qualification-situation-cfm .detail .column-name{
  width:50%;
}

#qualification-situation-cfm .margin-top-90{
  margin-top:90px;
}

#qualification-situation-cfm .bootgrid-footer .pagination{
  width:400px;
}


#affiliation-cfm-grid .column-no{
	width:80px;
	text-align:left;
}
#affiliation-cfm-grid .column-id{
	text-align:left;
}
#affiliation-cfm-grid .column-name{
	text-align:left;
}
#affiliation-cfm-grid .column-status{
	width:100px;
	text-align:center;
}

#class-grid .column-no{
	width:80px;
	text-align:left;
}
#class-grid .column-id{
	text-align:left;
}
#class-grid .column-name{
	text-align:left;
}
#class-grid .column-day{
	width:100px;
	text-align:center;
}
#class-grid .column-status{
	width:100px;
	text-align:center;
}

/*一覧でコース名称改行*/
#allocation-grid td {
	white-space: normal;
	vertical-align: middle !important;
}
#allocation-grid .column-no{
	width:70px;
	text-align:left;
}
#allocation-grid .column-name{
	text-align:left;
}
#allocation-grid .column-day{
	width:100px;
	text-align:center;
}
#allocation-grid .column-status{
	width:100px;
	text-align:center;
}

/*全商で追加*/
/*検定種目マスター*/
#examination-item-grid .column-no{
	width:70px;
}
#examination-item-grid .column-name{
	width:150px;
}
#examination-item-grid .column-code{
	width:100px;
}
#examination-item-grid .column-day{
	width:120px;
}
/*部門マスター*/
#examination-department-grid .column-no{
	width:70px;
}
#examination-department-grid .column-level{
	width:70px;
}
#examination-department-grid .column-code{
	width:100px;
}
#examination-department-grid .column-day{
	width:120px;
}
div.margin-list{
	margin:0 5px 0 10px;
}
/*級合格条件設定*/
.display-column-disabled {
	position: relative;
	overflow: hidden;
	pointer-events: none;
  }
.display-column-disabled::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.6;
  }

/*検定試験*/
#examination-grid .column-name{
	width:150px;
}
#examination-grid .column-no{
	width:70px;
}
#examination-grid .column-day{
	width:100px;
}
/* ===================================================
 * 学校情報画面
 =================================================== */

/* 検索ボタン配置 */
.search-button-box {
	clear: both;
	text-align: right;
	padding-top: 0.5rem;
}

/* グリッドヘッダー */
#school-grid-header {
	margin-bottom: 30px;
}

#school-grid .column-school_code {
	width: 150px;
}
#school-grid .column-school_prefecture_name {
	width: 100px;
}
#school-grid .column-update_date {
	width: 100px;
}

/* 学校詳細ダイアログテキスト */
.school-detail-dialog-text {
	margin-bottom: 14px;
}

/* 詳細画面リスト */
.school-info-detail {
	list-style: none;
	padding: 0 7px;
}
.school-info-detail > li {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}
.school-info-detail > li:last-child {
	margin-bottom: 0;
}
.school-info-detail > li > button {
	width: 170px;
	margin-right: 7px;
}
.school-info-detail > li > p {
	margin: 0;
	line-height: 1.3;
	font-size: 90%;
	flex: 1;
}

/* 識別情報リスト */
.school-identification-list {
	font-size: 90%;
	padding-left: 1rem;
}

/* ラジオの非活性 */
#school-update-form label[readonly] {
	pointer-events: none;
	opacity: 0.6 !important;
}

/* ===================================================
 * 別ウィンドウ全体
 =================================================== */

.window-container {
	padding: 1rem;
}

.window-container .btn {
	padding: 6px 12px;
}

/* ===================================================
 * 課程・学科等情報登録
 =================================================== */
.school-course-detail ul.school-course-list-header > li {
	font-weight: bold;
}
.school-course-list-ul .scl-index-2 {
	text-align: center;
}
.school-course-list-ul .scl-index-2 input[type="checkbox"] {
	width: 17px;
	height: 17px;
}
.school-course-list-ul .scl-index-9 {
	text-align: center;
}
.school-course-list-ul .scl-index-9 input[type="checkbox"] {
	width: 17px;
	height: 17px;
}
.school-course-detail .scl-index-1 {
	width: var(--scl1-w);
}
.school-course-detail .scl-index-2 {
	width: var(--scl2-w);
}
.school-course-detail .scl-index-3 {
	width: var(--scl3-w);
}
.school-course-detail .scl-index-4 {
	width: var(--scl4-w);
}
.school-course-detail .scl-index-5 {
	width: var(--scl5-w);
}
.school-course-detail .scl-index-6 {
	width: var(--scl6-w);
}
.school-course-detail .scl-index-7 {
	width: var(--scl7-w);
}
.school-course-detail .scl-index-9 {
	width: var(--scl9-w);
}
.school-course-detail .scl-index-7 label {
	margin-bottom: 0;
}
.school-course-detail .school-course-list-footer > div {
	margin-left: calc(var(--scl1-w) + var(--scl2-w) + var(--scl3-w) + var(--scl4-w) + var(--scl5-w) + var(--scl6-w));
}
.school-course-detail .school-course-list-area {
	border-bottom: 1px solid black;
	padding: 10px 0 20px 0;
}
.school-course-detail .school-course-list-ul li {
	align-items: flex-start;
	display: flex;
}
.school-course-detail .school-course-list-ul li:not(:first-child) {
	padding-top: 1rem;
}
.school-course-detail .school-course-list-ul li:not(:last-child) {
	border-bottom: 1px solid rgb(141, 141, 141);
	padding-bottom: 1rem;
}
.school-course-detail .school-course-list-ul .btn{
	padding: 5px 12px 6px 12px;
}
.school-course-detail .school-course-list-footer {
	margin-top: 1rem;
	font-weight: bold;
}
input[data-prop-input-number] {
	text-align: right;
}
.ts-text-short-number {
	text-align: right;
	width: 50px;
}
.ts-text-mdl-number {
	text-align: right;
	width: 80px;
}
.cs-d-flex {
	display: flex;
}
.cs-d-none {
	display: none;
}
.cs-d-block {
	display: block;
}
.cs-ai-flex-start {
	align-items: flex-start;
}
.cs-ai-center {
	align-items: center;
}
.cs-ta-center {
	text-align: center;
}
.cs-ta-left {
	text-align: left;
}
.cs-ta-right {
	text-align: right;
}
.cs-pad-20 {
	padding: 20px;
}
.cs-mar-b0 {
	margin-bottom: 0;
}
.cs-mar-b1rem {
	margin-bottom: 1rem;
}
.cs-mar-r5 {
	margin-right: 5px;
}
.cs-mar-r05rem {
    margin-right: 0.5rem;
}
.cs-mar-r1rem {
	margin-right: 1rem;
}
.cs-mar-r2rem {
	margin-right: 2rem;
}
.cs-mar-t1rem {
	margin-top: 1rem;
}
.cs-mar-y-auto {
	margin-left:auto;
	margin-right:auto;
}
.cs-bb-solidblack{
	border-bottom: 1px solid black;
}
.cs-bb-none {
	border-bottom: none !important;
}
.cs-bt-none {
	border-top: none !important;
}
.school-course-list-ul > li:not(:last-child) .scl-index-8 .btn-add {
	visibility: hidden;
}
.cs-vis-hidden {
	visibility: hidden;
}
[data-prop-col-total] {
	margin-right: .5rem;
	margin-left: .5rem;
}

/* ===================================================
 * 試験場校の検定種目登録画面
 =================================================== */
/* 申請・承認ボタン欄 */
.school-certification-item__app-btns {
	text-align: center;
	margin-bottom: 1rem;
}

/* alert */
.school-certification-item__alert {
	padding: 7px;
    margin-bottom: 1rem;
}

/* table */
.school-certification-item-table {
	width: 100%;
}

/* 列幅 */
.school-certification-item-table > thead > tr > th:nth-child(1) {
	width: 10%;
}
.school-certification-item-table > thead > tr > th:nth-child(2) {
	width: 15%;
}
.school-certification-item-table > thead > tr > th:nth-child(3) {
	width: 10%;
}
.school-certification-item-table > thead > tr > th:nth-child(4) {
	width: 30%;
}
.school-certification-item-table > thead > tr > th:nth-child(5) {
	width: 15%;
}
.school-certification-item-table > thead > tr > th:nth-child(6) {
	width: 20%;
}

/* table フッター */
.school-certification-item-table > tfoot > tr > td {
	text-align: right;
}

/* 申請ダイアログ　申請状況表示エリア */
.application-status-display {
	border: 1px solid #cdcdcd;
    margin-top: 1rem;
    padding: 0.5rem;
    text-align: center;
}

 /*右枠のテキストエリア幅調整用*/
 .width-380 {
	width:380px;
  }

.school-certification-item-cbt {
    background-color: #0074c3;
    margin: 0 .1rem;
}

.school-certification-item-mixed {
	background-color: #4c9eb1;
    margin: 0 .1rem;
}

.school-certification-cbt-unique {
	width: 280px;
}

.heads-up-comment {
	width: 363px;
	height: 80px;
}

.view-date-recipt {
	width: 365px;
	height: 80px;
}

/* ===================================================
 * 検定担当の登録画面
 =================================================== */
.school-certification-manager .school-certification-staff {
	overflow : hidden
}
.school-certification-manager .school-certification-staff > div {
	padding-bottom: 100vh;
	margin-bottom: -100vh;
}
.school-certification-manager .school-certification-staff > .border-h {
	border-left: 1px dashed #555;
}
.school-certification-btn-element {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}
.school-certification-staff-ul-list {
	height: 220px;
	overflow: auto;
	border: 1px solid #555;
	padding: 5px;
}
.school-certification-staff-ul-list [type="checkbox"] {
	margin: 0 5px 0 0;
}
.school-certification-staff-ul-list label {
	display: block;
	margin-bottom: 0;
	padding: 2px 0;
}
.school-certification-staff-ul-list label:hover {
	background-color: #eee;
	color: #333;
}
.px-0 {
	padding-left: 0;
	padding-right: 0;
}
.cs-mar-t2rem {
	margin-top: 2rem;
}
.school-certification-staff input[type=text] {
	width: 100%;
}
.school-certification-staff-info-ul-list {
	border: 1px solid #555;
	padding: 5px;
	margin-bottom: 10px;
	min-height: 50px;
}
.school-certification-staff-info-ul-list > li {
	display: flex;
}
.school-certification-staff-info-ul-list > li > span:nth-child(1) {
	width: 30%;
    text-wrap: nowrap;
}
.school-certification-staff-info-ul-list > li > span:nth-child(2) {
	width: 70%;
}
.school-certification-staff-ul-list.big {
	height: 380px;
}

/* ===================================================
 * 識別情報の登録画面
 =================================================== */
div.school-identification-main-area {
	padding: 20px 40px;
 }
 .school-identification-table{
	width: auto;
    max-width: auto;
}
.school-identification-table > thead > tr > th:nth-child(1){
	width: 300px;
}
.school-identification-table > thead > tr > th:nth-child(2){
	width: 100px;
}
.school-identification-table > thead > tr > th:nth-child(3){
	min-width: 157px;
}
.school-identification-table > tbody > tr > td > input[type="text"] {
	width: 100%;
}
.school-identification-table > tbody > tr:not(:last-of-type) .btn-add {
	visibility: hidden;
}

/* ===================================================
 * 進路情報の入力の登録画面
 =================================================== */
.school-career-information-form h3 {
	border: 1px solid #d0d0d0;
	padding: 0.4rem 1rem;
	margin-bottom: 0;
}
.school-career-information-form table {
	margin: 0.5rem 1rem;
}
.school-career-information-form table > tbody > tr > th,
.school-career-information-form table > tbody > tr > td {
	padding:0.2rem;
}
.school-career-information-form table label {
	margin-bottom: 0;
}
.school-career-information-form table:not(.sci-graduate-tbl) > tbody > tr > th:nth-child(1) {
	 width: 300px;
}
.school-career-information-form table > tbody > tr:not([data-prop-row="total"]) > th {
	font-weight: normal;
}
.school-career-information-form table > tbody > tr[data-prop-row="total"] > th {
	text-align:right;
	font-weight: bold;
	padding-right: 2rem;
}
.sci-graduate-tbl > tbody > tr > th:nth-child(1) {
	width: 150px;
}
.cs-pos-relative {
	position: relative;
}
.cs-err-input{
	background-color: #ff9f9f;
}

/* ===================================================
 * 生徒情報画面
 =================================================== */
 /* グリッドヘッダー */
#students-grid-header {
	margin-bottom: 30px;
}
.students-mail-info-group dt {
	width: 170px;
}
.word-break-all {
	word-break: break-all;
}
.school-search-block {
	display: flex;
	align-items: center;
}
.school-search-block > span {
	display: inline-block;
	width: 240px;
}
.school-search-block > div {
	width: 240px;
}
.display-block {
	display: block !important;
}
.display-inline {
	display: inline !important;
}
.display-inline-block {
	display: inline-block !important;
}

.payee-input-set span {
	display: inline-block;
	width: 90px;
}

.margin-top-1 {
	margin-top: .5rem;
}
.margin-top-2 {
	margin-top: 1rem;
}
.margin-top-3 {
	margin-top: 1.5rem;
}
.margin-top-4 {
	margin-top: 2rem;
}
.margin-top-5 {
	margin-top: 2.5rem;
}
.margin-bottom-1 {
	margin-bottom: .5rem;
}

.group > h3 > .help-block {
	display: inline;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
	font-size: .8rem;
	font-weight: normal;
}
/* ===================================================
 * 生徒情報画面 転出者ダイアログ
 =================================================== */
.school-moving-out-result-table > thead > tr > th:nth-child(1) {
	width: 20%;
}
.school-moving-out-result-table > thead > tr > th:nth-child(2) {
	width: 80%;
}
/* ===================================================
 * 生徒情報画面 転入者ダイアログ
 =================================================== */
/* 列幅 */
.school-moving-in-result-table > thead > tr > th:nth-child(1) {
	width: 5%;
}
.school-moving-in-result-table > thead > tr > th:nth-child(2) {
	width: 22.5%;
}
.school-moving-in-result-table > thead > tr > th:nth-child(3) {
	width: 35%;
}
.school-moving-in-result-table > thead > tr > th:nth-child(4) {
	width: 37.5%;
}

/* ===================================================
 * 教員情報画面
 =================================================== */
 /* グリッドヘッダー */
#teacher-grid-header {
	margin-bottom: 30px;
}


/* ===================================================
 * 教員情報画面 (承認権限の割当画面)
 =================================================== */
 .approval-authority-manager .approval-authority-staff {
	overflow : hidden
}
.approval-authority-manager .approval-authority-staff > div {
	padding-bottom: 100vh;
	margin-bottom: -100vh;
}
.approval-authority-manager .approval-authority-staff > .border-h {
	border-left: 1px dashed #555;
	width: 160px;
}
.approval-authority-btn-element {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}
.approval-authority-staff-ul-list {
	height: 220px;
	overflow: auto;
	border: 1px solid #555;
	padding: 5px;
}
.approval-authority-staff-ul-list [type="checkbox"] {
	margin: 0 5px 0 0;
}
.approval-authority-staff-ul-list label {
	display: block;
	margin-bottom: 0;
	padding: 2px 0;
}
.approval-authority-staff-ul-list label:hover {
	background-color: #eee;
	color: #333;
}
.width-10 {
	width: 10%;
}
.cs-mar-t2rem {
	margin-top: 2rem;
}
.approval-authority-staff input[type=text] {
	width: 100%;
}
.approval-authority-staff-info-ul-list {
	border: 1px solid #555;
	padding: 5px;
	margin-bottom: 10px;
	min-height: 50px;
}
.approval-authority-staff-info-ul-list > li {
	display: flex;
}
.approval-authority-staff-info-ul-list > li > span:nth-child(1) {
	width: 30%;
    text-wrap: nowrap;
}
.approval-authority-staff-info-ul-list > li > span:nth-child(2) {
	width: 60%;
}
.approval-authority-staff-ul-list.big {
	height: 380px;
}

/* ===================================================
 * 承認依頼確認画面
 =================================================== */
/* 検索表示順テキスト */
.search-text-box {
	clear: both;
	text-align: right;
	margin-right: 5px;
}
/*グリッドの幅を調整*/
#approval #approval-grid .column-history{
	width:80px;
}
#approval #approval-grid .column-approve{
	width:180px;
}

.cs-err-text{
	color: #ff0000;
}
/* ===================================================
 * 成績入力　成績入力（一覧表）
 =================================================== */
.cs-table-left-border {
	border-left: 2px solid #ddd;
}
.exam-name-area {
	padding: 1rem;
	background-color: #fff;
	border: 1px solid #ddd;
}
.exam-name-area:first-child {
	margin-right: 1rem;
	width: 500px;
}

/* ===================================================
 * 三種目以上1級合格者表彰画面
 =================================================== */
.passing-examination-list {
	max-width: 370px;
}

 /* グリッドヘッダー */
 #commendation-students-grid-header {
	margin-bottom: 30px;
}
/*グリッドの幅を調整 */
#commendation-students-grid .column-school_name{
	width:210px;
}
#commendation-students-grid .column-pass_items{
	width:90px;
}

/* ===================================================
 * 成績入力　ユーザID確認画面
 =================================================== */
.cs-bgc-yellow {
	background-color: yellow;
}
.cs-width-50 {
	width: 50%;
}
#results-user-id-conf-table > thead > tr:first-child > th {
	border-bottom: none;
}
#results-user-id-conf-table > tbody > tr > td:nth-child(10),
#results-user-id-conf-table > tbody > tr > td:nth-child(17),
#results-user-id-conf-table > tbody > tr > td:nth-child(18),
#results-user-id-conf-table > tbody > tr > td:nth-child(19) {
	text-align: center;
}
.cs-err-text-orange{
	color: #ee7800;
	font-weight: bold;
}

/* ===================================================
 * 助成金画面
 =================================================== */
 /* グリッドヘッダー */
 #subsidy-grid-header {
	margin-bottom: 30px;
}

 /* 助成金申請書(助成金申請書)画面 */
 #subsidy-adjustment {
	margin-top: 30px;
}

/* ===================================================
 *合格証明書申請
 =================================================== */
/* 申請資格 */
.pualifications-list {
	display: flex;
	flex-wrap: wrap;
}

/* ===================================================
 *お知らせひな型
 =================================================== */
/* ひな型名 */
#notice-model-name {
	font-weight: bold;
}

/* ===================================================
 * 受験者管理画面
 =================================================== */
#examination-application .bootgrid-button {
	margin-right: 13%;
}

/* ===================================================
 * 経費入力（試験場校）画面
 =================================================== */
.expenses-body {
    padding: 8px;
    border: 1px solid #ddd;
    padding-bottom: 15px;
 }
.expenses-item-label-cbt {
	background-color: #0074c3;
	margin: 0 .1rem;
}
.expenses-item-label-pbt {
	background-color: #000;
	margin: 0 .1rem;
}
.position-absolute {
    position: absolute;
}
[data-cbt-only]:has([data-error-text]) {
    padding-bottom: 20px;
}