/* ---------------------------------------------------------
header parts
----------------------------------------------------------*/
.header-content {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 37px;
	line-height: 22px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	background-color: #FFF;
	z-index: 11;
}
.header-content-min {
	display: none;
}

.header-content ul.btnlist{
    float: right;
    margin: 3.8px 0 0 0;
    padding: 0;
    list-style-type: none;
}

.header-content ul.btnlist li{
    float: left;
    width: 180px;
    padding: 0;
    margin: 0 10px 0 0;
}

.header-content {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 37px;
	line-height: 22px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	background-color: #00695C;
	color: #FFF;
	z-index: 11;
}

.header-content ul.btnlist li{
    float: left;
    width: 180px;
    padding: 0;
    margin: 0 10px 0 0;
}

/* ---------------------------------------------------------
menu parts
----------------------------------------------------------*/
/* メインメニュー */
.main-menu {
	float:left;
	height: inherit;
	max-height: inherit;
	font-size: 14px;
	white-space: nowrap;
}
.main-menu li {
	height: inherit;
	max-height: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: center;
	color: #DDD;
	border-bottom: 2px solid transparent;
}
.main-menu li.selected {
	color: #FFF;
	/*
	font-weight: bold;
	*/
	border-bottom: 2px solid #FFF;
	transition: 0.2s;
}
.main-menu li:HOVER {
	color: #FFF;
	cursor: pointer;
	border-bottom: 2px solid #FFF;
	transition: 0.2s;
}
.main-menu li a {
	color: inherit;
	display: block;
	padding: 11px 6px 2px;
}
.main-menu li label {
	color: inherit;
}
.main-menu li a:HOVER {
	text-decoration: none;
}
/* 個人設定メニュー */
.user-menu {
	height: inherit;
	max-height: inherit;
	line-height: inherit;
	float: right;
	margin-top: 5px;
	white-space: nowrap;
}
.user-menu-link {
	font-size: 12px;
	color: #DDD;
	transition: 0.2s;
}
.user-menu-link:HOVER {
	color: #FFF;
}
.user-menu-content {
	position: absolute;
	margin-top: 1px;
	right: 0px;
	min-width: 200px;
	
	text-align: left;
	background-color: #FFF;
	/*
	border: 1px solid #e0e0e0;
	*/
	z-index: 10;
	display: none;
	box-shadow: 0px 5px 10px -3px #AAA;
}
.user-menu-list li {
	padding: 0;
	border-top: 1px solid #DDD;
	font-size: 12px;
	transition: 0.2s;
	color: #777;
}
.user-menu-list li:HOVER {
	color: #222;
	cursor: pointer;
	background-color: #FFFFE0 !important;
}
.user-menu-list li a {
	color: inherit;
	margin: 0px 15px;
	display: block;
	padding: 3px 0px;
}
.user-menu-list li a:HOVER {
	color: inherit;
	text-decoration: none;
}
/*
@media (max-width: 767px) {
	.header-content { display: none; }
	.news-overlay { display: none; }
	.header-content-min {
		display: block !important;
	}
	.header-content-min .header-content {
		display: block !important;
	}
	.sideMenuButton {
		padding-top: 3px;
		height: 40px;
		position: fixed;
		top: 0px;
		right: 0px;
		transition: 0.2s;
		z-index: 12;
	}
	.sideMenuButton:HOVER {
		background-color: #DDD;
		cursor: pointer;
	}
	.close-sidebar {
		float:right;
		cursor: pointer;
		padding-top: 0px;
	}
	.sidebar {
		background-color: #FFF;
		display: none;
	}
	.sideMenu li {
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}
	.sideMenu li.menu {
		border-bottom: 1px solid #CCC;
		padding: 0px;
		transition: 0.2s;
	}
	.sideMenu li.menu:HOVER {
		cursor: pointer;
		background-color: #FFFFE0;
	}
	.sideMenu li.menu a {
		color: #777;
		padding: 5px 10px 5px 10px;
		display: block;
		transition: 0.2s;
	}
	.sideMenu li.menu:HOVER a {
		color: #222;
		text-decoration: none;
	}
}
*/
/* ユーザ名 */
.user-menu {
	float: right;
	height: inherit;
	max-height: inherit;
	font-size: 12px;
	white-space: nowrap;
	margin-top: 8px;
	margin-right: 15px;
	color: #FFF;
}
.help-menu li {
	height: inherit;
	max-height: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: center;
	color: #DDD;
	border-bottom: 2px solid transparent;
}
/* ヘルプメニュー */
.help-menu {
	float: right;
	height: inherit;
	max-height: inherit;
	background-color: #FFF;
	font-size: 12px;
	white-space: nowrap;
	margin-top: 3px;
	margin-right: 5px;
	background-color: rgba(255,255,255,0.0);
}
.help-menu li {
	height: inherit;
	max-height: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: center;
	color: #DDD;
	border-bottom: 2px solid transparent;
}
.help-menu li:HOVER {
	color: #FFF;
	transition: 0.3s;
}
.help-menu li a {
	color: inherit;
	margin: 0px 5px;
	display: block;
	padding: 3px 0px;
}
.help-menu li a:HOVER {
	color: inherit;
	text-decoration: none;
}
/* サイドメニュー */
.side-menu {
	width: 200px;
	min-width: 200px;
	padding-bottom: 40px;
	background-color: #FFF;
}
.side-menu-min {
	height: 100%;
	min-width: 40px;
}
.side-menu .title {
	width: 100%;
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	background-color: #f4f4f4;
	color: #666;
}
.side-menu-toggle {
	position: fixed;
	bottom: 0px;
	padding: 5px;
	width: inherit;
	height: 40px;
	background-color: #f4f4f4;
	text-align: right;
	border-top: 1px solid #DDD;
}
.side-menu-toggle:HOVER {
	background-color: #DDD;
}
.side-menu-toggle img {
	height: 30px;
	vertical-align: middle;
}
.side-menu ul {
	padding: 0 0 10px 0;
	list-style: none;
	overflow-y: auto;
}
.side-menu ul li {
	border-left-width: 3px;
	border-left-color: #FFF;
	border-left-style: solid;
	color: #777;
	transition: 0.2s;
}
.side-menu ul li a {
	display: block;
	padding: 5px 0px 5px 10px;
	word-break: break-all;
	text-align: left;
	font-size: 12px;
	color: inherit;

	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.side-menu ul li a:HOVER {
	color: inherit;
	text-decoration: none;
}
.side-menu ul li:HOVER {
	color: #202124;
	background-color: #00695C20;
	border-left-color: #00695C20;
	cursor: pointer;
}
.side-menu ul li.selected {
	border-left-color: #00695C;
	background-color: #00695C20;
	color: #00695C;
}
.side-menu ul li.disabled {
	color: #AAA;
}
.side-menu ul li.disabled:HOVER {
	color: #AAA;
	background-color: #FFF;
	cursor: auto;
}

/* タブメニュー */
.tab-menu {
	margin: 10px 0 0;
}
.tab-menu ul {
	list-style: none;
	display: block;
	height: 34px;
	padding-left: 8px;
	border-bottom: 1px solid #DDD;
}
.tab-menu li {
	float: left;
	display: inline;
	margin: 0 1px;
	padding: 5px 20px;
	border-top: 1px solid #FAFAFA;
	transition: 0.2s;
}
.tab-menu li:HOVER {
	cursor: pointer;
	background-color: #EEE;
	border-radius: 4px 4px 0 0;
}
.tab-menu li a {
	display: block;
	margin: 1px 0px;
	text-align: center;
	font-size: 14px;
	color:#3771C8;
}
.tab-menu li a:HOVER{
	text-decoration: none;
}
.tab-menu li.active {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-top: 1px solid #00695C;
	background-color: #FAFAFA;
	border-radius:0;
}
.tab-menu li.active a{
	color: #222;
	transition: 0.2s;
}
.tab-menu li.active:HOVER a {
	cursor: pointer;
	opacity: 0.7;
	zoom: 1;
}

/* ---------------------------------------------------------
main parts
----------------------------------------------------------*/
.main-content {
	padding-top: 37px;
	width: inherit;
/*	height: inherit;*/
	min-height: 300px;
	display: inherit;
	clear: left;
}

/* ---------------------------------------------------------
footer parts
----------------------------------------------------------*/
.footer-content {
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
.footer-content address {
	font-style: normal;
	font-size: 12px;
}

/* ---------------------------------------------------------
body parts
----------------------------------------------------------*/
/* title */
.body-title {
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0px 2px 15px;
}
.body-title-seperator {
    border: none;
    height: 1px;
    margin-left: 0px;
    background-color: #E6E6E6;
}
.body-subtitle {
	color: #666;
}
.f14 { font-size: 14px; }
.f14-b {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.f16 { font-size: 16px; }
.f16-b {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

.f18 { font-size: 18px; }
.f18-b {
	font-size: 18px;
	font-weight: bold;
	color: #666;
}

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.rr-container  {
	width: inherit;
	height: inherit;
	display: flex;
	flex-direction: row;
}
.rr-nav {
	z-index: 5;
	flex-shrink: 0;
	height: inherit;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
	overflow-y: auto;
	position: relative;
}
.rr-main {
	z-index: 1;
	flex-grow: 1;
	height: inherit;
	overflow: auto;
	position: relative;
}
.min-w800 {
	min-width: 800px;
}
.min-w1000 {
	min-width: 1000px;
}
.min-w1050 {
	min-width: 1050px;
}
/* body contents */
.tbl-mainContent {
	width: inherit;
	height: inherit;
}
.tbl-mainContent td.td-leftContent {
	height: 100%;
	vertical-align: top;
	padding: 0;
	border-right: 1px solid #DDD;
	box-shadow: 2px -5px 5px -2px rgba(0,0,0,0.3);
}
.tbl-mainContent td.td-rightContent {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
/* ---------------------------------------------------------
 button parts
----------------------------------------------------------*/
.ow {
	background-color: #ffffff;
	display: inline-block;
	text-decoration: none;
}
.ow:HOVER input[type="button"],
.ow:HOVER input[type="submit"],
.ow:HOVER button,
.ow:HOVER span,
.ow input[type="button"]:FOCUS,
.ow input[type="submit"]:FOCUS,
.ow button:FOCUS {
	cursor: pointer;
	opacity: 0.8;
	zoom: 1;
}
.ow:HOVER input[type="button"]:ACTIVE,
.ow:HOVER input[type="submit"]:ACTIVE,
.ow:HOVER button:ACTIVE {
	opacity: 1;
}
.ow input[type="button"]:disabled,
.ow input[type="submit"]:disabled,
.ow button:disabled {
	cursor: default;
	opacity: 0.5;
	zoom: 1;
}
.common-btn {
	-webkit-appearance: none;
	min-width: 90px;
	border: 1px solid #CCC;
	font-weight: normal;
	padding: 7px 20px;
	display: inline-block;
	line-height: normal;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
	border-radius: 4px;

	transition: 0.2s;
	background-color: #EEE;
	outline: 0;
}
.common-btn.submit {
	color: #FFF !important;
	background-color: #3771c8 !important;
}
.common-btn.fixed {
	color: #FFF !important;
	background-color: #28A189 !important;
}
.common-btn.delete {
	color: #FFF !important;
	background-color: #E53935 !important;
}
.common-btn.large {
	font-size: 16px;
	padding: 7px 30px;
}
.common-btn.regular {
	padding: 5px 20px;
	min-width: 50px;
}
.common-btn.small {
	font-size: 11px;
	padding: 3px 10px;
	min-width: 40px;
}
.common-btn.action {
	padding: 4px 10px;
	min-width: 40px;
}

.icon-btn input[type="button"] {
	padding-left: 25px;
}
.icon-btn::before {
  content: '';
  width: 20px;
  height: 20px;
  margin: 5px 0 0 5px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-btn.integration-btn::before {
  margin: 2px 0 0 5px;
  background-image: url(../images/icon/integration_grey.png); 
}
.icon-btn.import-btn::before {
  background-image: url(../images/icon/import_grey.png); 
}
.icon-btn.download-btn::before {
  background-image: url(../images/icon/download_gray.png); 
}

/* 一覧の削除ボタン */
.btn-delete {
	min-width: 30px;
	font-size: 12px;
	padding: 2px 8px;
}

/* 表示順ボタン */
.btn-display-order {
	margin: 0px 5px;
	width: 24px;
	height: 24px;
	border: 1px solid #CCC;
	background-color: #EEEEEE;
	border-radius: 2px;
	transition: 0.2s;
}
.btn-display-order:HOVER {
	background-color: #E0E0E0;
	cursor: pointer;
}
.btn-display-order.disabled {
	background-color: #CDCDCD;
}
.btn-display-order.disabled:HOVER {
	cursor: auto;
}

/* 追加/削除ボタン */
.btn-action {
	margin: 0px 5px;
	width: 22px;
	height: 22px;
	border: 1px solid #AAA;
	background-color: #EEEEEE;
	text-align: center;
	float: left;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn-action:HOVER {
	background-color: #E0E0E0;
	cursor: pointer;
}
.btn-action img {
	text-align: center;
	vertical-align: middle;
	width: 20px; height: 20px;
}
.btn-action.disabled {
	background-color: #C0C0C0;
	cursor: auto;
}
.btn-action.disabled:HOVER {
	background-color: #C0C0C0;
	cursor: auto;
}
/* 編集ボタン */
.btn-edit {
	-webkit-appearance: none;
	margin: 0 0 0 5px;
	padding: 3px;
	width: 26px;
	height: 26px;
	border: 1px solid #CCC;
	font-weight: normal;
	display: inline-block;
	line-height: normal;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
	border-radius: 3px;

	transition: 0.2s;
	background: #EEE;
	outline: 0;
}
.btn-edit:HOVER {
	cursor: pointer;
	opacity: 0.8;
	zoom: 1;
}
.btn-edit:ACTIVE {
	opacity: 1;
}

.btn-edit.disabled {
	background-color: #CDCDCD;
}
.btn-edit.disabled:HOVER {
	cursor: auto;
	opacity: 1;
}

/* デモサイトリンクボタン */
body .linkbtn {
	margin: 0;
    text-align: center;
    background: #37bc9b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 2px 0px #21a37c;
    -moz-box-shadow: 0px 2px 0px #21a37c;
    -webkit-box-shadow: 0px 2px 0px #21a37c;
    transition: .3s;
}

.linkbtn:HOVER{
	opacity: 0.5;
}

.linkbtn.color_b{
    background: #f4a703;
    box-shadow: 0px 2px 0px #ee8a01;
    -moz-box-shadow: 0px 2px 0px #ee8a01;
    -webkit-box-shadow: 0px 2px 0px #ee8a01;
}

.linkbtn.color_c{
    background: #2db3eb;
    box-shadow: 0px 2px 0px #1a98e2;
    -moz-box-shadow: 0px 2px 0px #1a98e2;
    -webkit-box-shadow: 0px 2px 0px #1a98e2;
}

.linkbtn.color_d{
    background: #3489d0;
    box-shadow: 0px 2px 0px #1f69bd;
    -moz-box-shadow: 0px 2px 0px #1f69bd;
    -webkit-box-shadow: 0px 2px 0px #1f69bd;
}

.linkbtn a{
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 4px 0 0;
}

.linkbtn a span{
	font-size: 14.5px;
}

/* ---------------------------------------------------------
 radio/checkbox parts
----------------------------------------------------------*/
.common-radio,
.common-check {
	display: inline-block;
	margin-right: 6px;
}
.common-radio+label,
.common-check+label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	cursor: pointer;
}

@media (min-width: 1px) {
	.common-radio,
	.common-check {
		display: none;
		margin: 0;
		transition: 0.1s;
	}
	.common-radio+label,
	.common-check+label {
		padding: 0 0 0 20px;
		transition: 0.1s;
	}
	.common-radio.bl+label {	/*単独表示用*/
		padding: 0 0 9px 3px;
		transition: 0.1s;
	}
	.common-check.bl+label {	/*単独表示用*/
		padding: 0 0 5px 3px;
		transition: 0.1s;
	}
	.common-radio+label:HOVER::before,
	.common-check+label:HOVER::before {
		border: 1px solid #AAA;
	}
	.common-radio:disabled+label:HOVER::before,
	.common-check:disabled+label:HOVER::before {
		border: 1px solid #CCC;
		cursor: auto;
	}
	.common-radio+label::before,
	.common-check+label::before {
		transition: 0.1s;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 15px;
		height: 15px;
		margin-top: -8px;
		background: #FFF;
	}
	.common-radio+label::before {
		width: 16px;
		height: 16px;
	}
	.common-radio:disabled+label::before,
	.common-check:disabled+label::before {
		background: #DDD;
	}
	.common-radio+label::before {
		border: 1px solid #ccc;
		border-radius: 30px;
	}
	.common-check+label::before {
		border: 1px solid #ccc;
	}

	.common-radio:checked+label::after,
	.common-check:checked+label::after {
		transition: 0.1s;
		content: "";
		position: absolute;
		top: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	.common-radio:checked+label::after {
		left: 4px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #00695C;
		border-radius: 8px;
	}
	.common-check:checked+label::after {
		left: 3px;
		width: 10px;
		height: 6px;
		margin-top: -5px;
		border-left: 2px solid #00695C;
		border-bottom: 2px solid #00695C;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

/* ---------------------------------------------------------
 select parts
----------------------------------------------------------*/
/*
.common-select {
	overflow: hidden;
	margin: 2em auto;
	text-align: center;
}
.common-select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
*/
.common-select {
	position: relative;
	border: 1px solid #CCC;
	border-radius: 2px;
	background: #ffffff;
	text-overflow: ellipsis;
	transition: 0.1s;
}
.common-select:HOVER {
	border: 1px solid #AAA;
}
.common-select.disabled {
	border: 1px solid #DDD;
	background: #F0F0F0;
}
.common-select.disabled select {
	color: #AAA;
}
.common-select::before {
	position: absolute;
	top: 0.6em;
	right: 0.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.common-select select {
	width: inherit;
	padding: 2px 21px 1px 5px;

	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.common-select select::-ms-expand {
    display: none;
}
.common-select.select-f14::before {
	top: 0.8em;
	right: 0.5em;
}
.common-select.select-f14 select {
	font-size: 12px;
	padding: 2px 21px 1px 5px;
}
.common-triangle-top {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #666666;
}
.common-triangle-top.mint {
	border-bottom: 6px solid #37BC9B;
}
.common-triangle-bottom {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #666666;
}
.common-triangle-bottom.mint {
	border-top: 6px solid #37BC9B;
}

.common-select-div {
	overflow: hidden;
	text-align: left;
}
.common-select-div select {
	width: 100% !important;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.common-select-div select::-ms-expand {
    display: none;
}
.common-select-div {
	position: relative;
	border: 1px solid #AAA;
	border-radius: 2px;
	background: #ffffff;
	transition: 0.1s;
}
.common-select-div:hover {
	border-color: #00695C !important;
}
.common-select-div::before {
	position: absolute;
	top: 0.7em;
	right: 0.6em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.common-select-div:after {
	position: absolute;
	top: 0;
	right: 2.1em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #AAA;
}
.common-select-div select {
	padding: 2px 30px 2px 5px;
}
.common-select-div select:disabled {
	background-color: #ebebe4;
    cursor: auto !important;
}

/* ---------------------------------------------------------
table parts
----------------------------------------------------------*/
/* 一覧用テーブル */
.tbl-list thead th {
	background-color: #F0F0F0;
	white-space: nowrap;
}
/* 管理機能一覧用テーブル */
.tbl-list.mng thead th {
	background-color: #00695C !important;
	color: #FFF !important;
	background-image: initial !important;
}
.tbl-list th,
.tbl-list td {
	padding: 5px;
	text-align: left;
	font-weight: normal;
	border: 1px solid #DDD;
}
.tbl-list th.number { min-width: 30px; width: 30px; text-align: right;}
.tbl-list th.check { min-width: 20px; width: 20px; }

.tbl-list.hover tbody tr:HOVER {
	transition: 0.1s;
	background-color: #FFFFE0;
}

table.landscape-list {
	width: 100%;
	background-color: #FFF;
}
table.landscape-list thead th {
	border: 1px solid #DDD;
	padding: 5px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background-color: #00695C;
}
table.landscape-list tbody td {
	border: 1px solid #DDD;
	padding: 5px;
	word-break: break-all;
}
table.landscape-list.input tbody tr {
	height: 40px;
}

/* 編集用テーブル */
.tbl-edit th,
.tbl-edit td {
	font-weight: normal;
	border: 1px solid #e0e0e0;
	padding: 5px 10px;
	text-align: left;;
}
.tbl-edit th {
	background-color: #F2F2F2;
	text-align: left;
    white-space: nowrap;
}

.tbl-edit.mng thead th {
	background-color: #00695C !important;
	color: #FFF;
}
.tbl-edit.input tbody tr {
	height: 40px;
}

.tbl-edit.input td input[type=text],
.tbl-edit.input td input[type=password],
.tbl-edit.input td div.common-select-div,
.tbl-edit.input td select {
	width: 15em;
}
/* 時刻用テキストボックス */
input[type="text"].timeText {
	width: 60px;
	text-align: center;
}

/* 数字用テキストボックス */
input[type="text"].numberText {
	width: 60px;
	text-align: right;
}

/* table scroll */
table.scroll thead,
table.scroll tfoot,
table.scroll tbody { display: block; }
table.scroll tbody { overflow-y: scroll; }
table.scroll tbody td,
table.scroll tbody th { table-layout: fixed; }
table.scroll tbody td { border-top: none;  word-break: break-all; white-space: initial;}
table.scroll .wh40p { min-width: 40px; max-width: 40px; }
table.scroll .wh100p { min-width: 100px; max-width: 100px; }
table.scroll .wh150p { min-width: 150px; max-width: 150px; }
table.scroll .wh200p { min-width: 200px; max-width: 200px; }
table.scroll .wh250p { min-width: 250px; max-width: 250px; }

/* ---------------------------------------------------------
pager parts
----------------------------------------------------------*/
.pager {
	overflow: hidden;
}
.pager ul {
	list-style: none;
	position: relative;
	float: left;
}
.pager ul li {
	margin: 0 1.5px;
	position: relative;
	float: left;
	cursor: pointer;
	background-color: #FFF;
}
.pager ul li a,
.pager ul li span {
	display: block;
	padding: 2px 8px;
	font-size: 11px;

	border: 1px solid #e0e0e0;
	border-radius: 2px;
	transition: 0.1s;
}
.pager ul li.etc span {padding: 2px 5px; border: none;}
.pager ul li.disabled span {color: #CCC; background: #EEE; cursor: auto !important;}
.pager ul li a {text-decoration: none;}
.pager ul li.current a { color: #FFF; background: #00695C;}
.pager ul li a:HOVER { color: #FFF; background: #00695C;}

.pager table td,
.pager table td select {
	font-size: 11px;
}
/* ---------------------------------------------------------
status parts
----------------------------------------------------------*/

.fixed { color: #202124; } /* 承認済み */
.edited { color: #3771C8 !important; } /* 編集あり */
.default { color: #999; } /* デフォルト値 */

.status {
	padding: 2px 8px;
	text-align: center;
	white-space: nowrap;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}
.status-alert01 {color: #D40000; border: 1px solid #D40000; background-color: #FFF;}
.status-alert02 { color: #D40000; border: 1px solid #E57373; background-color: #FFEBEE; }
.status-alert03 {color: #FFF; border: 1px solid #e53935; background-color: #e53935;}
.status-info01 {color: #00ACC1; border: 1px solid #00ACC1; background-color: #FFF;}
.status-info02 { color: #FFF; border: 1px solid #00ACC1; background-color: #00ACC1; }
.status-info03 { color: #3771C8; border: 1px solid #9dd0ee; background-color: #FFF; }
.status-info04 { color: #3771C8; border: 1px solid #9dd0ee; background-color: #E0F7FA; }
.status-info05 { color: #25836b; border: 1px solid #37BC9B; background-color: #00695C20; }

/* 必須項目 */
.status-required { float:right; padding: 1px 4px; font-size: 11px; color: #FFF; background-color: #ff3333; }
.status-required-mini { font-weight: normal; font-size: 10px; color: #FFF; border-radius: 5px; background-color: #ff3333; }
.status-required-outline { float:right; padding: 1px 4px; font-size: 11px; color: #ff3333; border: 1px solid #ff3333; }
/* ---------------------------------------------------------
link parts
----------------------------------------------------------*/
.link  {
	transition: 0.1s;
}
.link:HOVER {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.7;
	zoom: 1;
}

.link-disabled {
	color: #AAA !important;
}
.link-disabled:HOVER {
	cursor: auto !important;
	text-decoration: none;
}
.link-upper-right {
	margin-right: 30px;
	float: right;
	text-align: right;
}

/* ---------------------------------------------------------
input parts
----------------------------------------------------------*/
/* 時刻用テキストボックス */
.time {
	width: 45px;
	text-align: center;
}
.kbnList {
	min-width: 120px;
	max-width: 150px;
}
/* ---------------------------------------------------------
background parts
----------------------------------------------------------*/
.bg-err {
	border: 1px solid #AAA;
	background-color: #F2DDDC;
}
.bg-info { background-color: #DAE4F4;}
.bg-disabled { background-color: #F0F0F0; } /* 背景グレー */
.bg-current { background-color: #FFFFE0 !important; } /* 背景黄色 */
.changed { background-color: #FFFFE0 !important; } /* 変更あり(背景黄色) */
.approved { background-color: #F0F0F0 !important; } /* 承認済み(背景グレー) */
.helper { background-color: #e4f8f3; } /* ヘルプ利用者(背景ミント) */
.requesting { background-color: #e4f8f3; } /* 申請あり(背景ミント) */
.disApproved { background-color: #fbe1e1; } /* 申請の差戻、承認待ち(背景赤色) */

/* ---------------------------------------------------------
message parts
----------------------------------------------------------*/
.message-info {
	text-decoration: none;
	color: #3771C8;
}
.message-err {
	color: #d40000;
}

.separator {
	width: inherit;
	height: 1px;
	background-color: #DDD;
}
.message-err-div {
	border: 1px solid #d40000;
	background-color: #ffebee;
	max-height: 200px;
	padding: 5px 10px;
	margin: 5px 0 10px;
}
.message-conf-div {
	border: 1px solid #3771C8;
	background-color: #E3F2FD;
	max-height: 200px;
	padding: 5px 10px;
	margin: 5px 0 10px;
}

.alert-level-4 { border: 1px solid #25836b !important; color: #25836b !important; background-color: #e4f8f3 !important; } /* ミント */
.alert-level-3 { border: 1px solid #d40000 !important; color: #d40000 !important; background-color: #ffebee !important; } /* 赤 */
.alert-level-2 { border: 1px solid #FF8410 !important; color: #FF8410 !important; background-color: #FFF2CC !important; } /* 黄 */
.alert-level-1 { border: 1px solid #3771C8 !important; color: #3771C8 !important; background-color: #E3F2FD !important; } /* 青 */
.alert-notification {
	line-height: 1.8;
	padding-left: 5px !important;
	word-break: break-all;
	font-size: 12px;
	transition: 0.2s;
}
.alert-notification:HOVER {
	cursor: pointer;
}
.alert-notification span {
	font-size: 16px;
}
.alert-notification-level-1 { color: #3771C8; border: 1px solid #3771C8; background-color: #E3F2FD; transition: 0.2s; }
.alert-notification-level-1:HOVER { background-color: #BBDEFB !important; }
.alert-notification-level-2 { color: #FF8410; border: 1px solid #FF8410; background-color: #FFF2CC; transition: 0.2s; }
.alert-notification-level-2:HOVER { background-color: #ffdc71 !important; }
.alert-notification-level-3 { color: #D40000; border: 1px solid #d40000; background-color: #ffebee; transition: 0.2s; }
.alert-notification-level-3:HOVER { background-color: #ffcdd2 !important; }
.alert-notification-level-4 { color: #25836b; border: 1px solid #25836b; background-color: #e4f8f3; transition: 0.2s; }
.alert-notification-level-4:HOVER { background-color: #85dcc7 !important; }

/* ---------------------------------------------------------
async view parts
----------------------------------------------------------*/
/* 読み込み中ダイアログ */
.loading-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px; /* heightの半分のマイナス値 */
	margin-left: -100px; /* widthの半分のマイナス値 */
	z-index: 100;
	text-align: center;
	padding: 15px;
	border: 1px solid #EEE;
	background-color: #F9F9F9;

    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	box-shadow: 0px 5px 10px #AAA;
	-moz-box-shadow: 0px 5px 10px #AAA;
	-webkit-box-shadow: 0px 5px 10px #AAA;
}

.loading-dialog div {
	margin-top: 10px;
	min-width: 80px;
	color: #666;
}

.loading-dialog img {
	width: 50px;
	height: 50px;
}

/* メッセージ表示ダイアログ */
.message-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px; /* heightの半分のマイナス値 */
	margin-left: -100px; /* widthの半分のマイナス値 */
	z-index: 1000;
	text-align: center;
	padding: 5px 10px;
	border: 1px solid #EEE;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	background-color: #F9F9F9;
	box-shadow: 0px 5px 10px #AAA;
	-moz-box-shadow: 0px 5px 10px #AAA;
	-webkit-box-shadow: 0px 5px 10px #AAA;
}

.message-dialog div {
	vertical-align: middle;
	text-align: center;
	min-width: 150px;
	white-space: nowrap;
	font-size: 12px;
	color: #666;
}

/* ---------------------------------------------------------
icon parts
----------------------------------------------------------*/
/* アイコン表示用 */
.icon:before {
	position: relative;
	top: 4px;
	margin-right: 3px;
}
.icon-f16:before {
	position: relative;
	top: 2px;
	margin-right: 5px;
}
.icon:after {
	position: relative;
	top: 5px;
	margin-left: 5px;
}
.icon-f16:after {
	position: relative;
	top: 6px;
	margin-left: 5px;
}
.icon-exit-to-app-white:before { content: url(../images/icon/exit_to_app_white.png); }
.icon-user:before { content: url(../images/icon/user.png); }
.icon-family:before { content: url(../images/icon/family.png); }
.icon-insurance:before { content: url(../images/icon/insurance.png); }
.icon-housing:before { content: url(../images/icon/housing.png); }

.icon-check-green:before { content: url(../images/icon/check_outline_green.png); }

.icon-attach-file-gray:before { content: url(../images/icon/attach_file_grey.png); }
.icon-info-white:before { content: url(../images/icon/info_outline_white.png); }
.icon-info-green:before { content: url(../images/icon/info_outline_green.png); }
.icon-info-red:before { content: url(../images/icon/info_outline_red.png); }
.icon-info-blue:before { content: url(../images/icon/info_outline_blue.png); }
.icon-info-yellow:before { content: url(../images/icon/info_outline_yellow.png); }
.icon-group:before { content: url(../images/icon/group.png); }
.icon-group-white:before { content: url(../images/icon/group_white.png); }
.icon-group-red:before { content: url(../images/icon/group_red.png); }
.icon-user:before { content: url(../images/icon/user.png); }
.icon-user-circle:before { content: url(../images/icon/user_circle.png); }
.icon-work:before { content: url(../images/icon/work.png); }
.icon-time:before { content: url(../images/icon/time.png); }
.icon-comment:before { content: url(../images/icon/comment.png); }
.icon-phone:before { content: url(../images/icon/phone.png); }
.icon-email:before { content: url(../images/icon/email.png); }
.icon-email-green-outline:before { content: url(../images/icon/email_green_outline.png); }
.icon-manual-green:before { content: url(../images/icon/manual_green.png); }
.icon-help-green:before { content: url(../images/icon/help_green.png); }
.icon-help-outline-green:before { content: url(../images/icon/help_outline_green.png); }
.icon-help-white:before { content: url(../images/icon/help_white.png); }
.icon-help-outline-white:before { content: url(../images/icon/help_outline_white.png); }
.icon-add-circle:before { content: url(../images/icon/add_circle.png); }
.icon-exit-to-app:before { content: url(../images/icon/exit_to_app.png); }
.icon-settings:before { content: url(../images/icon/settings.png); }
.icon-settings-white:before { content: url(../images/icon/settings_white_24px.png); }
.icon-settings-gray:before {content: url(../images/icon/settings_gray.png); }
.icon-company:before { content: url(../images/icon/company.png); }
.icon-config:before { content: url(../images/icon/config.png); }
.icon-contact-mail-green:before { content: url(../images/icon/contact_mail_green.png); }
.icon-download-green:before { content: url(../images/icon/download_green.png); }

.icon-calendar-range:before { content: url(../images/icon/calendar_range.png); }
.icon-file-upload:before { content: url(../images/icon/file_upload_green.png); }
.icon-search:before { content: url(../images/icon/search.png); }
.icon-search-white:before { content: url(../images/icon/search_white.png); }
.icon-open-in-new-white:before { content: url(../images/icon/open_in_new_white.png); }

.icon-edit-after:after {content: url(../images/icon/edit.png); }
.icon-calendar-range-after:after {content: url(../images/icon/calendar_range.png); }
.icon-calendar-24:after {content: url(../images/icon/calendar_24px.png); }
.icon-calendar:after {content: url(../images/icon/calendar.png); }

.icon-startguide:before { content: url(../images/icon/startguide_green.png); }

.btn-initial-setup:before { background: url(../images/icon/initial_setup.png) no-repeat; }
.btn-initial.confirmed:before { background: url(../images/icon/check_circle_white.png) no-repeat; }
.btn-initial.unconfirmed:before { background: url(../images/icon/info_red.png) no-repeat; }
.setup-button.open-in-new:before { background: url(../images/icon/open_in_new.png) no-repeat; }
.setup-button.open-in-new-white:before { background: url(../images/icon/open_in_new_white.png) no-repeat; }
.setup-button.setup-confirm:before { background: url(../images/icon/check_circle_white.png) no-repeat; }
.setup-button.setup-unconfirm:before { background: url(../images/icon/info_red.png) no-repeat; }

.icon-download-gray { background: url(../images/icon/download_gray.png) no-repeat; }


.wh18p {width: 18px; height: 18px;}

.common-btn.icon {
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center left 5px;

	min-width: 30px !important;
	padding: 3px 10px !important;
}
.common-btn.icon-left {
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center left 5px;

	min-width: 30px !important;
	padding: 3px 10px 3px 25px !important;
	background-color: #EEE;
}
.common-btn.icon-and-name {
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center left 10px;

	padding: 7px 20px 7px 30px !important;
}
.common-btn.icon-search {
	background-image:url(../images/icon/search.png);
}
.common-btn.icon-print {
	padding: 1px 10px !important;
	background-image:url(../images/icon/print.png);
}
.common-btn.icon-arrow-right {
	background-image:url(../images/icon/arrow_right_grey.png);
}
.common-btn.icon-arrow-left {
	background-image:url(../images/icon/arrow_left_grey.png);
}
.common-btn.icon-arrow-up {
	background-image:url(../images/icon/arrow_up_grey.png);
}
.common-btn.icon-arrow-down {
	background-image:url(../images/icon/arrow_down_grey.png);
}
.common-btn.icon-arrowdouble-up {
	background-image:url(../images/icon/arrowdouble_up_gray.png);
}
.common-btn.icon-arrowdouble-down {
	background-image:url(../images/icon/arrowdouble_down_gray.png);
}
.common-btn.icon-open-in-new {
	background-image:url(../images/icon/open_in_new_white.png);
}
.common-btn.icon-file-download {
	background-image: url(../images/icon/file_download_white.png); 
}


/* ---------------------------------------------------------
position parts
----------------------------------------------------------*/
/* 要素の並行表示用 チェックボックスやアイコンなどと文字列の高さを並行に表示します */
.vertical-align input, .vertical-align label, .vertical-align img, .vertical-align select {
	vertical-align: middle;
}

.vertical-align img {
	margin-right: 3px;
}

.vertical-align input[type=radio] {
	vertical-align: top !important;
}

.vertical-align label {
	white-space: normal;
	word-wrap: break-word;
}

/* 文字列の省略表示用 指定したmax-widthを超える文字列を...で表示します */
.text-overflow-hidden {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 横並びレイアウト用 */
ul.holizontal li {
	display: inline-block;
	vertical-align: middle;
}

/* ---------------------------------------------------------
modal dialog parts
----------------------------------------------------------*/
#contents {
	margin: 0 auto;
	width: inherit;
}

.modal-window-wrapper {
	top: 0;
	left: 0;
	width: 100%;
	height : 100%;
	display: none;
	position: absolute;
	z-index: 20;
}

.modal-window {
	top: 25%;
	left: 25%;
	display: block;
	position: absolute;
	z-index: 21;

	padding: 20px 15px;
	background-color: #FAFAFA;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0 10px 6px -6px #444;
	-moz-box-shadow: 0 10px 6px -6px #444;
	box-shadow: 0 10px 6px -6px #444;
}

.close-overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: fixed;
	background: #000;
	opacity: 0.5;
	z-index: 20;
}

/* ---------------------------------------------------------
jquery simple ticker(news)
----------------------------------------------------------*/
.news-overlay {
	width: 100%;
	min-width: inherit;
	height: 35px;
	bottom: 0px;
	position: fixed;
	border-top: 1px solid #BBB;
	background-color: #FFF;
	z-index: 10;
}
.news-overlay .news-header {
	min-width: 100px;
	height: inherit;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background-color: #00695C;
	display: table-cell;
}
.ticker  {
	width: 100%;
	height: inherit;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	display: table-cell;
}
.ticker ul {
	width: 100%;
	position: relative;
}
.ticker ul li {
	width: 100%;
	display: none;
}
/* ---------------------------------------------------------
jqplot-highlighter-tooltip
----------------------------------------------------------*/
.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
	font-size: 11px !important;
	white-space: nowrap;
	background: initial !important;
	background-color: #FFF !important;
	padding: 5px;
	border: 1px solid #EEE;
	border-radius: 2px;
	box-shadow: 0px 2px 5px 1px #DDD;
}
.jqplot-xaxis {
	margin-top: 5px !important;
}
.jqplot-x2axis {
	margin-bottom: 5px !important;
}
/* ---------------------------------------------------------
custom-scrollbar
----------------------------------------------------------*/
.custom-scrollbar {
	overflow-y: auto;
	overflow-x: auto;
	height: inherit;
	-webkit-overflow-scrolling: touch;
}
.custom-scrollbar::-webkit-scrollbar-track { background-color: #F0F0F0; }
.custom-scrollbar::-webkit-scrollbar-track:hover { border: 1px solid #CCC; }
.custom-scrollbar::-webkit-scrollbar { width: 11px; height: 11px; background-color: #F0F0F0; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: #CCC; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #AAA; }
/* ---------------------------------------------------------
tooltip
----------------------------------------------------------*/
.tooltip-area {
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
}
.helpIcon {
	cursor: pointer;
	margin: 17px 0 0 5px;
	float:left;
}
.tooltip {
	width:500px;
	top: 35px;
	padding: 15px;
	font-size: 12px;
	line-height: 20px;
	background-color: #FFFFFF;
	position: absolute;
	border-radius: 4px;
	z-index: 10;
	box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

#powerTip {
  max-width: 80vw;              /* ビューポート幅の80%以内に抑える */
  word-break: break-word;       /* 単語の途中でも折り返す */
  white-space: normal;          /* テキスト折返しを有効に */
  box-sizing: border-box;       /* パディングやボーダーを幅に含める */
}