@charset "UTF-8";

/* --- 共通 ------------------------------------------------ */
/* 全体 */
body * {
	/* 背景色・背景画像を印刷できるようにする(chrome,safariのみ有効) */
	-webkit-print-color-adjust: exact;

/*	font-family		: "游ゴシック", YuGothic,
				  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
				  "メイリオ", Meiryo,
				  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/* Windows､Mac両方に対応 */
	font-family		: Meiryo UI, arial,sans-serif;	/* フォント種類 */
	font-size		: 10pt;		/* フォントサイズ */
	color			: #000;		/* 文字色 */
/*	letter-spacing		: 1px;		/* 文字間隔 */
	box-sizing		: border-box;	/* ボックスサイズの算出方法:paddingとborderを幅と高さに含める */
}

body{
	background		: #fff;
}

/* 表示幅最大最小 */
body > div{	/* bodyタグ直下の子セレクタ(divタグ)のみに適用 */
	max-width		: 950px;	/* 最大幅 */
	min-width		: 600px;	/* 最小幅 */
	margin			: 5px auto;	/* マージンの指定:
						4個_上右下左の順､3個_左右が同じ､
						2個_上下･左右が同じ､1個_上下左右がすべて同じ */
}

/* tableの表示幅 */
div > table{
	width			: 100%;
}
div table th{
	white-space		: nowrap;
}

img{
	border			: none;	/* 境界線（太さ、色、スタイル）を指定 */
}

label{
	cursor			: pointer;
}

/* メニュー文字デザイン */
.menuName{
	padding			: 5px 13px 0 7px;/* 上右下左 */
	font-family		: "メイリオ",sans-serif;
	font-weight		: bold;
	font-size		: 13pt;
	letter-spacing		: 2px;		/* 文字間隔 */
	color			: #009999;
	display			: inline-block;
	text-align		: left;
}
/* flexbox */
.flexCtr{	/* Ctr:Containerの略 */
	display			: -webkit-box;	/* old Android */
	display			: -webkit-flex;	/* Safari etc. */
	display			: -ms-flexbox;	/* IE10 */
	display			: flex;

	/* box内折り返し可 */
	-webkit-flex-wrap	: wrap;		/* Safari etc. */
	-ms-flex-wrap		: wrap;		/* IE10 */
	flex-wrap		: wrap;
}

.flexBtnArea{	/* 主にmenuName＋ボタンエリア(右寄せ)を想定 */
	margin-left		: auto;
	margin-bottom		: 3px;
}

/* tableの標準デザイン */
.stdTable{
	border-collapse		: collapse;	/* 表組み内の隣接するセルのボーダーを間を空けずに重ねて表示 */
	color			: #333333;
/*	margin-top		: 5px;
	margin-bottom		: 10px;*/
}
.stdTable th{
	text-align		: center;
	border			: 1px #666 solid;
	padding			: 3px 1px;	/* 上下･左右 */
	background		: #d2e9ff;
	font-size		: 90%;
	color			: #333;
	white-space		: nowrap;	/* セル内折り返し禁止 */
}
.stdTable td{
	border			: 1px #666 solid;
	padding			: 3px 4px;	/* 上下･左右 */
/*	padding			: 6px 5px;	/* 上下･左右 */
	background		: #eef7ff;
	vertical-align		: middle;
}

/* メニューフレーム(stdTable以外) */
.menuFrame{
	text-align		: center;
	border			: 1px #666 solid;
/*	background		: #d2e9ff;*/
	background		: #eef7ff;
	color			: #333;
}
.subFrame{	/* menuFrameの内側 */
	display			: inline-block;
	width			: 75%;
	text-align		: left;
}

/* セル内部レイアウト用ラインなしtable */
.layTable{
	margin			: 0;
	width			: 100%;
	border			: none;
	display			: inline-block;
}
.layTable td{
	padding			: 1px 3px 1px 0;/* 上右下左 */
	white-space		: nowrap;	/* セル内折り返し禁止 */
	border			: none;
}

/* 処理完了メッセージ画面 */
.subEndMsg{
	font-size		: 12pt;
	text-align		: center;
	vertical-align		: middle;
	color			: #666;
	font-weight		: bold;
	padding			: 100px 0;	/* 上下･左右 */
}

/* エラーメッセージ */
.erMsg{
	border			: 2px solid red;
	padding			: 8px 10px;
	font-weight		: bold;
	text-align		: left;
	background		: #ffdddd;
	line-height		: 1.5em;
	margin			: 5px auto;
}
/* ワーニングメッセージ */
.wrMsg{
	border			: 2px solid #FF8C00;
	padding			: 8px 10px;
	font-weight		: bold;
	text-align		: left;
	background		: #ffe7c9;
	line-height		: 1.5em;
	margin			: 5px auto;
}
/* OKメッセージ */
.okMsg{
	border			: 2px solid #0066ff;
	padding			: 8px 10px;
	font-weight		: bold;
	text-align		: left;
	background		: #c1f3ff;
	line-height		: 1.5em;
	margin			: 5px auto;
}


/* --- ヘッダー ------------------------------------------------ */
#headerManuArea{
	text-align		: center;
	border			: 1px #999 solid;
	background		: #eef7ff;
	color			: #333;
	border-radius	: 3px;
}

#headerSysName{
	font-size		: 12pt;
	font-weight		: bold;
	color			: #888;
}

#headerSysUser{
	display			: inline-block;
	padding			: 0 5px;
	font-size		: 90%;
}

#headerLine1 > table{
	width		: 100%;
}
#headerLine1 a{
	display			: inline-block;
	border			: 1px solid #ccc;
	border-radius	: 3px;
	padding			: 0 5px;
	cursor			: pointer;
	color			: #333;
	transition		: .2s;
	text-align		: center;
	text-decoration	: none;
	font-size		: 90%;
	margin-right	: 5px;
}
#headerLine1 a:hover{
	background		: #d2e9ff;
	color			: #000099;
	border			: 1px solid #4682B4;
}

#headerUserName{
	text-align		: left;
	font-size		: 12pt;
	font-weight		: bold;
	padding-left	: 8px;
	color			: #444;
}
#headerScreenNo{
	display			: inline-block;
	font-size		: 80%;
	color			: #666;
}
#headerToiawase{
	width			: 110px;
}
#headerHelp{
	width			: 70px;
}

#headerLine2{
}
#headerLine2 > table{
	width		: 100%;
	margin-left	: auto;
}
#headerLine2 .headerMenu{
	width		: 83px;
}
#headerLine2 a{
	display			: inline-block;
	width			: 100%;
	border			: 1px solid #ccc;
	border-radius	: 3px;
	padding			: 3px 0;
	cursor			: pointer;
	transition		: .2s;
	color			: #fff;
	background		: #009999;
	text-align		: center;
	text-decoration	: none;
}
#headerLine2 a:hover{
	background		: #fff;
	color			: #009999;
	border			: 1px solid #009999;
}

#headerLine2 .nowSelectMenu a{
	color			: #fff;
	background		: #4169E1;
}
#headerLine2 .nowSelectMenu a:hover{
	background		: #fff;
	color			: #4169E1;
	border			: 1px solid #4169E1;
}


/* ----------------- */

/* 文字位置 */
.txLeft{
	text-align		: left;
}
.txCenter{
	text-align		: center;
}
.txRight{
	text-align		: right;
}
.txTop{
	vertical-align		: top;
}
.txMiddle{
	vertical-align		: middle;
}
.txBottom{
	vertical-align		: bottom;
}

/* 折り返ししない */
.txNowrap{
	white-space		: nowrap;
}

/* 太字 */
.txBold{
	font-weight		: bold;
}
/* 斜体(メイリオは斜体にならないのでゴシック系にして実装) */
.txItalic{
	font-family		: MS UI GOTHIC;
	font-style		: italic
}
/* 文字下線 */
.txUnder{
	text-decoration		: underline;
}
/* フォント */
.txMincyo{
	font-family		: serif;	/* 明朝 */
}

/* 色 */
.clBlack{
	color			: #000000;
}
.clBlue{
	color			: #0000ff;
}
.clRed{
	color			: #ff0000;
}
.clYellow{
	color			: #ff9900; /* オレンジ寄り */
}
.clGreen{
	color			: #008000;
}
.clPurple{
	color			: #990099;
}
.clBlueGreen{
	color			: #009999;
}
.clNavy{
	color			: #000080;
}

/* ----------------- */

/* input関連全般 */
input[type="text"],
input[type="file"],
input[type="password"],
textarea{
	padding			: 2px 3px;	/* 上下･左右 */
	border-radius		: 3px;		/* 角丸 */
	border			: 1px solid #999;/* solid:実線 */
	vertical-align		: middle;	/* input要素の位置ずれを修正 */
	ime-mode		: active;
}

input[type="radio"]{
	position		: relative;
/*	top			: 2px;*/
	margin-right		: 3px;
	cursor			: pointer;	/* マウスカーソルの形を指定する */
	vertical-align		: middle;	/* input要素の位置ずれを修正 */
}

input[type="checkbox"]{
	position		: relative;
/*	top			: 2px;*/
	margin			: 0 5px 0 8px;	/* 上右下左 */
	cursor			: pointer;	/* マウスカーソルの形を指定する */
	vertical-align		: middle;	/* input要素の位置ずれを修正 */
}

select{
	cursor			: pointer;	/* マウスカーソルの形を指定する */
/*	padding			: 1px 4px;	/* ボックス内側の余白を指定する */
	padding			: 1px 1px 1px 5px;/* 上右下左 */
	border			: 1px solid #999;/* ボックスの境界線を実線で指定する */
	border-radius		: 3px;		/* 角丸を指定する */
	vertical-align		: middle;	/* input要素の位置ずれを修正 */
}



/* ----------------- */
a{
	color			: #000099;
}
/* ----------------- */

/* --- ボタン全般 --- */
/* inputボタン用(グレー) */
input[type="button"],
input[type="submit"],
input[type="reset"]{
	display			: inline-block;
	padding			: 3px 0.5em 5px;/* 上､左右､下 */
	margin			: 2px 0.3em;	/* 上下･左右 */
	width			: 96px;
	border-radius		: 3px;		/* 角丸の指定 */
	cursor			: pointer;	/* マウスカーソルの形 */
	border			: 1px solid #999;
	background		: #dcdcdc;	/* ボタン色 */
	color			: #000;
	transition		: .3s;		/* 変化の速度 */
	vertical-align		: middle;	/* input要素の位置ずれを修正 */
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
	border			: 1px solid #ccc;
	opacity			: 0.8;		/* 透明度 */
}

/* inputボタン用(グレー小) */
input[type="button"].basicBtn2,
input[type="submit"].basicBtn2{
	display			: inline-block;
	padding			: 3px 0.5em 5px;/* 上､左右､下 */
	margin			: 2px 0.3em;	/* 上下･左右 */
	width			: 85px;
	border-radius		: 3px;		/* 角丸の指定 */
	cursor			: pointer;	/* マウスカーソルの形 */
	border			: 1px solid #999;
	background		: #dcdcdc;	/* ボタン色 */
	color			: #000;
	transition		: .3s;		/* 変化の速度 */
	vertical-align		: middle;	/* input要素の位置ずれを修正 */
}
input[type="button"].basicBtn2:hover,
input[type="submit"].basicBtn2:hover{
	border			: 1px solid #ccc;
	opacity			: 0.8;		/* 透明度 */
}

/* スクエアボタン(青) */
input[type="button"].squareBtn,
input[type="submit"].squareBtn,
input[type="reset"].squareBtn{
	display			: inline-block;
	padding			: 4px 2px 6px;	/* 上､左右､下 */
	margin			: 2px 0 4px 2px;/* 上右下左 */
	width			: 96px;
	border			: 1px solid #4682B4;
	border-radius		: 3px;
	cursor			: pointer;
	text-decoration		: none;
	background		: #4682B4;
	font-weight		: bold;
	color			: #fff;
	transition		: .3s;
	vertical-align		: middle;	/* input要素の位置ずれを修正 */
}
input[type="button"].squareBtn:hover,
input[type="submit"].squareBtn:hover,
input[type="reset"].squareBtn:hover{
	border			: 1px solid #4682B4;
	opacity			: 0.8;
}

/* スクエアボタン(枠) */
input[type="button"].frameBtn{
	display			: inline-block;
	padding			: 4px 2px 6px;	/* 上､左右､下 */
	margin			: 2px 0 4px 2px;/* 上右下左 */
	width			: 96px;
	border			: 2px solid #4682B4;
	border-radius		: 3px;
	cursor			: pointer;
	text-decoration		: none;
	background		: #fff;
	font-weight		: bold;
	color			: #4682B4;
	transition		: .3s;
	vertical-align		: middle;	/* input要素の位置ずれを修正 */
}
input[type="button"].frameBtn:hover{
	background		: #4682B4;
	color			: #fff;
	opacity			: 0.8;
}

/* メニューリストの● */
.listMark{
	display			: inline-block;
	margin			: auto;
	margin-right		: 7px;
	overflow		: hidden;
	position		: relative;
				/* 図形のCSS */
	width			: 9px;
	height			: 9px;
	background		: linear-gradient(to bottom, #0000ff, #191970);
	border-radius		: 50%;
}

/* --- 入力説明の文字 --------------------------------------------- */
input[type="text"]:placeholder-shown {
	color			: #b4b4b4;
	font-weight		: normal;
}
input[type="text"]::-webkit-input-placeholder {	/* Chrome対応用 */
	color			: #b4b4b4;
	font-weight		: normal;
}
input[type="text"]:-ms-input-placeholder {	/* IE対応用 */
	color			: #b4b4b4;
	font-weight		: normal;
}

/* --- IE10,11の入力エリア右側×消し ----------------------------------- */
input[type="text"]::-ms-clear {
	display			: none;
}

/* レイアウト */
/* 下部ボタンエリア */
.bottomBtnArea{
	padding			: 15px 0;/* 上下･左右 */
	text-align		: center;
}


/* --- TOPボタン -------------------------------------------- */
#topScroll {
	display			: inline-block;
	position		: fixed;	/* ボタン固定	*/
	bottom			: 20px;		/* 下から位置	*/
	right 			: 20px; 	/* 右から位置	*/
	padding			: 22px 17px;	/* 余白		*/
	background		: #333333;	/* 背景色	*/
	color 			: #ffffff;	/* 文字色	*/
	opacity			: 0.5;		/* 透明度	*/
	border-radius		: 5%;		/* 角丸		*/
	font-size 		: 10.5pt;	/* 文字サイズ	*/
	font-weight		: bold; 	/* 太字		*/
	line-height		: 1.2em;	/* 行の高さ	*/
	letter-spacing		: 2px;		/* 文字間隔	*/
	text-align		: center;	/* 文字位置	*/
	cursor			: pointer;	/* カーソル	*/
	z-index			: 999;		/* 重ね順位	*/
}

#topScroll:hover {
	opacity			: 0.9;		/* カーソル時透明度 */
}
/* --- 検索条件 --------------------------------------------- */

#comJyoken{	/* 条件入力欄の外枠 */
	border			:1px solid #999;
	border-radius		: 3px;
	padding			: 2px;
/*	text-align			: center;*/
}
#jyokenIn{
	display			: flex;
	flex-wrap		: wrap;
	width			: 100%;
}

#jyokenIn > div{
	flex-grow		: 1;
	margin			: 0 6px;
}

#jyokenIn label{
	display			: inline-block;
	white-space		: nowrap;
	cursor			: pointer;	/* マウスカーソルの形を指定する */
}

/* ----------------- */

/* --- 検索ボタン ------------------------------------------- */
#srchBtnArea{
	text-align		: center;
	padding			: 3px 0 6px;	/* 上､左右､下 */
/*	padding			: 10px 0;*/
}
#srchBtnArea input{
	display			: inline-block;
	width			: 120px;
/*	padding			: 8px 0;	/* 上下･左右 */
/*	padding			: 8px 0 10px;	/* 上､左右､下 */
	padding			: 4px 0 5px;	/* 上､左右､下 */
	border-radius		: 18px;
	cursor			: pointer;
	font-weight		: bold;
	color			: #fff;
	transition		: .3s;
}

#srchBtnArea .btnMain{
	border			: 2px solid #4682B4;
	background		: #4682B4;
}

#srchBtnArea .btnSub{
	border			: 2px solid rgba(70, 130, 180, 0.7);
	background		: rgba(70, 130, 180, 0.7);
}

#srchBtnArea > input:hover{
	border			: 2px solid #4682B4;
	background		: rgba(70, 130, 180, 0.8);
}



/* --- 検索結果（一覧下の改ページ） -------------------------------------------- */
#bottomPage{
	padding			: 15px 0 100px 0;
	text-align		: center;
}


/* --- input幅個別指定用 -------------------------------------------- */
.w20px{
	width			: 20px;
}
.w30px{
	width			: 30px;
}
.w40px{
	width			: 40px;
}
.w45px{
	width			: 45px;
}
.w50px{
	width			: 50px;
}
.w60px{
	width			: 60px;
}
.w70px{
	width			: 70px;
}
.w80px{
	width			: 80px;
}
.w90px{
	width			: 90px;
}
.w100px{
	width			: 100px;
}
.w110px{
	width			: 110px;
}
.w120px{
	width			: 120px;
}
.w130px{
	width			: 130px;
}
.w140px{
	width			: 140px;
}
.w150px{
	width			: 150px;
}
.w160px{
	width			: 160px;
}
.w170px{
	width			: 170px;
}
.w180px{
	width			: 180px;
}
.w190px{
	width			: 190px;
}
.w200px{
	width			: 200px;
}
.w220px{
	width			: 220px;
}
.w240px{
	width			: 240px;
}
.w250px{
	width			: 250px;
}
.w270px{
	width			: 270px;
}
.w300px{
	width			: 300px;
}
.w350px{
	width			: 350px;
}
.w400px{
	width			: 400px;
}
.w700px{
	width			: 700px;
}
/* ----------------- */

/* --- tableセル幅個別指定用 ---------------------------------------- */
.w3per{
	width			: 3%;
}
.w4per{
	width			: 4%;
}
.w5per{
	width			: 5%;
}
.w6per{
	width			: 6%;
}
.w7per{
	width			: 7%;
}
.w8per{
	width			: 8%;
}
.w9per{
	width			: 9%;
}
.w10per{
	width			: 10%;
}
.w11per{
	width			: 11%;
}
.w12per{
	width			: 12%;
}
.w13per{
	width			: 13%;
}
.w14per{
	width			: 14%;
}
.w15per{
	width			: 15%;
}
.w16per{
	width			: 16%;
}
.w17per{
	width			: 17%;
}
.w18per{
	width			: 18%;
}
.w19per{
	width			: 19%;
}
.w20per{
	width			: 20%;
}
.w21per{
	width			: 21%;
}
.w22per{
	width			: 22%;
}
.w23per{
	width			: 23%;
}
.w24per{
	width			: 24%;
}
.w25per{
	width			: 25%;
}
.w26per{
	width			: 26%;
}
.w27per{
	width			: 27%;
}
.w28per{
	width			: 28%;
}
.w29per{
	width			: 29%;
}
.w30per{
	width			: 30%;
}
.w31per{
	width			: 31%;
}
.w32per{
	width			: 32%;
}
.w33per{
	width			: 33%;
}
.w34per{
	width			: 34%;
}
.w35per{
	width			: 35%;
}
.w36per{
	width			: 36%;
}
.w37per{
	width			: 37%;
}
.w38per{
	width			: 38%;
}
.w39per{
	width			: 39%;
}
.w40per{
	width			: 40%;
}
.w41per{
	width			: 41%;
}
.w42per{
	width			: 42%;
}
.w43per{
	width			: 43%;
}
.w44per{
	width			: 44%;
}
.w45per{
	width			: 45%;
}
.w50per{
	width			: 50%;
}
.w55per{
	width			: 55%;
}
.w54per{
	width			: 54%;
}
.w56per{
	width			: 56%;
}
.w58per{
	width			: 58%;
}
.w60per{
	width			: 60%;
}
.w61per{
	width			: 61%;
}
.w62per{
	width			: 62%;
}
.w65per{
	width			: 65%;
}
.w70per{
	width			: 70%;
}
.w80per{
	width			: 80%;
}
.w85per{
	width			: 85%;
}
.w90per{
	width			: 90%;
}
.w95per{
	width			: 95%;
}
.w100per{
	width			: 100%;
}

/* --- フォントサイズ個別指定用 ---------------------------------------- */
.tx8pt{
	font-size		: 8pt;
}
.tx9pt{
	font-size		: 9pt;
}
.tx10pt{
	font-size		: 10pt;
}
.tx11pt{
	font-size		: 11pt;
}
.tx12pt{
	font-size		: 12pt;
}
.tx13pt{
	font-size		: 13pt;
}



/* --- 検索結果（件数） -------------------------------------------- */
#kekkaCount{
	text-align		: center;
}
#kekkaCount .kekkaMsg{
/*	font-size		: 110%;*/
	font-weight		: bold;
/*	margin			: 10px 0 20px 0;/* 上右下左 */
/*	margin			: 5px 0 3px 0;/* 上右下左 */
	padding-top		: 7px;
	color			: #333;
}

.kekkaPage{
	padding			: 3px 0;
}
.kekkaPage div{
	display			: inline-block;
	width			: 30px;
	padding			: 5px 0;
	border			: 1px solid #bbb;
	border-radius	: 3px;
}
.kekkaPage div.pageSelNow{
	background		: #666;
	color			: #fff;
}
.kekkaPage div.pageSel{
	cursor			: pointer;
	transition		: .3s;
}
.kekkaPage div.pageBetween{
	border			: none;
}
.kekkaPage div.pageSel:hover{
	background		: #bbb;
}


/* --- 検索結果（一覧） -------------------------------------------- */

#kekkaList > table{
	width			: 100%;
}

#kekkaList table th{
	width			: 10%;
	white-space		: nowrap;
}

#comHeader > table{
	width			:100%;
}



/* --- ヘッダー -------------------------------------------- */
#comMenu{
	padding			: 0;
	border			:1px solid #999;
	border-radius		: 3px;
}
.headUserName{
	font-size		: 110%;
	font-weight		: bold;
	color			: #333;
	padding-left		: 6px;
}

.headMenuList{
	width			: 100px;
	text-align		: center;
}

.headMenuList > a{
	display			: inline-block;
	padding			: 3px 2px;
	width			: 96px;
	border-radius		: 3px;
	cursor			: pointer;
	text-decoration		: none;
	border			: 1px solid #fff;
	transition		: .3s;
}
.headMenuList > a:hover{
	border			: 1px solid #ccc;
	opacity			: 0.8;
}

/* === 実行中非表示（初期） ================================ */
.runNoDisp {
	display			: none;
}

/* === 実行中バックグランド ================================ */
.runBg {
	position		: fixed;
	overflow		: hidden;
	width			: 100%;
	top 			: 0;
	right			: 0;
	bottom			: 0;
	left			: 0;
	background		: rgba(255, 255, 255, 0.43);
	z-index			: 10;
}

/* === 実行中ウインド ====================================== */
.runBg .runWindow {
							   /* 実行中ウインドを中心に表示 */
	position		: absolute;
	top				: 50%;
	left			: 50%;
	transform 		: translate(-50%, -50%);
	z-index			: 11;
			 /* ↓実行中ウインドウの見た目：変更してください */
	width 			: 300px;
	background		: #fff;
	border			: 3px solid #999;
	border-radius	: 10px;
	font-size 		: 12pt;
	line-height		: 1.2;
	text-align		: center;
}

/* === 実行中バーのエリア ================================== */
.runBg .runWindow .bar {
	width 			: 80%;
	margin			: 10px auto;
	overflow		: hidden;
	border			: 1px solid rgba(0, 89, 179, 0.90);
}

/* === 実行中ウインド：アニメーション ====================== */
.runBg .runWindow .bar::before {
	display			: block;
	content			: "";
	height			: 20px;
	color 			: #fff;
	background		: linear-gradient(90deg, #ffffff, rgba(0, 89, 179, 0.90));
	animation 		: runOpenAnime 2s linear infinite;
}
@keyframes runOpenAnime {
	  0% { transform  :translateX(-100%) }
	100% { transform  :translateX(100%)  }
}