@CHARSET "UTF-8";
/**
* UX改善共通スタイル設定
*
* @author:NEC(済南)
* @date:2019/03/13
*/


/**IE 自身のスクロール位置の固定*/
html,body{
	-ms-overflow-style:scrollbar;
	font-size:12px;
}

/* code.lessの影響を避けるためcode,kbd,pre,samp,buttonも指定 */
code,
kbd,
pre,
samp,button,
html,body {
	/* サードパーティから影響を受けるのを避けるため、!important */
	 font-family:"メイリオ",Meiryo,sans-serif !important;
}

a,a:hover,a:active,a:link{
	cursor:pointer
}

/**パネルタイトル共通 */
#mainDiv,.mainDiv{
	/* border:10px solid #dfe0e6; */
	height: 100%;/* モバイルに対応するため変更 */
	padding:0px 10px 10px 10px;
	position:absolute;
	z-index:1;
	/*top:69px;*//* モバイルに対応するため変更 */
	width:100%;
}
#topDiv{
	position:static;
	background:#fff;
	box-shadow:none;
	height: 39px;
	line-height: 38px;
	border-bottom:1px solid #d7dadd;
	margin-bottom:16px
}
#topDiv font{
	color:#323232;
	font-size:18px;
	font-weight:700;
	height: 39px;
	text-align:left
}
.subTitleFont{
	padding:0 10px 0 0;
}

.container{
	margin-left:0px;
	padding:0
}
.fieldLabel{
	font-size: 12px;
	font-weight:400
}
/********************************/
/*         ラジオボタンーなど         */
/********************************/
input[type="radio"],
input[type="checkbox"]{
	vertical-align:middle;
	position:relative;
	display:none;

}
input[type="radio"] + label,
input[type="checkbox"] + label{
	padding-left:17px;
	display:inline-block;
	line-height:1.5em;
	min-height:1.5em;
	cursor:pointer;

}
input[type="radio"] + label{
	background:url(../icon/icn_radio_off.svg) no-repeat;
	background-size:14px 14px;
	background-position: 0px 1px;
}
input[type="checkbox"] + label{
	background:url(../icon/icn_check_off.svg) no-repeat;
	background-size:14px 14px;
	background-position: 0px 1.4px;
}
input[type="radio"] + label:hover{
	background:url(../icon/icn_radio_off_mouseover.svg) no-repeat;
	background-size:14px 14px;
	background-position: 0px 1.4px;
}
input[type="checkbox"] + label:hover{
	background:url(../icon/icn_check_off_mouseover.svg) no-repeat;
	background-size:14px 14px;
	background-position: 0px 1.4px;
}
input[type="checkbox"]:checked	+ label{
	background:url(../icon/icn_check_on.svg) no-repeat;
	background-size:14px 14px;
	background-position: 0px 1.4px;
}

input[type="radio"]:checked	+ label{
	background:url(../icon/icn_radio_on.svg) no-repeat;
	background-size:14px 14px;
	background-position: 0px 1.4px;
}

/*******************************/
/*           ページング             */
/*******************************/
.pagination > li > a{
	height: 24px;
	width: 24px;
	color: #646464;
	background-color: #f0f3f7;
	border: none;
	margin: auto 1px;
	border-radius:none;
	padding:0;
	line-height:1;
	text-align:center;
	line-height:24px;
	cursor:pointer
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover{
	color: #d9d9d9;
	background-color: #0670ef;
	border: none;
	/* margin: auto 1px; */
	border-radius:0px;
	cursor:pointer;
}
.pagination > li:first-child > a,.pagination > li:last-child > a{
	border-radius:0px;
}

/*******************************/
/*         モデルダイアログ          */
/*******************************/
.modal-content{
	border-radius:0px
}
.modal-title{
	Line-height:18px;
}
.modal-header{
	background:#fff;
	min-height:38px;
	border-bottom-color: #d7dadd;
	padding:10px 10px 10px 20px;
	color:#323232

}
.modal-header:hover,.modal-header:active{
	background:#fff;
	min-height:38px;
	border-bottom-color: #d7dadd;
	color:#323232
}

.modal-dialog{
	width:520px;
}

.modal-header h4{
	color:#323232;
	font-size:18px;
	font-weight:700
}
.modal-header>.close{
	height:20px;
	width:20px
}
.modal-body{
		padding:30px 20px;
		min-height:100px;
	}
.modal-body label{
	font-weight:400
}
.modal-footer{
	border-top:1px solid #d7dadd;
	height:48px;
	padding:10px 20px;
}
.in.modal-backdrop{
	filter:alpha(opacity=30);
	opacity:0.3
}
.focus.btn-primary, .btn-primary:focus {
	color: #323232;
	background-color:#fff;
	border-color:d7dadd;
}


/*******************************/
/*             ボタン共通          */
/*******************************/
/*画面下とモーダルに配置の場合*/
.btn{
	outline:none;
	font-size:12px;
	height:24px;
	min-width:100px;
	padding:0 10px;
	color:#fff;
	background:#0670ef;
	border-radius:0px;
	line-height:24px;
	border:none;
	outline: none;
}
.btn:hover{
	background:#0892f4;
	color:#fff;
	outline:none;
}
.btn:active{
	background:#044eea;
	color:#fff;
	outline:none;
}
.btn:disabled{

	outline:none;
}
.highButton{
	height:28px;
	line-height:28px;
	outline:none;
}
.focus.btn, .btn:focus
{
	background:#0670ef;
	color:#fff;
	outline:none;
}

.btn-normal,.btn-normal:focus{
	color:#323232;
	background:#cfd8e8;
	outline:none;
}
.btn-normal:hover{
	background:#c3ccdb;
	color:#323232;
	outline:none;
}
.btn-normal:active{
	background:#b8c0cf;
	color:#323232;
	outline:none;
}
.btn-normal:disabled{
	background:rgba(207,216,232,0.3);
	color:rgba(50,50,50,0.3);
	outline:none;
}
/********************************/
/*         スクロールのスタイル       */
/********************************/

/************Chrome*****************/
.scrollerbarStyle::-webkit-scrollbar{
	background-color:#eef2f6;
	width:16px;
	height:16px
}
.scrollerbarStyle::-webkit-scrollbar-thumb{
	background-color:#ced6e7;
}

.scrollerbarStyle::-webkit-scrollbar-button:vertical:start{
	background:url(../icon/icn_scroll_up.svg);
	height:16px;
	width:16px;
}
.scrollerbarStyle::-webkit-scrollbar-button:vertical:end{
	background:url(../icon/icn_scroll_down.svg);
	height:16px;
	width:16px;
}
.scrollerbarStyle::-webkit-scrollbar-button:horizontal:start{
	background:url(../icon/icn_scroll_left.svg);
	height:16px;
	width:16px;
}
.scrollerbarStyle::-webkit-scrollbar-button:horizontal:end{
	background:url(../icon/icn_scroll_right.svg);
	height:16px;
	width:16px;
}
.scrollerbarStyle::-webkit-scrollbar-corner{
	background:#e2e6ea
}
/***************IE*****************/
.scrollerbarStyle{
	scrollbar-face-color:#ced6e7;
	scrollbar-3dlight-color:#ced6e7;
	scrollbar-3dshadow-color:#ced6e7;
	scrollbar-darkshadow-color:#ced6e7;
	scrollbar-track-color:#eef2f6;
	scrollbar-arrow-color:#a5a5a5;
	scrollbar-shadow-color:#ced6e7;
}

/********************************/
/*         テーブルのスタイル       */
/********************************/
.table-bordered {
	border: 1px solid #d7dadd;
}
.table > tbody > tr > td,.table > thead > tr > td, .table > thead > tr > th{
	padding:5px 9px 5px 10px
}
table.table_common:not(.table-condensed) th{
	background:#e4e7eb;
	color:#323232;
	height:28px;
	line-height:12px;
	text-align:left
}

table.table_common tr:nth-child(2n) {
	background: #f0f3f7;
}
table.table_common tr:nth-child(2n+1) {
	background: #f8fbff;
}

table.table_common tr td{
	line-height:1.5;
	height:28px;
	text-align:left;
}
table.table_common tr:hover{
	background:#d8dbde
}
table.table_common tr.selectedTr{
	background:#8ac2f7;
}

#rstHeaderTableContainer{
	border-bottom-width:0px;
	border-right-width:0px;

}
#resultHeaderTable{
	border-top-width:0px
}
#resultHeaderTable,#resultHeaderTable th{
	border-bottom-width:0px
}
.resultDetialsTableDiv{
	background:#E4E7EB;
	border-top:1px solid #d7dadd;
}
input[type="text"],input[type="password"],select,.form-control{
	height:24px;
	border:1px solid #d7dadd;
	color:#323232;
	font-size:12px;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	border-radius:0px;
	line-height:24px;
	box-shadow:none;
}
input[type="text"],input[type="password"],select,.form-control{
	background:#f0f3f7;
}
input[type="text"]:hover,input[type="password"]:hover,select:hover{
	height:24px;
	border:1px solid #d7dadd;
	background:#e4e7eb
}
input[type="text"]:active,input[type="password"]:active,select:active{
	height:24px;
	border:1px solid #d7dadd;
	background:#d8dbde;
	box-shadow:none
}
input[type="text"]:focus,input[type="password"]:focus,select:focus{
	box-shadow:none;
}
input[type="text"]:disabled,input[type="password"]:disabled,select:disabled{
	height:24px;
	border:1px solid #d7dadd;
	background:rgba(240,243,247,0.3);
	color:rgba(50,50,50,0.3)
}
select option{
	background:#f0f3f7;
	color:#323232;
}
select option:hover{
	background:#67b0f5;
	color:#323232;
}
select option:active{
	background:#add4f9;
	color:#323232;
}
select option:disabled{
	opacity:0.3;
	color:rgba(50,50,50,0.3)
}
select option:checked{
	background:#8ac2f7;
	color:#323232;
}
@media (-webkit-min-device-pixel-ratio:0) {
	select.form-control{
		background: url(../icon/icn_setting_pdown.svg) #f0f3f7;
		border: solid 1px #d7dadd;
		background-position: calc(100% - 10px);
		background-size: 10px;
		background-repeat: no-repeat;
	}
	select{
		border: solid 1px #d7dadd;
		-webkit-appearance: none;
		background: url(../icon/icn_setting_pdown.svg) #f0f3f7;
		background-position: calc(100% - 10px);
		background-size: 10px;
		background-repeat: no-repeat;
	}
}

select::-ms-expand{
	width:10px;
	background: url(../icon/icn_setting_pdown.svg) no-repeat;
	border:none;
	background-size:10px;
}

/**テキストエアリがリサイズ不可 */
textarea.form-control{
	resize:none;
	box-shadow:none;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 18px;
}
textarea:hover{
	box-shadow:none;
	border:1px solid #d7dadd;
	background:#e4e7eb
}
textarea:active{
	box-shadow:none;
	border:1px solid #d7dadd;
	background:#d8dbde;
}
.form-control:focus,textarea:focus{
	box-shadow:none
}
textarea:disabled{

}

#loading{
	left:0px
}
.common-head{
	position:absolute;
	z-index:999
}
.modal-dialog{
	z-index:10000
}
.modal-header:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	/* ローディングメッセージをスマホ用に最適化 */

	#tipFontForLoading {
		font-size:21px !important;
	}
	#tip-center-absolute {
		left:35% !important;
		top:30% !important;
	}
	/* iPhone で入力時に拡大しないようにする対応 */
	input[type="text"],input[type="password"],select,.form-control{
		font-size:16px !important;
	}
}

#mainDiv {
	border-top-width: 9px;
	border-left-width: 12px;
	border-right-width: 12px;
	border-bottom-width: 12px;
	border-style: solid;
	border-image: initial;
}

/* 新デザイン対応　テーマカラーblue設定 */
/* 画面全体の背景色 A */
.backColor {
	background-color:#3A72B5;
}

/* 枠線の色 A (対話画面、パスワード変更画面、ログアウト画面、パスワード変更警告画面) */
.borderColor {
	border-color: #3A72B5;
}
/* ブラウザウィンドウのズーム時に隙間を避ける 色 A */
.contentDiv {
	box-shadow: 0 0 0 2px #3A72B5;
}

/* AI側吹き出し内のボタンの文字色 B */
.btnGrpItem {
	border-color: #3A72B5;
	color: #3A72B5;
}

/* AI側吹き出しのボタンの背景色と文字色（hover時） E */
.btnGrpItem:hover{
	background:#DBEBFF; /* E */
	color: #3A72B5; /* B */
}

/* AI側の吹き出し内のテキストエアリ枠線の色 */
.commentArea:hover, .commentArea:focus{
	border-color: #3A72B5;
}

/* ユーザ側吹き出し C */
.userBackColor {
	background-color:#3A72B5;
}

/* ユーザ側吹き出しの文字色 D or C(背景grayの場合) */
.userFontColor {
	color: #FFFFFF;
}
/* タイトルの文字色 D */
.fontColor {
	color: #FFFFFF;
}
#functions a:hover {
	color: #FFFFFF;
	opacity: 0.7;
}

/* パスワード変更画面、ログアウト画面、パスワード変更警告画面のボタンの文字の色*/
.btnFontColor {
	color: #3A72B5;
}
.btn:hover {
	color: #3A72B5;
}