/*============================================================
=	
=	GISAp V4 - GISAp.WebLite
=
=   $Date: 2022-11-10 09:31:14 +0900 (2022/11/10 (木)) $
=   $Revision: 9399 $
=   $Author: sat-takeda@nec.com $
=
=	Copyright(C) NEC Solution Innovators, Ltd 2014
=
============================================================*/

body {
	/* ▼ページ全体の装飾 */
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic",sans-serif;
	-ms-overflow-style:none; /* IEでスクロールバーが表示されないように*/
    overflow: hidden;
	width:100%;
	margin: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime-local"], select, textarea {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
}

/*
	▼その他：地図領域のデザイン
*/
#GISApMapView {
	z-index: 1;
	width: 100%;
	height: calc(100% - 24px);
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ffffff;
}

#GISApStatusBar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 24px;
    position: absolute;
    top: calc(100% - 24px);
    left: 0px;
    background: #f0f0f0;
    font-size: 12px;
    border-top: solid silver 1px;
}

#GISApStatusBar .gwb-status-content-left {
    vertical-align: middle;
    padding: 0px 8px;
    border-right: solid silver 1px;
}

#GISApStatusBar .gwb-status-content-right {
    vertical-align: middle;
    text-align: right;
    padding: 0px 8px;
    border-left: solid silver 1px;
    margin-left: 0px;
}

#GISApStatusBar .gwb-status-content-right.first {
    margin-left: auto;
}

.ol-refresh {
    top: auto;
    left: auto;
    bottom: 25px;
    right: 0.5em;
}

.ol-refresh button {
    background-image: url(./images/homeRefresh.png);
    color: transparent;
}

/* 標準の位置から、右下へ移動 */
.ol-zoom {
	top: auto;
	left: auto;
	bottom: 80px;
	right: .5em;
}
/* 標準の位置から、ちょっと下へ移動 */
.ol-rotate {
	top: 60px;
}
.ol-control button, .ol-attribution, .ol-scale-line-inner {
	/*font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;*/
}
.ol-control button {
	height:40px;
	width:40px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position:center;
	border-color:#808080;
	border-width:1px;
	border-style:solid;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
	color: dimgrey;
}
.ol-control button:hover {
	text-decoration: none;
	background-color: rgba(0,60,136,.7);
	color: white;
}
.ol-control button:focus {
	text-decoration: none;
	background-color: #FFFFFF;
}

.ol-control button.ol-zoom-in {
	/*background-color : transparent;*/
	/*background-color: #0072C6;*/
	background-image : url(./images/homeExpand.png);
	color:transparent;
}
.ol-control button.ol-zoom-out {
	/*background-color : transparent;*/
	/*background-color: #0072C6;*/
	background-image : url(./images/homeContract.png);
	color:transparent;
}
.ol-control button.ol-full-screen-false {
	/*background-color : transparent;*/
	/*background-color: #0072C6;*/
	/*background-color: #E0E0E0;*/ 
	background-image : url(./images/fullscreen.png);
	color:transparent;
}

.ol-grayscalelayer {
    filter: grayscale(100%);
}

.ol-gps {
	top: auto;
	left: auto;
	bottom: 175px;
	right: .5em;
}
.ol-gps button{
	background-image : url(./images/searchGps.png);
	color:transparent;
}

.ol-fitall {
	top: auto;
	left: auto;
	bottom: 225px;
	right: .5em;
}
.ol-fitall button{
	background-image : url(./images/homeFitAll.png);
	color:transparent;
}

.ol-legend {
	top: auto;
	left: auto;
	bottom: 275px;
	right: .5em;
}

.ol-legend button {
	background-image: url(./images/homeLegend.png);
}

.ol-undoredo {
	top: 0.5em;
	left: auto;
	bottom: auto;
	right: 4.0em;
	height: 42px;
}
button.ol-undo {
	background-image: url(./images/homeUndo.png);
	color: transparent;
	display: inline-block;
}
button.ol-redo {
	background-image: url(./images/homeRedo.png);
	color: transparent;
	display: inline-block;
}

.ol-attribution {
	box-sizing: content-box;
	padding: 0px;
	/*height: 1.1em;*/
	line-height: 1em;
}

.ol-attribution ul {
	font-size: 0.7rem;
	line-height: 1.37em;
}

/*
	▼その他：メニューボタンのデザイン
*/
@media print {
	.gwb-container,
	.gwb-menu,
	.gwb-left-box,
	.gwb-dialogBox-center,
	.gwb-full-background,
	.gwb-noprint {
		display: none !important;
	}

	#GISApMapView {
		width: auto;
		height: auto;
	}

	.ol-scale-line {
		display: none
	}
}


.gwb-container .button {
	z-index: 2;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 10px;
	/*padding: 10px;*/
	border: 2px solid #f7f7f7;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s;
	color: white;
	background-color: #0072C6;
	transition: .3s;
	font-weight: 300;
	height: 40px;
	width: 40px;
	padding: 0px;
}
.gwb-container .button:after {
	position: absolute;
	-webkit-transition: .3s;
	transition: .3s;
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	height: 3px;
	background: #f7f7f7;
}
.gwb-container .button:hover {
	cursor: pointer;
	/*-webkit-transform: scale(1.2);
	transform: scale(1.2);*/
}
.gwb-container .button:hover:after {
	width: 0%;
	left: 0;
}

li.gwb-dragnode-move-before {
    border-top: solid 1px blue;
}

li.gwb-dragnode-move-after {
    border-bottom: solid 1px blue;
}

li.gwb-dragnode-move > label {
    border: solid 1px blue;
    color: white;
    background-color: rgba(0, 100, 255, 0.7);
}

#login input {
	width:100%;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	padding: 0px
}

#login label {
	font-size:12px;
}
#login_message {
	font-size: 12px;
	color: red;
	height: 20px;
}
#changePass {
	margin-left: 10px;
}
#changePassword_message {
	font-size: 12px;
	color: red;
	height: 20px;
}

#legendDialog {
	display: none;
	position: absolute;
	right: 0;
	width: 300px;
	z-index: 999;
	box-shadow: 0px 9px 46px 8px rgba(0,0,0,0.14), 0px 11px 15px -7px rgba(0,0,0,0.12), 0px 24px 38px 3px rgba(0,0,0,0.2);
	background-color: white;
	color: black;
}

#legendDialog-body {
	margin: 10px;
	font-size: 14px;
	height: 300px;
}

#legendPanel {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: auto;
	max-width: 280px;
	max-height: 270px
}

filterPanel .content {
	position: absolute;
	top: 45px;
	left: 0px;
	right: 0px;
	bottom: 60px;
	background-color: white;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: auto;
}

#filterPanel .dataAttributeList {
	width: 100px;
}

#filterPanel .dataType {
	width: 100%;
}

#filterPanel-body button {
	background: rgba(158,158,158,.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 1px 5px 0px rgba(0,0,0,0.12);
	vertical-align: middle;
	border: 0 solid currentColor;
	border-radius: 3px;
	line-height: 28px;
	padding: 4px 8px;
	margin: 5px;
	color: #000;
    font-size: 90%;
}

#searchAttributeDialog {
	width: 350px;
	z-index: 999;
	box-shadow: 0px 9px 46px 8px rgba(0,0,0,0.14), 0px 11px 15px -7px rgba(0,0,0,0.12), 0px 24px 38px 3px rgba(0,0,0,0.2);
	background-color: white;
	color: black;
}

#searchAttributeDialog .dataAttributeList {
	width: 100px;
}

#searchAttributeDialog .dataType {
	width: 100%;
}

/*#searchAttributeDialog input[type="text"] {
	width: 150px;
}*/

#searchAttributeDialog-body button {
	background: rgba(158,158,158,.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 1px 5px 0px rgba(0,0,0,0.12);
	vertical-align: middle;
	border: 0 solid currentColor;
	border-radius: 3px;
	line-height: 28px;
	padding: 4px 8px;
	margin: 5px;
	color: #000;
    font-size: 90%;
}

#searchAttributeDialog-body button.codeSearch {
	line-height: normal;
	padding: 2px 8px;
	margin: 0 0 0 3px;
	box-shadow: none;
	border: 1px solid #A0A0A0;
}

#searchAttributeDialog-body button:disabled {
	color: #ccc;

}

#searchAttributeReadDialog {
	background-color: #ffffff;
	width: 350px
}

#searchAttributeReadDialog-body {
	margin: 10px;
	font-size: 14px;
	height: 300px;
	border: 1px solid #E0E0E0;
}

#searchAttributeReadDialog-body div {
	padding: 3px;
	cursor: pointer;
}

#searchAttributeReadDialog-body div.active {
	background-color: rgba(135, 206, 250, 1);
}

#searchAttributeSearchCodeDialog {
	background-color: #ffffff;
	width: 350px
}

#searchAttributeSearchCodeDialog-body {
	margin: 10px;
	font-size: 14px;
	/*height: 300px;*/
	/*border: 1px solid #E0E0E0;*/
}

#searchAttributeSearchCodeDialog-body button.codeSearch {
	line-height: normal;
	padding: 3px 8px;
	margin: 0 0 0 3px;
	box-shadow: none;
	border: 1px solid #A0A0A0;
}

#searchAttributeSearchCodeDialog-body div.list {
	height: 270px;
	border: 1px solid #E0E0E0;
	overflow: auto;
	-ms-overflow-style: scrollbar;
}

#searchAttributeSearchCodeDialog-body div.list div.item {
	padding: 3px;
	cursor: pointer;
}

#searchAttributeSearchCodeDialog-body div.list div:not(.active).item:hover {
	background: rgba(0,0,0,.05);
	transition-duration: 0.4s;
}

#searchAttributeSearchCodeDialog-body div.list div.item.active {
	background-color: rgba(135, 206, 250, 1);
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.operationButtonArea {
	float: none;
	padding: 0;
}

#viewlist .list .divider, #viewlist .list .padded-list {
	padding: 0 16px;
}
#viewlist .list {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
#viewlist .list li {
	height: auto;
	min-height: 51px;
	line-height: 52px;
	overflow: hidden /* for accordion animation */;
	display: block;
	border-bottom: 1px solid #eee;
}
#viewlist .list li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #000;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
}
#viewlist .list li a:hover {
	background-color: #eee;
}
#viewlist .list li a:active {
	background-color: #eee;
}
#viewlist a {
	color: #0084e7;
	text-decoration: none;
}
#viewlist .content {
	position: absolute;
	top: 45px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color:white;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: auto;
}

#contentList {
	position: absolute;
	top: 50px;
	left: 5px;
	right: 5px;
	bottom: 65px;
	background-color: white;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: auto;
}

#contentList table {
	border: solid 1px #444;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

#contentList td,
#contentList th {
	border: solid 1px #aaa;
	margin: 1px 5px;
	white-space: pre;
	padding: 4px;
}

#contentList th {
	background-color: #d6d6d6;
}

#contentList td {
	cursor: pointer;
}

#contentList .TableRowEven {
	background-color: #EFEFEF
}

#contentList .active-row {
	background-color: rgba(135, 206, 250, 1);
}

.gwb-selectable {
    -webkit-touch-callout: initial;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: element;
    user-select: text;
    -webkit-tap-highlight-color: initial;
}

.gwb-unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

#fenceClose {
	border: 1px #808080 solid;
	background-color: #eee;
}
#memoClose {
	border: 1px #808080 solid;
	background-color: #eee;
}
#measuringClose {
	border: 1px #808080 solid;
	background-color: #eee;
}
#fenceMenu img {
	cursor: pointer;
}
#memoMenu img {
	cursor: pointer;
}
#measuringMenu img {
	cursor: pointer;
}

.gwb-container button {
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}

.gwb-menu {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	visibility: hidden;
	width: 300px;
	height: 100%;
	background: #0072C6;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-ms-overflow-style: auto;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}

.gwb-menu {
	visibility: visible;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0px, 0px);
}

.gwb-menu-title {
    padding: 10px;
    color: white;
    background-color: #0072C6;
    font-weight: bold;
    font-size: large;
    margin-bottom: 60px;
}

.gwb-menu-separator {
    padding: 3px !important;
    background-color: #0056AA !important;
}

.gwb-menu.gwb-menu-open {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0px, 0px, 0px);
}

.gwb-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.gwb-menu ul li a {
	/* ▼各項目の装飾(文字色) */
	color: white;
	text-decoration: none;
	cursor: pointer;
}

.gwb-menu ul li a {
	display: block;
	padding: 1em 1em 1em 1.2em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #f3efe0;
	/*text-transform: uppercase;*/
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing: 1px;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.gwb-menu ul li:first-child a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.gwb-menu ul li a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}

.gwb-full-background {
	background: rgba(0, 0, 0, 0.15);
	width: 100%;
	height: 100%;
	bottom: 0px;
	display: none;
	position: fixed;
	z-index: 1001;
	backface-visibility: hidden;
}

.gwb-full{
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	bottom: 0px;
	position: fixed;
	z-index: 99;
	backface-visibility: hidden;
}

.gwb-dialogBox-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4);
}

.gwb-dialogBox-body {
	width: 300px;
	background-color: #ffffff;
	color: #000000;
	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}
.gwb-dialogBox-button {
	background: rgba(158,158,158,.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	vertical-align: middle;
	border: 0 solid currentColor;
	border-radius: 3px;
	line-height: 28px;
	padding: 4px 8px;
	margin: 5px;
	color: #000;
	min-width:90px;
    cursor: pointer;
}
.gwb-dialogBox-button:disabled {
    color: silver;
    cursor: default;
}

.gwb-message-title {
    background: #0072C6;
    color: white;
    font-size: 14px;
    padding: 5px;
    min-height: 7px;
}

.gwb-message-body {
	min-width: 300px;
	background-color: #ffffff;
	color: #000000;
	padding:15px;
}

.gwb-left-box {
	width: 300px;
	position: absolute;
	background-color: white;
	top: 0px;
	bottom: 0px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4);
}

.gwb-right-box {
	width: 350px;
	position: absolute;
	background-color: white;
	top: 0px;
	bottom: 0px;
	left: auto;
	right: 0px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4);
}

.gwb-centerCross {
	margin: auto;
	left: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	right: 0px;
	bottom: 0px;
	display: none;
	position: absolute;
	-ms-user-select: none;
	background-color: transparent;
	z-index: 99;
	pointer-events: none;
}

.gwb-centerCross div {
	width: 32px;
	height: 32px;
	background-image: url(./images/CenterCross.png);
	pointer-events: none;
}

.gwb-mapLoading {
    position: absolute;
    margin: auto;
    width: 32px;
    height: 32px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
    z-index: 99;
}

/*
.gwb-address {
    position: absolute;
    top: 15px;
    left: 55px;
    background-color: white;
    z-index: 2;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 10px;
    text-align: center;
    min-width: 150px;
    max-width: calc(100% - 230px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}
*/
.gwb-address {
    position: absolute;
    top: auto;
    bottom: 64px;
    left: 10px;
    background-color: rgba(0,0,0,.7);
    color: white;
    z-index: 2;
    border: none;
    border-radius: 2px;
    padding: 2px 10px;
    text-align: center;
    min-width: 150px;
    max-width: calc(100% - 230px);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.7em;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}

.gwb-sub-menu {
	position: absolute;
	top: 60px;
	left: 10px;
	background-color: white;
	z-index: 2;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px 3px;
	display: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}

.gwb-close-button {
	position: absolute;
	top: 0px;
	right: 0px;
	border-color: #808080;
	/*border-width: 1px;*/
	border-style: none;
	background-color: #eeeeee;
	margin: 5px;
	border-radius: 6px;
	background-image : url(./images/close.png);
	height: 32px;
	width: 32px;
	cursor: pointer;
}

.gwb-link-img {
	background-image: url("./images/loading-pik.gif");
	background-repeat: no-repeat;
	background-position: center center;
	width: 200px;
	/*height: 125px;*/
	border: 1px solid #ccc;
}

.gwb-title {
	background-color: #0072C6;
	color: #fff;
	padding-top: 20px;
	padding-left: 10px;
}

.gwb-item {
	padding: 5px;
	margin-top: 5px;
	background-color: #ffffff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2), 0px -1px 0px rgba(0,0,0,0.02);
	cursor: pointer;
}

/*
    ▼トグルボタン
*/

.gwb-toggle {
    margin: 5px;
}

.gwb-toggle .gwb-toggle-check[type="checkbox"] {
    display: none;
}

.gwb-toggle .gwb-toggle-button {
    display: block;
    cursor: pointer;
    padding: 2px;
    border: 1px solid silver;
}

.gwb-toggle-check[type="checkbox"]:checked + .gwb-toggle-button {
    background: white;
    border-color: #5050A0;
}


/*
    ▼階層パネル
*/

.gwb-floorPanel {
    background-color: rgba(240, 240, 240, 0.56);
    border: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    border-radius: 3px;
}

.gwb-floorPanel:hover {
    background-color: rgba(240, 240, 240, 1.0);
    border: 1px solid rgba(0, 0, 0, 0.62);
}

.gwb-floorPanel .gwb-floorSliderPanel {
    width: 28px;
    height: 200px;
    position: relative;
    transform: translateX(50%);
}

.gwb-floorPanel .gwb-floorPanelLabel {
    font-size: 14px;
    text-align: center;
}

/*
    ▼スライダ(共通)
*/

.gwb-sliderContainer {
    width: 200px;
    height: 28px;
}

.gwb-sliderContainer.vertical {
    transform: translateX(-100%) rotate(-90deg) translateY(50%);
    transform-origin: right center;
}

.gwb-sliderContainer .tick-mark {
    display: inline-block;
    background: gray;
    width: 1px;
    height: 8px;
    position: absolute;
    top: 16px;
    z-index: -1
}

.gwb-slider[type=range] {
    -webkit-appearance: none;
    width: 200px;
    height: 28px;
    padding: 0px;
    background: none;
}

.gwb-slider[type=range]:disabled {
    opacity: 0.5;
}

.gwb-slider[type=range]:disabled ~ .tick-mark {
    background: silver;
}

/*
    ▼スライダ(Chrome)
*/
.gwb-slider[type=range]::-webkit-slider-runnable-track {
    background: silver;
    height: 3px;
}

.gwb-slider[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 26px;
    transform: translateY(-10px);
    background-image: url('./images/SliderThumb.png');
}

.gwb-slider[type=range]::-webkit-slider-thumb:hover {
    background-image: url('./images/SliderThumb_Hover.png');
}

.gwb-slider[type=range]::-webkit-slider-thumb:active {
    background-image: url('./images/SliderThumb_Active.png');
}

.gwb-slider[type=range]:disabled::-webkit-slider-thumb {
    background-image: url('./images/SliderThumb.png');
    opacity: 0.7;
}

/*
    ▼スライダ(IE, 旧Edge)
    　※Chromeより上に記述しないこと！
*/
.gwb-slider[type=range]::-ms-track {
    background: silver;
    border: none;
    height: 3px;
}

.gwb-slider[type=range]::-ms-fill-lower {
    display: none;
}

.gwb-slider[type=range]::-ms-fill-upper {
    display: none;
}

.gwb-slider[type=range]::-ms-tooltip {
    display: none;
}

.gwb-slider[type=range]::-ms-thumb {
    width: 15px;
    height: 26px;
    background: rgba(0, 0, 0, 0);
    background-image: url('./images/SliderThumb.png');
    transform: translateY(2px);
    border: none;
}

.gwb-slider[type=range]::-ms-thumb:hover {
    background-image: url('./images/SliderThumb_Hover.png');
}

.gwb-slider[type=range]::-ms-thumb:active {
    background-image: url('./images/SliderThumb_Active.png');
}

.gwb-slider[type=range]:disabled::-ms-thumb {
    background-image: url('./images/SliderThumb.png');
    opacity: 0.7;
}


/*
    ▼スライダ(FireFox)
*/
.gwb-slider[type=range]::-moz-range-track {
    background: silver;
    height: 3px;
}

.gwb-slider[type=range]::-moz-range-thumb {
    width: 15px;
    height: 26px;
    transform: translateY(2px);
    background: none;
    background-image: url('./images/SliderThumb.png');
    border: none;
    border-radius: 0;
}

.gwb-slider[type=range]::-moz-range-thumb:hover {
    background-image: url('./images/SliderThumb_Hover.png');
}

.gwb-slider[type=range]::-moz-range-thumb:active {
    background-image: url('./images/SliderThumb_Active.png');
}

.gwb-slider[type=range]:disabled::-moz-range-thumb {
    background-image: url('./images/SliderThumb.png');
    opacity: 0.7;
}

/*
    ▼バルーン
*/
.gwb-balloon {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -91px;
    min-width: 100px;
}

.gwb-balloon:after, .gwb-balloon:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.gwb-balloon:after {
    border-top-color: white;
    border-width: 10px;
    /*left: 48px;*/
    left: 50%;
    margin-left: -10px;
}

.gwb-balloon:before {
    border-top-color: #cccccc;
    border-width: 11px;
    /*left: 48px;*/
    left: 50%;
    margin-left: -11px;
}

.gwb-balloon-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

.gwb-balloon-closer:after {
    content: "✖";
}


/*
    ▼コンテキストメニュー
*/

#contextMenuBody {
    background-color: #F0F0F0;
    position: absolute;
    border: solid 1px gray;
    display: none;
    white-space: nowrap;
}

#contextMenuBody .menuItemIcon {
    background-color: #FAFAFA;
    cursor: pointer;
    padding: 2px 2px 2px 4px;
    margin-right: 6px;
    width: 26px;
    height: 26px;
    float: left;
}

#contextMenuBody .menuItem {
    background-color: #F0F0F0;
    cursor: pointer;
    padding: 2px 10px;
    height: 26px;
}

#contextMenuBody .menuItemHover {
    background-color: #D0D0D0;
}

.notification {
	vertical-align: top;
	height: 19px;
	min-width: 19px;
	border-radius: 19px;
	background-color: #0072C6;
	color: white;
	text-align: center;
	line-height: 19px;
	font-size: 12px;
	display: inline-block;
    padding: 0px 2px;
}

#option label {
	margin: 7px;
	background: #0084e7;
	padding: 5px;
	border-radius: 4px;
	color: white;
	cursor: pointer;
}
#option input[type="checkbox"] {
	margin-right: 5px;
}
#option {
	margin-top: 20px;
	padding: 10px;
	font-size: 0.8em;
}

.gwb-button-panel {
	border-top: 1px solid rgba(0,0,0,.1);
	text-align: right;
	padding: 5px;
}

.gwb-button-panel button{
	background: rgba(158,158,158,.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	vertical-align: middle;
	border: 0 solid currentColor;
	border-radius: 3px;
	line-height: 28px;
	padding: 4px 8px;
	margin: 5px;
	color: #000;
	min-width:90px;
    font-size: 90%;
	cursor: pointer;
}

.gwb-button-panel button:disabled {
    color: silver;
    cursor: default;
}

/*
	▼その他：パネル(標準ジオコーダ検索)用スタイルシート
*/
    #stdGeoCoderPanel {
        z-index: 999;
        position: absolute;
        top: 10px;
        left: 5px;
        margin: 0 0 0 0;
        padding: 2px 2px 1px 2px;
        border-radius: 4px;
        border: solid 1px #cccccc;
        background-color: #F6F6F6;
    }

#stdGeoCoderPanel-top {
	height: 35px;
	margin: 0 0 0 0;
	padding: 2px 2px 1px 1px;
}

#stdGeoCoderPanel-body {
	max-height: 400px;
	max-width: 500px;
	overflow-x: hidden;
	overflow: auto;
}

#stdGeoCoderPanel table tr th {
	white-space: pre;
}

#stdGeoCoderPanel table tr:hover td {
	background-color: #E0FFFF;
}

#stdGeoCoderPanel table tr.rowSelectd td {
	background-color: #87CEFA;
}

#std_geomatch_table {
	border-collapse: collapse;
	margin:2px 1px 1px 0;
}

#std_geomatch_table th {
	border: solid 1px #cccccc;
	white-space: pre;
	padding: 1px 3px;
}

#std_geomatch_table tbody tr {
	height: 40px;
}

#std_geomatch_table td {
	border: solid 1px #cccccc;
	white-space: pre;
	word-break: break-all;
	padding: 1px 3px;
}

#std_geomatch_table .TableRowOdd {
	background-color: #E2E4FF;
}

#std_geomatch_table .TableRowEven {
}

#geoListData_Table .PositionHidden {
	display: none;
}

.field_wrap {
	position: relative;
}

.field_wrap input[type="text"] {
	vertical-align: middle;
	width: 220px;
	height: 30px;
	font-size: small;
	border: none;
}

.field_wrap input[type="image"] {
	vertical-align: middle;
	width: 24px;
	height: 24px;
	outline-width: 0px;
}

.field_wrap label {
	position:       absolute;
	padding:        2px 2px;
	font-family:    inherit;
	color:          #888;
	vertical-align: middle;
}


.arrow_box {
	border-radius: 5px;
	padding: 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.arrow_box {
	position: relative;
	background: #f5f5f5;
	border: 2px solid #140c7a;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(20, 12, 122, 0);
	border-top-color: #140c7a;
	border-width: 23px;
	margin-left: -23px;
}

.arrow_box button.gwb-display-button {
	background: rgba(158,158,158,.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	vertical-align: middle;
	border: 0 solid currentColor;
	border-radius: 3px;
	line-height: 32px;
	padding: 4px 10px;
	margin: 5px;
	color: #000;
	min-width:110px;
}

#layerPanel .content {
	position: absolute;
	top: 45px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color:white;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: auto;
}

#layerPanel .workSpace {
	border-bottom: 1px solid #d9d9d9;
	padding: 8px;
}

#layerPanel .customPanel {
    position: absolute;
    height: 0px;    /* JSで操作 */
    bottom: 0px;    /* JSで操作 */
    left: 0px;
    right: 0px;
    background: white;
    border-top: 1px solid #d9d9d9;
}

#layerPanel .resizeDrag {
    width: 9px;
    cursor: col-resize;
    background: #F8F8FF url(./images/resize_vertical.png) center no-repeat;
}

#layerPanel ul{
	list-style-type: none;
	padding-left: 20px;
}

#layerPanel li {
    background-image: url("./images/LayerEmpty.png");
    background-repeat: no-repeat;
    background-position: 16px 2px;
    margin: 0px 0px 0px 13px;
}

#layerPanel li.contents {
    background-image: url("./images/Contents.png");
    background-position: 29px 2px;
    margin: 0px;
}

#layerPanel li.memo {
    background-image: url("./images/Memo.png");
}

#layerPanel li.measuring {
    background-image: url("./images/Measure.png");
}

#layerPanel li.map {
    background-image: url("./images/Maps.png");
    background-position: 29px 2px;
    margin: 0px;
}

#layerPanel li.contents label {
    white-space: nowrap;
}

#layerPanel li.map label {
    white-space: nowrap;
}

#layerPanel li.map input[type="checkbox"] {
    margin-right: 20px;
}

#layerPanel li.contents input[type="checkbox"] {
    margin-right: 20px;
}

#layerPanel li.contents img.expanded {
    background-image: url("./images/Minus_8.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 9px;
    padding: 2px;
}

#layerPanel li.map img.expanded {
    background-image: url("./images/Minus_8.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 9px;
    padding: 2px;
}

#layerPanel li.contents img.collapsed {
    background-image: url("./images/Plus_8.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 9px;
    padding: 2px;
}

#layerPanel li.map img.collapsed {
    background-image: url("./images/Plus_8.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 9px;
    padding: 2px;
}

#layerPanel li.contents img.filtered {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-image: url("./images/Filter.png");
}

#layerPanel li.map img.filtered {
    width: 16px;
    height: 16px;
    margin-left: 4px;
	background-image: url("./images/Filter.png");
}

#layerPanel li.layerGroup {
    background-image: url("./images/LayerGroup.png");
    background-position: 29px 2px;
    margin: 0px;
}

#layerPanel li.layerPoint {
	background-image: url("./images/LayerPoint.png");
}
#layerPanel li.layerIcon {
	background-image: url("./images/LayerIcon.png");
}
#layerPanel li.layerSymbol {
	background-image: url("./images/LayerSymbol.png");
}
#layerPanel li.layerCurve {
	background-image: url("./images/LayerCurve.png");
}
#layerPanel li.layerSurface {
	background-image: url("./images/LayerSurface.png");
}
#layerPanel li.layerEllipse {
	background-image: url("./images/LayerEllipse.png");
}
#layerPanel li.layerAnnotation {
	background-image: url("./images/LayerAnnotation.png");
}
#layerPanel li.layerRaster {
    background-image: url("./images/LayerRaster.png");
}

#layerPanel label.selected {
    background-color: rgba(0,100,255,0.2);
}

#informationDisplayDialog {
	background-color: white;
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 300px;
	display: none;
	box-shadow: 0px 9px 46px 8px rgba(0,0,0,0.14), 0px 11px 15px -7px rgba(0,0,0,0.12), 0px 24px 38px 3px rgba(0,0,0,0.2);
}

#informationDisplay {
	padding: 10px;
	background-color: #efeff4;
	font-size: 14px;
	position: absolute;
	top: 45px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: auto;
	-ms-overflow-style: auto;
	-webkit-overflow-scrolling: touch;
}

#informationDisplay table{
	border: solid 1px #000000;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#informationDisplay td,th{
	border: solid 1px #aaa;
	padding: 3px;
	word-wrap: break-word;
	word-spacing: normal;
	word-break: break-all;
}
#informationDisplay td.gwb-num{
	text-align: right;
}

#informationDisplay .informationItem {
	padding: 5px;
	background-color: #ffffff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2), 0px -1px 0px rgba(0,0,0,0.02);
}

#informationDisplay .tableNames {
	white-space: nowrap;
	overflow: auto;
	margin-bottom: .2em;
	padding-bottom: .2em;
	padding-top: 1em;
}

#informationDisplay .collapseButton {
    width: 100%;
    height: 30px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

#attributeListDisplay {
	padding: 0px;
	font-size: 12px;
	position: absolute;
	top: 45px;
	bottom: 65px;
	right: 0px;
	left: 0px;
	overflow: auto;
	-ms-overflow-style: auto;
	-webkit-overflow-scrolling: touch;
}

#attributeListDisplay table{
	border: solid 1px #444;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#attributeListDisplay td,th {
	border: solid 1px #aaa;
	margin: 1px 5px;
	white-space: pre;
	padding: 4px;
}
#attributeListDisplay th {
	background-color: #d6d6d6;
}

#attributeListDisplay td.gwb-num{
	text-align: right;
}


#attributeListDisplay .TableRowEven {
	background-color: #EFEFEF
}

#attributeListDisplay .active-row{
	background-color: rgba(135, 206, 250, 1);
}

#searchResultDialog {
	background-color: white;
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	display: none;
	box-shadow: 0px 9px 46px 8px rgba(0,0,0,0.14), 0px 11px 15px -7px rgba(0,0,0,0.12), 0px 24px 38px 3px rgba(0,0,0,0.2);
}

#attributeListDialog {
	max-height: 100%;
	background-color: white;
	z-index: 999;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 300px;
	width: 100%;
	display: none;
	box-shadow: 0px 9px 46px 8px rgba(0,0,0,0.14), 0px 11px 15px -7px rgba(0,0,0,0.12), 0px 24px 38px 3px rgba(0,0,0,0.2);
}

#helpView {
	-ms-overflow-style: auto;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	font-size: 16px;
}
#helpView .header-bar{
	position: absolute;
	background-color:#0084e7;
	padding: 0;
	height: 52px;
	font-size: 14px;
	margin: 0 auto;
	position: fixed;
	width: 100%;
	z-index:1000;
	color:white;
}
#helpView h1 {
	padding: 0.5em;/*文字周りの余白*/
	color: #010101;/*文字色*/
	background: #eaf3ff;/*背景色*/
	border-bottom: solid 3px #516ab6;/*下線*/
	font-size: 18px;
	margin-top: 50px;
}
#helpView h2 {
	background: linear-gradient(transparent 50%, #a7d6ff 70%);
	font-size: 16px;
	width: 200px;
}

#helpView .helpView-body {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 10px;
	position: absolute;
	top: 52px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

a[data-kind="pdf"]::before {
	padding-right: 5px;
	display: inline-block;
	content: url("images/PDF_32.png");
	vertical-align: middle;
}

a[data-identify="GISAp.Integrated.AttachBrowser"]::before {
    padding-right: 5px;
    display: inline-block;
    content: url("images/Folder_32.png");
    vertical-align: middle;
}