@charset "utf-8";

/*************************************************/
/*                 共通スタイル定義              */
/*************************************************/
.basefont {
	font-family: "Meiryo UI";
	font-size: 8pt;
}

* {
	font-family: "Meiryo UI";
	font-size: 8pt;
}

html {
	height: 100%;
}

body {
	background: #ffffff;
	padding: 0;
	margin: 0px;
	height: 100%;
}

table.pageHeader {
	background-color: #0075c2;
	border: 0px;
	border-spacing: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

table.dropdownMenu {
	background-color: #0075c2;
	border: 0px;
	border-spacing: 0px;
	width: 100%;
	height: 16px;
	text-align: left;
}

table.pageFooter {
	/*background-color: #045ab0;*/
	border: 0px;
	border-spacing: 0px;
	width: 100%;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

table.base {
	border: 0px;
	border-spacing: 0px;
	width: 1220px;
	height: 582px;
}

table.base0 {
	border: 0px;
	border-spacing: 0px;
	width: 100%;
	height: 100%;
}

div.base {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 1220px;
	height: 582px;
}

table.border{
	/*border:1px #c0c0c0 solid;*/
	border-collapse: separate;
	border-spacing: 4px;
}

div.border {
	/*border:1px #c0c0c0 solid;*/
	border-collapse:collapse;
	border-spacing: 0;
}

table.topradius {
	border-collapse: separate;
	border: 1px #c0c0c0 solid;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}

td {
	color: #414141;
}

td.title {
  background-color: #00afcc;
  color: white;
  height: 20px;
  font-size: 11pt;
  font-weight: bold;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
  vertical-align: middle;
}
td.mode-title {
  background-color: #00afcc;
  color: white;
  height: 20px;
  font-size: 10pt;
  font-weight: bold;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
  vertical-align: middle;
}
/* タイトルエリア(center) */
td.title-area-center {
	background: #0075c2;
	height: 1px;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;
}

/* タイトルエリア(left) */
td.title-area-left {
	background: #0075c2;
	height: 1px;
	text-align: left;
	vertical-align: middle;
	border-radius: 3px;
}
th.titleArea-left {
	/*height: 25px;*/
	text-align: left;
	vertical-align: bottom;
	font-size: 10pt;
}

/* タイトルエリア(right) */
td.title-area-right {
	background: #0075c2;
	height: 1px;
	text-align: right;
	vertical-align: middle;
	border-radius: 3px;
}

/* タイトルテキスト */
.title-text {
	color: white;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
}

/* 水平線（薄い） */
hr.h1 {
	border: 1px #c0c0c0 solid;
	border-top-width: 0px;
	width: 100%;
}

h2 {
	font-size: 10pt;
	border-bottom: 1px dotted gray;
}

img {
	/* 行全体の下端に揃える */
	vertical-align: text-bottom;
}

ul {
	margin-left: 0;
	padding: 0;
	cursor: default;
}

/* ms-clear装飾 */
input::-ms-clear {
	visibility: hidden
}

/* text装飾 */
input[type="text"],
input[type="password"],
input[type="number"],
/*input[type="file"],*/
input[type="email"] {
	border: 0;
	border: solid 1px #ccc;
	height: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
}

/* text装飾(file) */
input[type="file"] {
	border: 0;
	border: solid 1px #ccc;
	height: 23px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
}

/* textarea装飾 */
textarea {
	border: 0;
	border: solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	resize: none;
	outline: none;
}

/* text装飾(disabled) */
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="file"]:disabled,
input[type="email"]:disabled,
textarea:disabled {
	background: #DCDCDC;
	cursor: not-allowed;
}

/* button装飾 */
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border: 1px solid #d3d3d3;
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	/*-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);*/
	/*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);*/
	width: 90px;
	height: 25px;
	padding: 0 3px;
	cursor: pointer;
	color: #333333;
	font-weight: bold;
	background: #f5f5f5;
	text-shadow: 1px 1px 0px #fff;
}

/* JqUIダイアログボタン装飾 */
button.ui-button {
	width: 90px;
	font-weight: bold !important;
	border:#a9a9a9 1px solid;
	color: #333333 !important;
	background: #f5f5f5 !important;
}

/* 標準ボタン幅(中) */
input[type="button"].btn-middle,
button.ui-button.btn-middle {
	width: 120px;
}

/* 標準ボタン幅(小) */
input[type="button"].btn-mini,
button.ui-button.btn-mini {
	width: 60px;
}

/* button装飾(disabled) */
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
	/*background: #DCDCDC;*/
	color: #808080;
	cursor: not-allowed;
}

/* button装飾(disabled) */
button:disabled {
	cursor: not-allowed !important;
}

/* radio, checkbox装飾(disabled) */
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
	cursor: not-allowed;
}

/* select装飾(disabled) */
select:disabled {
	background: #DCDCDC;
}

/* select装飾(disabled + hover) */
select:disabled:hover {
	cursor: not-allowed;
}

/* select装飾 */
select {
	color: #545454;
	font-size: 100%;
	border: 1px solid #CCC;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	text-indent: .01px;
	background: #ffffff;
	outline: none;
}

/* select装飾 */
select:not([size]) {
	height: 20px;
}

/* input hover */
input:hover {
	border: 1px solid #999999;
}

/* input nohover */
input.nohover:hover {
	border: 1px solid #d3d3d3;
}

/* select hover */
select:hover {
	border: 1px solid #999999;
}

/* リンクボタン */
a.button {
	display: block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border: #d3d3d3 1px solid;
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px
		rgba(0, 0, 0, 0.3);
	/*-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px
		rgba(0, 0, 0, 0.3);*/
	padding: 0 3px;
	cursor: pointer;
	color: #333333;
	background: #fafafa;
	text-shadow: 1px 1px 0px #fff;
	margin-top: 1px;
	margin-bottom: 1px;
	font-weight: bold;
}

/* リンクボタン(hover) */
a.button:hover {
	/*box-shadow: 0px 0px 2px #a1a1a1;
	font-weight: bold;*/
	border: 1px solid #999999;
}

/* 非活性セル */
.disable-cell-color {
	background-color: #a9a9a9 !important;
	color: #ffffff !important;
}

.vertical-align input,
.vertical-align select {
	vertical-align: middle;
}

.contentsHeader {
	background-color: #ff69b4;
	width: 100%;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 11pt;
}

/* コンテキストメニュー */
.contextMenu {
	background: #ffefd5;
	border: 1px solid gray;
	padding: 2px;
	display: inline-block;
	min-width: 100px;
	-moz-box-shadow: 2px 2px 2px silver;
	-webkit-box-shadow: 2px 2px 2px silver;
	z-index: 99999;
}

.contextMenu li {
	padding: 4px 4px 4px 14px;
	list-style: none;
	cursor: pointer;
	background: url("../images/arrow_right_peppermint.png") no-repeat center left;
}

.contextMenu li:hover {
	background-color: #ffa07a;
}

.contextMenu li.separator {
	border-top: solid 1px #CCC;
}

/* button hover */
button:hover {
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}

a.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 1px 2px;
	font-size: 11px;
	text-decoration: none;
	line-height: 1.42857143;
	border-radius: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.btn-primary {
	color: #fff;
	background-color: #a9a9a9;
	border-color: #a9a9a9;
}

a.btn:link {
	color: #fff;
	background-color: #a9a9a9;
}

a.btn:visited {
	color: #fff;
	background-color: #a9a9a9;
}

a.btn:hover {
	color: #696969;
	background-color: #dcdcdc;
}

a.btn:active {
	color: #696969;
	background-color: #dcdcdc;
}

/* 検索条件入力領域アコーディオン */
/* アコーディオン（Title） */
div.jquery-ui-accordion-title {
	text-align: left;
	font-weight: bold;
	color: #545454;
	padding: 0.4em 2.4em;
}

/* アコーディオン（Contents) */
div.jquery-ui-accordion-contents {
	padding: 0px;
	color: #545454;
}

/* アラートダイアログ(alert.js) */
.jquery-ui-trihyk-dialog-alert div.ui-dialog-titlebar {
	border-color: #ff82b2 !important;
	background-color: #ff82b2 !important;
	background: #ff82b2 !important;
}

.jquery-ui-trihyk-dialog-confirm div.ui-dialog-titlebar {
	border-color: #ffffe0 !important;
	background-color: #ffffe0 !important;
	background: #ffffe0 !important;
}

.jquery-ui-trihyk-dialog-info div.ui-dialog-titlebar {
	border-color: #87cefa !important;
	background-color: #87cefa !important;
	background: #87cefa !important;
}

.jquery-ui-trihyk-dialog-error div.ui-dialog-titlebar {
	color: #ffffff !important;
	border-color: #ff0000 !important;
	background-color: #ff0000 !important;
	background: #ff0000 !important;
}
/* Validateエラーメッセージ */
.validateMsg{
	color: #ff0000;
}

/* ページヘッダーLink*/
span#headerlink a:link {
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

span#headerlink a:visited {
	color: #ffffff;
	/*font-weight: bold;
	font-size: 14px;
	text-decoration: none;*/
}

span#headerlink a:hover {
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

span#headerlink a:active {
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

/* ○×表示 */
.marubatsu {
	font-family: "MS UI Gothic";
}

input[type="text"].datepicker {
	text-align: right;
	ime-mode: disabled;
}

.showy [type=checkbox] {
    display: none;
}
.showy [type=checkbox] + span {
    background-color: #f9f9f9;
    border: solid 1px #666;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;

    box-shadow:
         1px  1px 2px #fff inset,
        -1px -1px 2px #ccc inset;
    padding: 3px;
}
.showy [type=checkbox]:checked + span {
    box-shadow:
        -1px -1px 2px #fff inset,
         5px 5px 10px #999 inset;
    padding: 3px 3px 3px 3px;
}
.showy:active [type=checkbox] + span {
    box-shadow:
        -1px -1px 3px #fff inset,
         1px  1px 3px #666 inset;
    padding: 4px 2px 2px 4px;
}


/* グリッド用チェックボックス */
.gridCheckbox {
	width: 15px;
	height: 15px;
	line-height: 15px!important;
	border: solid 1px #c2ced2;
	border-radius: 3px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #00afcc;
	background: #ffffff;
}

.gridCheckbox>div {
	width: 11px;
	height: 5px;
	margin-top: 3px;
	margin-left: 2px;
	border-left: 2px solid #00afcc;
	border-bottom: 2px solid #00afcc;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/************************************/
/* 標準用 radio, checkbox装飾 start */
/************************************/
input[type=radio],
input[type=checkbox][id] {
	display: inline-block;
	margin-right: 6px;
}

input[type=radio]+label {
	position: relative;
	display: inline-block;
	margin-right: 16px;
	/*line-height: 30px;*/
	cursor: pointer;
}

input[type=checkbox][id]+label {
	position: relative;
	display: inline-block;
	margin-right: 4px;
	line-height: 15px;
	cursor: pointer;
}

@media ( min-width : 1px) {
	input[type=radio],
	input[type=checkbox][id] {
		display: none;
		margin: 0;
	}
	input[type=radio]+label::before,
	input[type=checkbox][id]+label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background-color: white;
	}
	input[type=radio]+label::before {
		border: 1px solid #c2ced2;
		border-radius: 30px;
	}
	input[type=checkbox][id]+label::before {
		border: 1px solid #c2ced2;
		border-radius: 3px;
	}
	input[type=radio]:checked+label::after,
	input[type=checkbox][id]:checked+label::after
		{
		content: "";
		position: absolute;
		top: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	input[type=radio]:checked+label::after {
		left: 5px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #00afcc;
		border-radius: 8px;
	}
	input[type=checkbox][id]:checked+label::after {
		left: 3px;
		width: 14px;
		height: 8px;
		margin-top: -6px;
		border-left: 2px solid #00afcc;
		border-bottom: 2px solid #00afcc;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* ラベルテキストあり時 */
	input[type=radio]+label,
	input[type=checkbox][id]+label {
		padding: 0 0 0 24px;
	}
}
/* 標準用 radio, checkbox装飾 end */

/* ympicker */
.ympicker {
	text-align: right;
}

/* 20181115 mod select2 "margin-right: 10px->0px" */
.select2-selection__clear {
    margin-right: 0px !important; 
}