@charset "utf-8";

/*
 *
 * 管理画面用 標準スタイル
 *
 */


/* ===== 要素 ===== */

/*
 * --- 文書全体 ---
 */
html {
	overflow-y:scroll;
}
body {
	font-family:'MS PGothic','ＭＳ Ｐゴシック';
  font-size:92%;
	background:#f9fcff;
}

/*
 * --- ブロック ---
 */
div {
	padding:0;
	margin:0;
}

/*
 * --- 見出し ---
 */
h1, h2, h3, h4 {
	margin:0;
}
h1 {
	color:#ffffff;
	font-size:100%;
}
h2 {
	color:#303030;
	font-size:80%;
	margin-bottom:3px;
}
h3 {
	color:#303030;
	font-size:80%;
	margin-bottom:5px;
}
h4 {
	color:#303030;
	font-size:80%;
	margin-bottom:5px;
}

/*
 * --- テキスト ---
 */
p {
	margin:0;
}
em,
strong {
	font-style:normal;
	font-weight:bold;
}
em {
	color:#000000;
}
strong {
	color:#ff0000;
}

/*
 * --- リスト ---
 */

/* 定義リスト */
dl {
	margin:0;
}
dt {
	font-size:90%;
	float:left;
	clear:both;
	width:120px;
	margin:0 5px 0 10px;
	padding:0;
	line-height:1.3;
	border-bottom:1px dotted #d0d0d0;
}
	dt.no-clear {
		clear:none;
		margin-left:20px;
	}
  /* 短い場合 */
  dl.compact dt {
    width:70px;
  }
  /* 長い場合 2014/01/08 追加 */
  dl.long dt {
    width:185px;
  }
dd {
	float:left;
	font-size:90%;
	margin:0 0 3px 0;
	line-height:1.3;
  min-height:1.32em;
  word-wrap: break-word;
}
	dd dd {
		width:250px;
	}
	dd.selected { /* 選択状態 */
		background:#e0f0ff;
	}
	dd.margin {
		margin-left:20px;
	}

/* --- リスト --- */
ul,
ol {
  list-style:none;
  margin:0;
  padding:0;
}


/*
 * --- フォーム ---
 */
label {
	cursor:pointer;
	margin-right:10px;
}
	label:hover {
		color:#3090ff;
	}
input,
textarea {
	font-family:'MS PGothic','ＭＳ Ｐゴシック' !important;
}

/* --- ライン --- */
hr {
  border:none;
  border-bottom:1px dashed #e0e0e0;
}


/* ===== Bootstrapコンポーネント ===== */


/*
 * --- 印刷時の調整 ---
 */

@media print {

  a[href]:after {
  	content: '' !important;
  }

  abbr[title]:after {
	  content: '' !important;
  }

}

/* --- ボタン --- */

.btn {
  box-shadow: 0 2px #d0d0d0;
  margin-bottom: 2px;
  padding: 3px 10px 4px 10px;
  outline: none !important;
  vertical-align: top;
}

.btn:active {
  outline: none !important;
  box-shadow: none;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}

.btn i {
  margin-right: 4px;
}

/* --- ボタンテーマ --- */
.btn-std, .btn-std:hover, .btn-std:focus,
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus,
.btn-optional, .btn-optional:hover, .btn-optional:focus,
.btn-notice, .btn-notice:hover, .btn-notice:focus,
.btn-action, .btn-action:hover
{
  color: #ffffff;
}

.btn-std:disabled,
.btn-secondary:disabled,
.btn-optional:disabled,
.btn-notice:disabled,
.btn-approval-active:disabled,
.btn-cancel:disabled
{
  color: #808080 !important;
  background-color: #d0d0d0 !important;
  box-shadow: 0 2px #c0c0c0;
}


.btn-std {
  background-color: #3bafda;
}

.btn-std:hover {
  background-color: #2b9fca;
}


.btn-secondary {
  background-color: #8cc152;
}

.btn-secondary:hover {
  background-color: #7Cb142;
}

.btn-optional {
  background-color: #90a0a0;
}

.btn-optional:hover {
  background-color: #809090;
}

.btn-notice {
  background-color: #ed5565;
}

.btn-notice:hover {
  background-color: #da4453;
}

.btn-action {
	/*background-color: #94d82d;*/
	background-color: #fab005;
}

.btn-action:hover {
	/*background-color: #83be2a;*/
	background-color: #d89905;
}
.btn-approval-active {
	background-color: #ffff00;
}
.btn-approval-active:hover {
	background-color: #e6e600;
}

.btn-cancel {
	background-color: #fff3be;
}
.btn-cancel:hover {
	background-color: #f1e5b1;
}


/*
 * --- Bootstrapダイアログ ---
 */

body.modal-open {
  padding-right: 0 !important;
}

.modal-dialog .modal-content {
}

.modal-dialog .modal-header {
  padding: 10px 5px 8px 15px;
}

.modal-dialog .btn-dialog {
  min-width: 100px;
}




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

/*
 * --- 全体 ---
 */
#header,
#content,
#footer {
	width:1445px;
	clear:both;
	margin:0 auto;
}
#header {
	background-color:#296f79;
	padding:6px 0;
  position:relative;
}
	#header.specialist {
		background-color:#b46e00;
	}
#footer {
	background:#b0b0b0;
	padding:3px 0;
}
#content {
	background:#ffffff;
}
#nav {
	width:180px;
	float:left;
	margin:0;
	padding:0;
	background:#e0e0e0;
}
#article {
	width:1265px;
	float:right;
	margin:0;
	background:#ffffff;
}

/*
 * --- ヘッダー ---
 */
#header h1 {
	margin:0px;
	padding:2px 5px;
}
#header h1 .title {
	color:#296f79;
	background:#ffffff;
	border:1px solid #d0d0d0;
	padding:2px 5px;
	margin-right:10px;
}
	#header.specialist h1 .title {
		color:#b46e00;
	}

#header .logout,
#header .login-user,
#header .manual,
#header .to-page,
#header .status-list{
	float: right;
	font-size: 80%;
}

/* ログアウト */
#header .logout {
	margin: 2px 15px 0 0;
	padding: 2px 0 2px 20px;
}
	#header .logout a {
		color:#ffffff;
		text-decoration:none;
	}
	#header .logout a:hover {
		color:#ffff00;
		text-decoration:underline;
	}

/* ログイン名 */
#header .login-user {
	margin:1px 15px 0 0;
  padding: 2px 10px 3px 25px;
  border-radius: 10px;
  color: #606060;
	background: url('../image/icon/login-user.png') 6px center no-repeat #ffffff;
}

/* マニュアル表示 */
#header .manual {
	margin: 2px 5px 0 0;
	padding: 2px 10px 2px 26px;
  border-right: 1px dotted #dddddd;
	background: url('../image/icon/manual.png') 6px center no-repeat;
}

/* ページジャンプ */
#header .to-page {
	margin: 2px 15px 0 0;
	padding: 2px 10px 2px 26px;
  border-right: 1px dotted #dddddd;
	background: url('../image/icon/account-page.png') 6px center no-repeat;
}


/*状況一覧表*/

#header .status-list{
	margin: 2px 15px 0 0;
	padding: 2px 10px 2px 26px;
  border-right: 1px dotted #dddddd;
	background: url('../image/icon/page_white_text.png') 6px center no-repeat;
}


	#header .logout a,
	#header .manual a,
	#header .to-page a,
	#header .status-list a{
		color:#ffffff;
		text-decoration:none;
	}
	#header .logout a:hover,
	#header .manual a:hover,
	#header .to-page a:hover,
	#header .status-list a:hover {
		color:#ffff00;
		text-decoration:underline;
	}


/* 試験一覧 */
#header .exam-list {
  position:absolute;
  width:200px;
  top:6px;
  left:280px;
}




/*
 * --- フッター ---
 */
#footer p {
	color:#ffffff;
	font-size:70%;
	text-align:center;
	margin:0;
}

/*
 * --- ナビゲーション ---
 */
#nav .menu {
	margin:10px 0 10px 10px;
	padding:0;
}
	#nav .menu li {
		font-size:90%;
		font-weight:bold;
		list-style:none;
		margin:5px 0 15px 0;
	}
		#nav .menu li ul {
			padding:0 0 0 10px;
		}
			#nav .menu li ul li {
				font-size:100%;
				font-weight:normal;
				list-style:none;
				padding:2px 0 2px 10px;
				margin:5px 0;
			}
			#nav .menu li ul li.now {
				background:#ffffff;
			}
	#nav .menu a {
		text-decoration:none;
	}
		#nav .menu a:hover {
			color:#ff6600;
			text-decoration:underline;
		}
	/* ロゴ */
	#nav .logo {
		width:178px;
		text-align:center;
		line-height:1.3;
		margin:10px 1px 1px 1px;
		padding:8px 0 8px 0;


		/*20160802背景色指定のみに変更*/
		background-color:#ffffff;

		/*20160802現状、CREDITSでは、ロゴは表示しない。




		border-top:3px double #e0e0e0;
		background:url('../image/logo/naika.png') center bottom no-repeat #ffffff;
		*/
	}
		#nav .logo .title {
			color:#707070;
			font-size:85%;
		}
		#nav .logo .version {
			color:#909090;
			font-size:80%;
			/*20160802 ロゴを表示しないのでバージョンの下の下線は表示しない。




			border-bottom:1px dotted #e0e0e0;
			*/
			margin:0 15px;
			padding-bottom:3px;
		}
		#nav .logo .manual {
		    margin: 0 10px;
		    padding-top: 8px;
		    border-top: 1px dashed #E0E0E0;
		}

/*
 * --- アーティクル ---
 */

/* カラム */
div.column {
	float:left;
}
div.section {
	margin:5px 0 5px 5px;
	padding:5px 10px;
	background:#f0f0f0;
}
#article div.new,
#article div.list {
	width:707px;
}
#article div.info {
	width:545px;
}
#article div.wide {
	width:1235px;
}

/* グループ */
div.group {
	border:1px solid #d0d0d0;
	background:#ffffff;
	padding:5px;
	margin-bottom:5px;
	position:relative;
}

/* フロート対策 */
div.section:after,
div.group:after {
	content:'';
	display:block;
	clear:both;
	overflow:hidden;
}

/* ソート */
#article div.sort h3 {
	float:left;
}
#article div.sort div {
	font-size:90%;
	margin-left:20px;
	float:left;
}

/* ワイド表示 */
.wide div.group.number,
.wide div.group.view {
	float:left;
	margin-left:5px;
}
.wide div.group.number {
	width:138px;
	margin-left:0;
}
.wide div.group.number {
	text-align:center;
}
.wide div.group.number h3 {
	text-align:left;
}
.wide div.group.number input {
	width:128px;
}
.wide div.group.number .button {
	margin-top:11px;
	margin-bottom:5px;
}
.wide div.group.view {
	width:342px;
}
.wide div.group.view.column {
  width:708px;
}
.wide div.group.view dt {
	width:100px;
}
.wide div.group.view.column dl {
  width:340px;
  float:left;
}
.wide div.group.view.column dl.border {
  padding-left:20px;
  border-left:1px dashed #e0e0e0;
}

/* 左右で差が出る場合 */
.wide div.group.view.examinee {
  width:260px;
}
.wide div.group.view.manager {
  width:436px;
}


/*
 * --- タブ内のコンテンツ ---
 */
.tab-group {
}

/* 見出し */
.tab-group h3 {
  margin-left: 5px;
  margin-top: 5px;
  clear: both;
}

/* 定義リスト */
.tab-group dl {
  overflow: hidden;
  margin-bottom: 10px;
}

/* テーブル */
.tab-group table {
  margin-left: 10px;
  margin-bottom: 10px;
  width: 96%;
}
.tab-group table td {
  font-size: 90%;
  text-align: center;
}
.tab-group table thead th,
table.default-theme thead th {
  background-color: #f0f0f0;
}
.tab-group table tbody th,
table.default-theme tbody th {
  text-align: center !important;
  background-color: #f9f9f9;
}



/* ===== ページレイアウト（ユーザー別） ===== */

/* レイアウト */
.user-mode #header,
.user-mode #content,
.user-mode #footer,
.user-mode #article {
	width:1200px;
}
.user-mode #content {
	position:relative;
}
.user-mode #article div.new,
.user-mode #article div.list {
	width:600px;
}
/* ナビゲーション */
.user-mode #nav {
	position:absolute;
	float:none;
	top:-26px;
	left:500px;
	width:auto;
	padding:0 0 0 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.user-mode #nav .menu {
	margin:5px 0 0 5px;
}
.user-mode #nav .menu ul {
	float:right;
}
.user-mode #nav .menu li {
	display:inline;
	float:left;
	margin:0 10px 0 0;
	padding-bottom:0;
}
.user-mode #nav .menu li li {
	padding:4px 10px 4px 10px;
}

/* --- コンテンツ --- */
.user-mode #article .wide {
	width:1170px;
}

/* 管理者用の要素を非表示の場合 */
.user-mode .admin {
	display:none;
}

/* 入力ユーザー用の要素を非表示の場合 */
.user {
	display:none;
}
.user-mode .user {
	display:block;
}
.user-mode button.user {
  display:inline;
}


/* ===== 汎用 ===== */

/*
 * --- ボタンエリア ---
 */
.button {
  margin-top:2px;
	text-align:right;
	/*ボタン右下になるが縦幅が必要*/
	/*clear:both;*/
}
.button.top {
	position:absolute;
  top:5px;
  right:5px;
}
.button.bottom {
	position:absolute;
	bottom:5px;
  right:5px;
}

/*
 * --- ボタン ---
 */
button {
	font-size:9pt !important;
	line-height:1 !important;
}
/* コンパクト表示 */
button.compact .ui-button-text {
	padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 10px;
}


/*
 * --- リスト ---
 */

/* メンバーリスト */
#member-list {
	clear:both;
}


/*
 * --- 一般テキストスタイル ---
 */

.ts-text { /* 一般的なテキスト */
	width:380px;
}
.ts-textarea { /* テキストエリア */
	width:380px;
	height:80px;
}
.ts-textarea-large { /* 大きいテキストエリア */
	width:460px;
	height:353px;
}
.ts-textarea-large-height { /* 大きいテキストエリア(縦もおおきい) */
	width:460px;
	height:420px;
}
.ts-textarea-fit { /* 一覧系リスト */
	width:100%;
	border:1px solid #d0d0d0;
	border-top-color:#a0a0a0;
	margin-bottom:5px;
}
.ts-text-option {  /* オプション的なテキスト */
	width:320px;
	height:60px;
	margin-top:5px;
}

.ts-textarea-fit100p { /* 100% */
	width:100%;
}

.ts-text-long { /* 長いテキスト */
	width:460px;
}
.ts-text-medium { /* 中ぐらいのテキスト、dd ddなどに */
	width:240px;
}
.ts-text-short { /* 短いテキスト */
	width:120px;
}
.ts-text-shorter { /* さらに短いテキスト */
	width:100px;
}
.ts-text-fit { /* フィットテキスト */
	width:100%;
}

.ts-mail { /* メール */
	width: 380px;
}
.ts-number, /* 数字的なもの */
.ts-tel { /* 電話／FAX */
	width:100px;
	margin-right:5px;
}
.ts-zip { /* 郵便番号 */
	width: 70px;
	margin-right: 5px;
}
.ts-number-short { /* 短い数字 */
	width:60px;
	margin-right:5px;
}
.ts-year { /* 年 */
	width:40px;
}
.ts-month, /* 月日 */
.ts-day {
	width:25px;
}

.ts-time {/*時間・分*/
	width:60px;
}

/*.ts-time  jqery色指定*/
.xdsoft_time_box{
	border-color:#a6c9e2 !important;
}

.xdsoft_datetimepicker{
	border-color:#a6c9e2 !important;
}

.xdsoft_time{
	color:#2e6e9e !important;
	background-color:#e5f2fc !important;
	border-color:#c5dbec !important;
}


.xdsoft_current{
	background-color:#fbec88!important;
	border:1px solid #fad42e!important;
	color:#363636!important;
	box-shadow:none!important;
}

.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
    background: #cee7fb !important;
	color:#2e6e9e !important;
	border:1px solid #79b7e7!important;

}

.ts-initial { /* 頭文字 */
	width:30px;
}
.ts-date { /* 日付 */
	width:80px;
	margin-right:2px;
}

/* リードオンリーの要素 */
.read-only {
  background-color:#f9f9f9;
}
input.read-only {
  border:1px solid #d0d0d0;
}

/* 一時的にリードオンリーの要素 */
.state-read-only {
  border:1px solid #e0e0e0;
}


/* メールアドレス表示 */
span.mail {
	font-family:'ＭＳ ゴシック','MS Gothic',monospace;
	letter-spacing:1px;
}

/* 備考 */
.notes {
	font-size:85%;
  font-weight: normal;
	color:#666666;
}

/* カウント*/
.count {
	border:#d0d0d0 solid 1px;
	background:#f0f0f0;
	padding:2px 10px;
	margin:0 5px;
}

/* ラベルの選択状態 */
label.selected,
label.no-selected {
  cursor:default;
}
label.selected {
  color:#0060f0;
  font-weight:bold;
}
dd.ng,
.ng .selected {
  color:#f03000;
}
label.no-selected {
  color:#909090;
}


/*
 * --- 必須項目 ---
 */

/* フォーム */
input.required {
  background-color: #fff3f3;
  border-top: 1px solid #abadb3;
  border-left: 1px solid #e2e3ea;
  border-bottom: 1px solid #e3e9ef;
  border-right: 1px solid #dbdfe6;
	padding: 2px;
}
input.required:hover,
input.required:focus {
  border-top: 1px solid #e09090;
  border-left: 1px solid #d0c0c0;
  border-bottom: 1px solid #f0d0d0;
  border-right: 1px solid #f0d0d0;
}
/* エリア */
div.required {
  background-color: #fff3f3;
  border: 1px solid #e0c0c0;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

/*
 * --- タグスタイル ---
 */
.tag li {
  border:1px solid #d0d0d0;
  background-color:#f6f6f6;
  white-space:nowrap;
  float:left;
  padding:0 5px;
  margin-right:5px;
  margin-bottom:3px;
}


/*
 * --- テキストエリア ---
 */
.view-textarea {
	margin:5px 1px;
	padding:5px 10px;
	border:1px solid #d0d0d0;
}
	.ts-text.view-textarea {
		width:360px;
	}

/*
 * --- INPUT的なテキストエリア ---
 */
.inputstyle-textarea {
  overflow: hidden;
  height: 1.1em;
}


/* ハイライト */
.highlight {
  font-weight: bold;
  padding: 2px 10px;
  border: 1px solid #d0d0d0;
  background-color: #ffff90;
  border-radius: 5px;
}

/* オプション枠 */
span.option {
  padding: 2px 5px 3px 5px;
  border: 1px solid #e0e0e0;
  background-color: #f6f6f6;
  border-radius: 3px;
}
span.option em {
  font-weight: normal;
  padding: 0 5px 1px 5px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}

/* オプションボックス */
.option-box {
	margin:5px 0;
	padding:3px 5px;
	border:1px solid #f0f0f0;
	background-color:#f9f9f9;
}
.ng .option-box {
	background-color:#fff9f9;
  border-color:#e0d0d0;
}
.option-box h3 {
  font-size:85%;
  float:left;
  margin-right:5px;
  padding-top:5px;
}


/*
 * --- レイアウト／状態 ---
 */

/* フォント */
.font-larger {
  font-size: 110%;
}

/* 表示関連 */
.hidden {
	display:none;
}

/* 回り込み */
.float-clear {
  clear:both;
}
.overflow-clear:after {
	content:'';
	display:block;
	clear:both;
	overflow:hidden;
}

/* ボックスモデル */
.no-margin {
  margin: 0 !important;
}
.no-vertical-margin {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.no-padding {
  padding: 0 !important;
}

/* ボーダー */
.no-border {
  border:none;
}
/* 入力フォーム風ボーダー */
.input-border {
	border:1px solid #d0d0d0;
	border-top-color:#a0a0a0;
}
.round-border {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 10px;
  margin: 10px;
  line-height: 1.3;
  overflow: hidden;
}

/* 折り返し */
.no-wrap {
  white-space:nowrap;
}

/* 位置調整 */
.offset-top {
  margin-top:3px;
}
.offset-bottom {
  margin-bottom:3px;
}
.offset-left {
  margin-left:3px;
}
.offset-right {
  margin-right:3px;
}
.left-margin {
  margin-left: 10px;
}
.top-margin {
  margin-top: 10px;
}
.bottom-margin {
  margin-bottom: 10px;
}

.center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* 幅 */
.width-fit {
  width: 100%;
}
.width-400 {
  width: 400px;
}

/* 固定幅 */
.fixed-width-2em,
.fixed-width-3em,
.fixed-width-4em {
  display: inline-block;
}
.fixed-width-2em {
  width: 2em;
  margin-right: 2px;
}
.fixed-width-3em {
  width: 3em;
}
.fixed-width-4em {
  width: 4em;
}


/* 入力モード */
/*初期値が英数字入力モード*/
.ime-inactive{
  ime-mode: inactive;
}
/*初期値が日本語入力モード*/
.ime-active{
  ime-mode: active;
}




/* ===== テーブル ===== */

/*
 * --- 一般的なテーブル ---
 */
table.list {
  clear:both;
	border-collapse:collapse;
  border:1px solid #e0e0e0;
  background-color:#ffffff;
}
table.list caption {
  color:#ffffff;
  font-weight:bold;
  padding:3px 0;
  background-color:#a0a0a0;
}
table.list th,
table.list td {
  padding:3px 5px;
  border-right:1px dotted #e0e0e0;
  border-bottom:1px solid #e0e0e0;
}
table.list thead th {
  text-align:center;
  font-size:80%;
  white-space:nowrap;
}
table.list tbody th {
  text-align:left;
  font-weight:normal;
}

/*
 * --- 表示用テーブル ---
 */
table.view {
  clear:both;
	border-collapse:collapse;
	font-size:90%;
}
table.view tbody th,
table.view tbody td {
	padding:3px 5px;
}
table.view tbody th {
	width:180px;
	font-weight:normal;
	text-align:left;
	border-right:1px dashed #e0e0e0;
}

/*
 * --- 標準テーマ（タブ内のテーブルと同じ） ---
 */
table.default-theme {
  margin-left: auto;
  margin-right: auto;
}

/*
 * --- 行 ---
 */

/* シマ模様 */
.even-line {
	background-color:#f6f6f6;
}
/* NG行 */
tr.ng th,
tr.ng td {
	/*background-color:#fff0f0;*/
	background-color:#ffccff;
  border-bottom:1px solid #ffffff;
}

/*研修歴の内科月数強調*/
td.ng {
	background-color:#ffccff;
  border-bottom:1px solid #ffffff;
}

/*
 * --- セル ---
 */
th.number,
td.number {
  width:20px;
  text-align:right;
}
th.status,
td.status {
  width:25px;
  text-align:center;
}



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

/*
 * --- ウィジェット ---
 */
.ui-widget,
.ui-widget select,
.ui-widget textarea {
	font-family: 'MS PGothic','MS Pゴシック' !important;
  font-size: inherit;
}
.ui-widget .ui-widget {
	font-size:70%;
}

/* デートピッカー */
#ui-datepicker-div {
	font-size:80%;
}
.ui-datepicker-trigger {
	cursor:pointer;
}

/* ダイアログ */
.ui-dialog .ui-dialog-content {
  padding:0 5px;
}
.ui-dialog .ui-dialog-buttonpane {
	padding:0;
}

/* ボタン */
.ui-button .ui-button-text {
	line-height:1 !important;
}

/* タブ */
.ui-tabs .ui-tabs-nav li a {
	padding:2px 5px;
	font-weight:normal;
  font-size:90%;
  max-width:10em;
	white-space:nowrap;
	text-overflow:ellipsis;
  overflow:hidden;
}
.ui-tabs .ui-tabs-panel {
	overflow:hidden;
  padding:10px 0 5px 0;
}


/*
 * --- グリッドプラグイン ---
 */

/* グリッド全般 */
.flexigrid {
	font-family:'MS PGothic' !important;
	font-size:9pt;
}
.flexigrid div.bDiv td {
	vertical-align:middle !important;
	height:20px;
}
.flexigrid div.bDiv td div {
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.flexigrid div.nBtn {
  top: 27px !important;
}
/* ページ遷移バー表示調整 */
.bootgrid-footer .pagination {
	width:295px;
}

/* 更新ボタンの表示調整 */
.bootgrid-button{
	margin-right: 15%;
}

/* 操作アイコン */
.table-output,
.table-update,
.table-delete,
.table-export,
.table-import,
.table-send,
.table-page-send,
.table-mail,
.table-yen,
.table-user-clear,
.table-date  {
	background:left center no-repeat;
}
.table-output {
	background-image:url(../image/icon/print.png);
}
.table-update {
	background-image:url(../image/icon/refresh.png);
}
.table-delete {
	background-image:url(../image/icon/delete.png);
}
.table-export {
	background-image:url(../image/icon/export.png);
}
.table-import {
	background-image:url(../image/icon/import.png);
}
.table-send {
	background-image:url(../image/icon/note-go.png);
}
.table-page-send {
	background-image:url(../image/icon/page-go.png);
}
.table-mail {
	background-image:url(../image/icon/mail-go.png);
}
.table-yen {
	background-image:url(../image/icon/yen-go.png);
}
.table-user-clear {
	background-image:url(../image/icon/user-clear.png);
}
.table-date {
	background-image:url(../image/icon/date.png);
}


/* 項目のアイコン */
.status-ok,
.status-print {
	padding-left:16px;
	background:left center no-repeat transparent;
}
.status-ok {
	background-image:url(../image/icon/ok-small.png);
}
.status-print {
	background-image:url(../image/icon/print-small.png);
}


/*
 * --- 郵便検索プラグイン ---
 */
#zip-temp1 {
	display:none;
}


/*
 * --- オートコンプリートプラグイン ---
 */
.ac_input {
	font-size: 92%;
}
.ac_s_input {
  padding: 2px 3px;
  margin: 1px 0 2px 0;
  border: 1px solid #dbdfe6;
  border-top-color: #abadb3;
}
.ac_s_input:hover,
.ac_s_input:focus {
  border-color:#c7e2f1;
  border-top-color:#5794bf;
}
.ac_btn_out {
	background-color:#e5f2fc;
}


/*
 * --- 都道府県選択プラグイン ---
 */
input.jsmap {
  padding-left:30px;
  background-position:4px center;
  border:1px solid #dbdfe6;
  border-top-color:#abadb3;
  cursor:pointer;
}
  .ie8 input.jsmap {
    border-color:#7f9db9;
  }
input.jsmap:hover {
  background-color:#f0f9ff;
}
div.jsmap {
  z-index:100;
}

/*
 * --- 多段メニュープラグイン ---
 */
div.mcdropdown {
  width:240px;
  border:1px solid #e2e3ea;
  border-top-color:#abadb3;
}
div.mcdropdown input,
div.mcdropdown div {
  font-size: inherit;
}
ul.mcdropdown_menu,
ul.mcdropdown_menu ul,
ul.mcdropdown_autocomplete {
  font-family:inherit !important;
  font-size:inherit !important;
  background-color:#ffffff;
  border:1px solid #e2e3ea;
}
ul.mcdropdown_menu li {
  border:none !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}
ul.mcdropdown_menu li.mc_root {
  color:#303030;
  margin-right:0;
}
ul.mcdropdown_menu ul {
  padding-bottom:0;
  margin-left:35px;
}
ul.mcdropdown_menu ul li {
  color:#303030;
  background-color:#ffffff;
}
ul.mcdropdown_menu li:hover,
ul.mcdropdown_menu li:hover.mc_parent,
ul.mcdropdown_autocomplete li.mc_hover,
ul.mcdropdown_autocomplete li.mc_hover_parent {
  color:#3060f0 !important;
  background-color:#c0e0ff !important;
}
ul.mcdropdown_autocomplete li {
  font-family:inherit !important;
  font-size:inherit !important;
  border:none !important;
}

/*
 * --- リストアップセレクトボックス プラグイン ---
 */
a.sctble_display {
  border:1px solid #dbdfe6;
  border-top-color:#abadb3;
  width: 200px;
  padding: 1px 5px;
  cursor: pointer;
}
a.sctble_display:hover {
  background-color:#f0f9ff;
}
a.sctble_display span {
  width: 100%;
  cursor: pointer;
}
div.sctble_mat {
  max-width: 510px;
  background-color: #f3f3f3;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
}
div.sctble_mat .body {
  overflow-y: auto !important;
}
div.sctble_mat dl dt {
  clear: none;
  width: 100px;
}
div.sctble_mat dl dd {
  margin-left: 100px !important;
  padding-left: 10px !important;
  padding-bottom: 0 !important;
  margin-bottom: 5px !important;
  border-left: 1px solid #c0c0c0 !important;
  float: none;
}
div.sctble_mat a {
  display: inline-block;
  color: #303030;
  padding: 4px 15px 3px 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  background-color: #d9d9d9;
  border-radius: 10px;
  outline: none;
  white-space: nowrap;
}
div.sctble_mat a:hover {
  color: #3060ff;
  background-color: #f0f9ff;
}
div.sctble_mat a.selected {
  color: #ffffff !important;
  background-color: #3090ff;
}
div.sctble_mat a.selected:hover {
  color: #000000;
}


/*
 * --- タイムピッカー ---
 */

.ts-datetime-icon,
.ts-time-icon {
  margin-left: 5px;
  cursor: pointer;
  color: #3bafda;
  font-size: 11pt;
}

.ts-datetime-icon:hover,
.ts-time-icon:hover {
  color: #2b9fca;
}

.ts-datetime-icon.disabled,
.ts-time-icon.disabled {
  cursor: default;
  color: #808080 !important;
}



/* ===== 固有レイアウト ===== */

/*
 * メール置換表
 */
#replace-table tbody {
  font-size:85%;
  line-height:1.2;
}
#replace-table tbody th {
  white-space:nowrap;
  border-left:3px solid #e0e0e0;
  background-color:#f0f6f9;
}
#replace-table .focused {
  color:#006090;
  border-left-color:#006090;
  background-color:#c0e0ff;
}

/* ===== マスター年度画面対応CSS追加 ===== */
#year-button{
  position:absolute;
  right:5px;
  top:2px;
}

#master-year-form dd:nth-child(3){
  margin-left:10px;
  margin-top:4px;}

#master-year-form dt{
  margin-top:4px;
}

#master-year-name{
  width:50px;
}

#workshop-header-list a:hover{
 text-decoration:none !important;
 	/*background-color:#428bca;
    color:#FFFFFF;*/
}
#workshop-header-list a{
  white-space:nowrap
}

#workshop-header-list .workshop-select{
 	background-color:#CCCCCC;
    color:black;
}

/*↓↓薬樹で追加↓↓*/
/*
 * 登録内容確認
 */
 /*必須項目アイコン*/
.icon-required::after {
    content: "＊";
    font-size: 80%;
    padding-right: 2px;
    color: #E53935;
	font-weight: bold;
}

/*
 * コース状況確認
 */
/*所属検索*/
#article-tree {
	width:512px;
	margin:0;
	background:#ffffff;
	float: left;
}


/*
 * コース管理
 */
/*開催場所　スクロールバー*/
.place-scroll-area {
	width: 420px;
	overflow-y: auto;
	max-height: 150px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #D0D0D0;
}
/*コンテンツ編集　コンテンツ履修条件　スクロールバー*/
.content-scroll-area {
	width: 380px;
	overflow-y: auto;
	max-height: 80px;
	padding: 2px;
	border: 1px solid #D0D0D0;
}
/*
 * 法人管理
 */
/*担当者　カウンターリセット*/
#corporation-cfm .unit-person{
	counter-reset:number 0;
}

/*担当者１　担当者２…*/
#corporation-cfm .unit-person .responsible .responsible-num::before{
	counter-increment:number 1;
	content:"担当者 "counter(number) ;
}

/*
 * 会場管理
 */
 /*テキストエリア*/
#place-cfm .ts-textarea-height-short{
	width:370px;
	height:40px;
}

/*
 * 認定確認
 */
/*ボタンが2行表示されるように、上を空ける*/
#credentials-cfm-grid-header{
	margin-bottom: 30px;
}

/*
 * メールひな型
 */
 /*本文のテキストエリア*/
.width-mail-body {
  width:525px;
  font-size:100%
}


/*
 * 共通
 */
 /*kカラム幅調整用*/
.width-80 {
	width:80px;
}
.width-50 {
	width:50px;
}

 /*右枠のカラム落ち対応*/
.width-350 {
  width:350px;
}

 /*左枠のカラム落ち対応*/
.width-530 {
  width:530px;
}

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

/*メール送付状況　メールボタン*/
.mail-send-view-button{
  margin-left: 5px;
}

/*コース状況確認画面、システム設定画面当で使用*/
dd.search-long-list {
	width: calc(100% - 160px);
}

/* ローディング */
.loading-cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    z-index: 3000;
  }
  .loading-cover > div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 50px;
    margin: auto;
    font-size: 16px;
    letter-spacing: 1px;
    color: white;
  }
  @keyframes animRotate {
    0% { transform: rotate(0); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
  }
  .loading-cover p {
    text-align: center;
  }
  .loading-cover .glyphicon {
    display: inline-block;
    width: 25px;
    height: 24.2px;
    margin: 0;
    padding: 0;
    font-size: 25px;
    animation: animRotate 1s linear infinite;
  }

  #master .target-slide {
	width: 100%;
	padding: 0 5px 0 10px;
  }
  #master .link-import-export {
	padding: 2px 0 0 10px;
  }
  #master #import-form {
	margin-bottom: 3px;
  }
  #master #import-file {
	width: 100%;
  }

  /*管理者画面の入力欄をdisabledにする*/
  .group-disabled button {
	position: relative;
	z-index: 1;
  }

  .group-disabled dl {
	position: relative;
	overflow: hidden;
	pointer-events: none;
  }
  .group-disabled dl::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.6;
  }

p.dialog-display-target-count {
	color : blue;
}

div.confirm-dialog-with-count-message {
	width:fit-content;
	text-align:center;
	margin:auto;
}