/*---------------------
  全体
---------------------*/
* {
  font-size: 9pt;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","Hiragino Kaku Gothic ProN", sans-serif;
  margin: 0;
  padding: 0;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

ul, ol {
  list-style: none;
}

html {
  height: 100%;
  width: 100%;
}

body {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

select {
  padding-left: 7px;
}

input {
  padding-left: 4px;
  -ms-user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
}
textarea {
  -ms-user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
}

/*スクロールバーのスタイル*/
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(59, 59, 59, .5);
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}


/*---------------------
  スタイル共通
---------------------*/
/* ボタン */
.cmn_button {
  display: inline-block;
  margin: 5px 10px 20px 10px;
  padding: 2px 10px;
  text-align: center;
  box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);
  height: 30px;
  line-height: 15px;
  font-size: 12px;
}
.cmn_button:hover {
  cursor: pointer;
}
.cmn_button:active {
  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);
  cursor: pointer;
}
.cmn_button:focus {
  cursor: pointer;
}
.cmn_button_disabled {
  cursor: default;
  pointer-events: none;
  box-shadow: none;
  background-color: #9c9c9c !important;
}
.cmn_round_button {
  display: inline-block;
  cursor: pointer;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.36);
  text-align: center;
  height: 32px;
  width: 32px;
  min-width: 0;
}

.cmn_button_thin {
  cursor: pointer;
  box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);
  color: #fff;
  background-color: #8997dc;
}
.cmn_button_thin:hover {
  color: #fff;
  background-color: #9babfa;
}
.cmn_button_thin:active {
  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);
}

.cmn_button_disabled_opacity {
  opacity: 0.4;
  pointer-events: none;
}

.cmn_events_ban {
  pointer-events: none;
}
.cmn_mouth_wait {
  cursor: wait;
}

/* 以下のhtmlで実装してください */
/* <label><span></span><input type="radio"></label> */
label.cmn_radio_category {
  display: inline-flex;
  cursor: pointer;
}
label.cmn_radio_category > input {
  display: none;
}
label.cmn_radio_category > span {
  display: inline-block;
  width: 60px;
  margin-right: 5px;
  margin-bottom: 10px;
  height: 24px;
  line-height: 24px;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  box-shadow:0 0 8px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.36);
}
label.cmn_radio_category > span:hover {
  background-color: rgb(155, 155, 155);;
}
label.cmn_radio_category > input:checked + span, label.cmn_radio_category > span:active {
  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);

}


/* セレクトボックス */
.cmn_select {
  height: 24px;
  width: 160px;
  outline: 0;
  border-radius: 6px;
  font-size: 9pt;
  background: url(../img/default/open_black.png) right no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cmn_select_list {
  width: 160px;
  outline: 0;
  border-radius: 6px;
  font-size: 9pt;
  cursor:pointer;
}

/* 文字数オーバー用セレクトボックス */
.cmn_select_container,
.cmn_select_container select {
  height: 24px;
  width: 160px;
  outline: 0;
  position: relative;
  z-index: 2;
  margin: 0;
}
.cmn_select_container select {
  color: rgba(0,0,0,0);
  background: none;
  border: none;
  opacity: 0;
}
.cmn_select_container option {
  color: black;
}
.cmn_viewport {
  position: absolute;
  height: 20px;
  width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  padding: 1px 10px 1px 8px;
  top: 0;
  border-radius: 6px;
  border: solid 1px;
}
.cmn_select_container div.cmn_viewport::after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  top: 10px;
  right: 0;
  border: 5px solid transparent;
  border-top-color: black;
  margin-right: 3px;
}

.cmn_select[disabled],
.cmn_select_container select[disabled] + div.cmn_viewport {
  background-color: #9c9c9c;
}

.cmn_select.cmn_unactivate,
.cmn_select_container select.cmn_unactivate + div.cmn_viewport {
  background-color: #fff !important;
}

/*テキストボックス*/
.cmn_textbox {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 160px;
  height: 24px;
  outline: none;
}
.cmn_textbox[disabled] {
  background-color: #9c9c9c;
}
.cmn_textbox[readonly] {
  background-color: #9c9c9c;
}
.cmn_textbox.cmn_unactivate {
  background-color: #fff !important;
}
.handsontable td.cmn_grid_readonly {
  background-color: #9c9c9c;
}

/* テキストエリア */
.cmn_textarea {
  width: 160px;
  outline: none;
}
.cmn_textarea[disabled] {
  background-color: #9c9c9c;
}
.cmn_textarea[readonly] {
  background-color: #9c9c9c;
}
/* チェックボックス */
/* 以下のhtmlで実装してください */
/* <label ><input type="checkbox"><span></span></label> */
.cmn_checkbox {
  display: block;
  position: relative;
  margin: 10px;
}
.cmn_checkbox  input {
  margin: 10px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: inline-block;
}
.cmn_checkbox  span {
  display: inline-block;
  margin-left: 30px;
}
.cmn_checkbox  span::before {
  z-index: 0;
  background-color: transparent;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.cmn_checkbox  span::before,
.cmn_checkbox  span::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
}
.cmn_checkbox  input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 4px 7px;
  width: 6px;
  height: 9px;
}
.cmn_checkbox  input[type="checkbox"]:checked + span::before {
  background-color: transparent;
}
.cmn_checkbox  input[type="checkbox"]:checked + span::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cmn_checkbox  input[type="checkbox"][disabled] + span::before{
  border: 1px solid #9c9c9c !important;
}
.cmn_checkbox  input[type="checkbox"][disabled]:checked + span::after{
  border: 2px solid #9c9c9c;
  border-color: #9c9c9c !important;
  border-width: 0 2px 2px 0;
}
.cmn_checkbox  input[type="checkbox"][disabled] + span,
.cmn_checkbox  input[type="checkbox"][disabled] + span + span {
  color: #9c9c9c !important;
}

#publication_approve .cmn_checkbox  span::before,
#publication_approve .cmn_checkbox  span::after {
  margin-top: 10px;
}

#publication_approve .cmn_checkbox  input[type="checkbox"] + span::after {
  margin: 14px 7px;
}

/*ラジオボタン(通常表示)*/
/*<label><input type="radio"><span></span></label>*/
.cmn_radio_button {
	cursor: pointer;
	position: relative;
	margin-right: 5px;
  margin-left: 5px;
	padding-left: 20px;
	display: inline-block;
}
.cmn_radio_button input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	left: -23px;
	top: 1px;
	margin: 0px;
  /* display: none; */
  opacity: 0;
  -moz-opacity:0;
}
.cmn_radio_button span::before {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	left: 0px;
	top: 4px;
	content: '';
	z-index: 3;
}
.cmn_radio_button input[type="radio"]:checked + span::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	left: 3px;
	top: 7px;
	z-index: 1;
}
.cmn_radio_button input[type="radio"]:checked {
	box-shadow: none;
}
.cmn_radio_button input[type="radio"]:focus + span::before {
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

/* ラジオボタン(ラベル形式) */
.cmn_radio_label {
  margin-left: 10px;
  margin-top: 10px;
}
.cmn_radio_label input[type="radio"] {
  display: none;
}
.cmn_radio_label label {
  display: inline-block;
  float:left;
  padding: 0px -5px 0px 0px;
  width: 90px;
  height: 35px;
  line-height: 40px;
  text-align: center;
  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);
  cursor: pointer;
}

/*並べて表示*/
.cmn_display_row {
  display: flex;
  margin: 10px 5px;
}
.cmn_display_row>:first-child {
  width: 110px;
  white-space: nowrap;
}

.cmn_display_row_short {
  display: flex;
  margin: 10px 5px;
}
.cmn_display_row_short>:first-child {
  width: 60px;
  white-space: nowrap;
}

/*コメント表示*/
.cmn_display_comment {
  margin: 10px 5px 10px 5px;
}


/*---------------------
  リストビュー
---------------------*/

.base_listview_item {
  border-style: solid solid none solid;
  border-width: 1px;
}
.base_listview_item:last-child {
  border-style: solid;
}
.base_listview_title {
}
.base_listview_title_sb {
	display:block;
	padding: 5px;
}
.base_listview_input {
	display: none;
}
.base_listview_content {
	overflow:auto;
	height: 140px;
	transition: 1.0s;
}
.base_tableview_item {
	padding: 8px 16px;
}
/*---------------------
  アコーディオン
---------------------*/

.base_accordion_item {
  border-style: solid solid none solid;
  border-width: 1px;
}
.base_accordion_item:last-child {
  border-style: solid;
}
.base_accordion_title {
}
.base_accordion_title_sb_right {
	display:block;
	padding: 5px;
}
.base_accordion_title_sb_left {
	display:block;
	padding: 5px;
}
.base_accordion_input {
	display: none;
}
.base_accordion_title_sb_right::after {
  content: '';
  display: inline-block;
  top: 50%;
  float: right;
  margin-top: 6px;
  margin-right: 8px;
  border: 6px solid transparent;
  background: none;
  border-top: 8px solid #000;
}
.base_accordion_title_sb_right.opened::after {
  margin-top: 0px;
  border: 6px solid transparent;
  border-bottom: 8px solid #000;
}
.base_accordion_title_sb_left::before {
  content: '';
  display: inline-block;
  top: 50%;
  float: left;
  margin-top: 6px;
  margin-left: 8px;
  border: 6px solid transparent;
  background: none;
  border-top: 8px solid #000;
}
.base_accordion_title_sb_left.opened::before {
  margin-top: 0px;
  border: 6px solid transparent;
  border-bottom: 8px solid #000;
}
.base_accordion_content {
	overflow:hidden;
	height: 0;
	transition: 1.0s;
}

/*---------------------
  ドロップエリア
---------------------*/

.cmn_drop_area {
    height: 100%;
    width : 100%;
    border: solid 1px black;
    border-radius: 8px;
    text-align: center;
    vertical-align: middle;
}

/*---------------------
  マージン
---------------------*/

.cmn_container_margin {
	padding: 8px;
}

/*---------------------
  スクロールパネル（共通）
  60px は下部ボタンの高さ
---------------------*/

.cmn_scroll_body {
  max-height: calc(100% - 60px);
  overflow:auto;
}

/*--------------------
  レイヤリスト
--------------------*/
.cmn_layer_list_item {
  display: flex;
  cursor: pointer;
  /* border: solid 1px rgba(0,0,0,0); */
}
.cmn_layer_list_item:hover {
  background-color: rgba(96,113,210,0.39);
}
.cmn_layer_list_item.selected {
  color: #fff;
  background-color: #3f51b5;
}
.cmn_layer_list_img {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
}
.cmn_layer_list_img_point {
  background-image: url(../img/icon_point.png);
}
.cmn_layer_list_img_line {
  background-image: url(../img/icon_polyline.png);
}
.cmn_layer_list_img_polygon {
  background-image: url(../img/icon_polygon.png);
}
.cmn_layer_list_label {
  margin-left: 4px;
  line-height: 32px;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*---------------------
  ヘッダ
---------------------*/
/* ヘッダ */
header {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  z-index: 50;
}

.alandislogo{
  background-repeat: no-repeat;
}

/* タイトル */
#title {
  left: 30px;
  position: fixed;
}

/* 凡例セット切替 */
#cmn_legend_label {
  display: flex;
  /* left: 560px; */
  left: 40vw;
  position: absolute;
  top: 12px;
  border-radius: 20px 0 0 20px / 20px 0 0 20px;
}
#cmn_legend_label .label {
  border-radius: 20px 0 0 20px / 20px 0 0 20px;
  width: 70px;
  padding: 2px 12px;
}
#cmn_legend_label .select {
  border-radius: 0 20px 20px 0 / 0 20px 20px 0;
  display: block;
  padding: 3px;
  position: relative;
  width: 240px;
}
#cmn_legend_label .select:after {
  content: "";
  border: solid 6px transparent;
  box-sizing: border-box;
  display: block;
  height: 0;
  position: absolute;
  right: 16px;
  top: 10px;
  width: 0;
}
#cmn_legend_list {
  position: absolute;
  display: none;
  top: 60px;
  /* left: 560px; */
  left: 40vw;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 20;
  max-height: calc(100% - 150px);
  overflow-y: auto;
}
#cmn_legend_list ul {
  padding: 0 10px;
}
#cmn_legend_list ul li {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
#cmn_legend_list > ul > li {
  margin: 5px 0 10px 0;
}
#cmn_legend_list ul li img {
  height: 60px;
  width: 60px;
}
#cmn_legend_list ul li span {
  width: 240px;
  word-wrap: break-word;
  white-space: normal;
}
#cmn_legend_label > .select:hover {
  cursor: pointer;
}

/* 凡例説明 */
/* 現在非表示… */
#cmn_legend_description {
  background-color: rgba(255,255,255,0.6);
  padding-left: 2px;
  position: absolute;
  top: 20px;
  left: 910px;
  color: white;
  font-size: 12px;
  z-index: 11;
  display: none;
}

/* ユーザ情報 */
#userinfo_set {
  position: absolute;
  top: 12px;
  left: 70vw;
  display: flex;
  /* right: 50px; */
  width: 200px;
  border-radius: 20px 0 0 20px / 20px 0 0 20px;
}
#cmn_userinfo_img {
  left: 170px;
  top: 10px;
  height: 28px;
  width: 30px;
  background-image: url(../img/default/sidemenu/tab/user.png);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 20px 0 0 20px / 20px 0 0 20px;
}
#cmn_userinfo {
  padding-top: 5px;
  border-radius: 0px 20px 20px 0px / 0 20px 20px 0;
  width: 150px;
  padding-left: 10px;
}

/* クリアボタン */
/* ログアウトボタン */
#cmn_refresh_button,
#cmn_logout_button {
  float: right;
  height: 24px;
  font-size: 9pt;
  line-height: 24px;
  margin: 10px 4px;
}
#cmn_logout_button {
  padding: 0 8px;
}

/* ヘッダ：～ 1160px */
@media screen and ( max-width: 1160px ){
  /* 凡例セット */
  #cmn_legend_label {
    left: 48vw;
  }
  #cmn_legend_list {
    left: 48vw;
  }
  /* ユーザ表示 */
  #userinfo_set {
      display: none;
  }
}

/* ヘッダ：370px ～ 960px */
@media screen and (min-width:370px) and (max-width:960px)
{
  /* 凡例セット */
  #cmn_legend_label {
    width: 32px;
    height: 32px;
    border-radius: 20px;
    left: initial !important;
    right: 160px !important;
    top: 8px !important;
  }
  #cmn_legend_label .label {
    display: none;
  }
  #cmn_legend_label .select {
    border-radius: 20px !important;
    color: rgba(0,0,0,0) !important;
  }
  #cmn_legend_label .select:after {
    right: 9px !important;
    top: 12px !important;
  }
  #cmn_legend_list {
    right: 10px !important;
    left: initial !important;
    width: 348px;
  }
}

/* ヘッダ：～ 650px */
@media screen and (max-width:650px)
{
  /* 凡例セット */
  #cmn_legend_label {
    width: 32px;
    height: 32px;
    border-radius: 20px;
    /* left: 330px !important; */
  }
  #cmn_legend_label .label {
    display: none;
  }
  #cmn_legend_label .select {
    border-radius: 20px !important;
    color: rgba(0,0,0,0) !important;
  }
  #cmn_legend_label .select:after {
    right: 9px !important;
    top: 12px !important;
  }
  #cmn_legend_list {
    right: 10px !important;
    left: initial !important;
    width: 348px;
  }
  /* キーワード検索欄 */
  #srh_keyword_searchBox{
    width: 120px !important;
    left: 200px !important;
  }
  #srh_img{
    left: 203px !important;
  }
  #srh_keyword_btn{
    margin-left: 295px !important;
  }
  #srh_keyword_text{
    left: 226px !important;
    width: 65px !important;
  }
  #srh_type_list{
    left: 100px !important;
  }
}

/*---------------------
  コンテンツ（地図）
---------------------*/
/* コンテンツ */
#contents {
  height: calc(100% - 50px - 30px);
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* 地図 */
#map {
  height: 100%;
  width: 100%;
}

/* 地図移動エリア */
#main_move_area div {
  position: absolute;
}
#main_move_area div.disabled {
  pointer-events: none;
}
/* 背景色と透過率 */
.move_area {
  background-color: #ff0000;
  opacity: 0.5;
}

#sub_move_area div {
  position: absolute;
}
#sub_main_move_area div.disabled {
  pointer-events: none;
}

#map_container {
    display: flex;
    height: 100%;
    width: 100%;
}
#main_container {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0px !important;
}
#sub_container {
    height: 100%;
    width: 100%;
}
#main_map {
    height: 100%;
    width: 100%;
}
#sub_map {
    height: 100%;
    width: 100%;
}
#sub_google_map {
    height: 100%;
    width: 100%;
}

/* 自動スクロール枠 */
#main_move1,#sub_move1 { top: 0; left: 0; width: calc(100px * 2); height: 100px; } /* 左上上 */
#main_move2,#sub_move2 { top: 0; left: calc(100px * 2); width: calc(100% - 100px * 4); height: 100px; } /* 上 */
#main_move3,#sub_move3 { top: 0; left: calc(100% - 100px * 2); width: calc(100px * 2); height: 100px; } /* 右上上 */
#main_move4,#sub_move4 { top: 100px; left: 0; width: 100px; height: 100px; } /* 左上下 */
#main_move5,#sub_move5 { top: 100px; left: calc(100% - 100px); width: 100px; height: 100px; } /* 右上下 */
#main_move6,#sub_move6 { top: calc(100px * 2); left: 0; width: 100px; height: calc(100% - 100px * 4); } /* 左 */
#main_move7,#sub_move7 { top: calc(100px * 2); left: calc(100% - 100px); width: 100px; height: calc(100% - 100px * 4); } /* 右 */
#main_move8,#sub_move8 { bottom: 100px; left: 0; width: 100px; height: 100px; } /* 左下上 */
#main_move9,#sub_move9 { bottom: 100px; left: calc(100% - 100px); width: 100px; height: 100px; } /* 右下上 */
#main_move10,#sub_move10 { bottom: 0; left: 0; width: calc(100px * 2); height: 100px; } /* 左下下 */
#main_move11,#sub_move11 { bottom: 0; left: calc(100px * 2); width: calc(100% - 100px * 4); height: 100px; } /* 下 */
#main_move12,#sub_move12 { bottom: 0; left: calc(100% - 100px * 2); width: calc(100px * 2); height: 100px; } /* 右下下 */

/* 地図上のアイコン */
.mapicon {
  display: block;
  margin: 2px;
  height: 32px;
  width: 32px;
}

/* 索引図 */
#indexmap {
  /* dialog化したためpositionはstatic（デフォルト）でも意図した位置（dialogのヘッダ下）に表示されるが、
     その場合DragBoxの描画座標とベクタソース（範囲表示用）の座標がずれてしまう。（そうなる原因は不明）
     そのためposition: absoluteとtop、leftで位置を定義している */
  position: absolute;
  height: 205px !important;
  width: 300px;
  box-sizing: border-box;
  top: 33px;
  left: 0px;
  display: none;
}
#indexvisible img,
#legend_image_visible img{
  position: absolute;
  top: 1px;
  right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 2px;
  text-align: center;
  line-height: 17px;
  z-index: 2;
}
#indexvisible:hover,
#legend_image_visible:hover {
  cursor: pointer;
}
#indexvisible div,
#legend_image_visible div{
  position: absolute;
  top: 1px;
  right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 2px;
  text-align: center;
  line-height: 17px;
  z-index: 2;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
#index_hidden,#legend_image_visible_hidden {
  background-image: url(../img/default/minus.png);
}
#index_show,#legend_image_visible_show {
  background-image: url(../img/default/plus.png);
}
#indextype{
  position: absolute;
  height: 25px;
  left: 170px;
  line-height: 27px;
}

/* 背景図切替 */
#cmn_basemap {
  bottom: 20px;
}
#cmn_basemap {
  align-items: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  display: flex;
  font-weight: bolder;
  height: 25px;
  justify-content: flex-start;
  text-indent: 5px;
  left: 8px;
  padding: 4px;
  position: absolute;
  width: 85px;
}
#cmn_basemap:after {
  border: solid 6px transparent;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 7px;
  top: 14px;
  width: 0;
}
#cmn_basemap:hover {
  cursor: pointer;
}
#cmn_basemap > .select:hover {
  background-color: rgb(89, 89, 89);
  cursor: pointer;
}
div.cmn_basemaplist {
  display: none;
  position: absolute;
  bottom: 84px;
  left: 8px;
  z-index: 99;

}
ul.cmn_basemaplist {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  overflow-y: auto;
  margin-bottom: 5px;
  max-height: 500px;
  height: 50vh;
  opacity: 0.7;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
}
ul.cmn_basemaplist li {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
}
ul.cmn_basemaplist li img {
  height: 70px;
  width: 70px;
}
ul.cmn_basemaplist li span {
  padding: 0 5px;
}
ul.cmn_basemaplist li:first-child span:first-child {
  background-image: url(../img/default/noimage.png);
  background-size: contain;
  background-position: center;
  height: 70px;
  width: 60px;
}

#cmn_scalebar{
  cursor: move;
  position: absolute;
  top: calc(100% - 60px);
  left: 415px;
  padding: 4px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  z-index: 97;
  border-radius: 5px;
}
#cmn_scalebar div:not([class="draggablearea"]) {
  height: 10px;
  width: 100px;
}

/* ズームバー */
#cmn_zoombar {
  position: fixed;
  top: 100px;
  left: 50px;
  padding: 10px;
  border-radius: 10px;
}

#cmn_zoombar_slider {
  left: 8px;
  height:200px;
  background-color: #fff;
}

#cmn_zoombar .ui-slider-wrapper.vertical {
  width: 18px;
}

#cmn_zoombar .ui-slider-labels{
  left: -1px;
}

#cmn_zoombar .ui-slider-labels span {
  display: none;
}

#cmn_zoombar .ui-slider-label-ticks {
  width: 7px;
  border-bottom: 1px solid #FFF;
}

/* 縮尺 */
#cmn_scale {
  left: 220px;
  padding: 4px;
  position: fixed;
  top: 60px;
  width: 200px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  max-height: calc(100%- 150px);
  overflow-y: auto;
}

#cmn_scale span:last-child {
  position: absolute;
  height: 36px;
  width: 40px;
  right: 0;
  top: 0;
}
#cmn_scale span:last-child:after {
  border: solid 6px transparent;
  border-top: solid 6px black;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 15px;
}
#cmn_scale span:first-child {
  display: block;
  height: 20px;
  padding: 4px;
  float: left;
}
#cmn_scale input {
  display: block;
  height: 20px;
  width: 120px;
  padding: 4px;
  border: 0;
  font-size: 1em;
  outline: none;
}
#cmn_scale ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#cmn_scale ol li {
  display: none;
  margin: 0;
  padding: 5px;
  position: relative;
}

/* 角度 */
#cmn_angle {
  left: 440px;
  padding: 4px;
  position: fixed;
  top: 60px;
  width: 115px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  max-height: calc(100%- 150px);
  overflow-y: auto;
  z-index: 97;
}

#cmn_angle div:not([class="draggablearea"]) {
  height: 10px;
  width: 100px;
}

#cmn_angle span:last-child {
  position: absolute;
  height: 36px;
  width: 40px;
  right: 0;
  top: 0;
}
#cmn_angle span:last-child:after {
  border: solid 6px transparent;
  border-top: solid 6px black;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 15px;
}
#cmn_angle span:first-child {
  cursor: move;
  display: block;
  height: 20px;
  padding: 4px;
  float: left;
}
#cmn_angle input {
  display: block;
  height: 20px;
  width: 50px;
  padding: 4px;
  border: 0;
  font-size: 1em;
  outline: none;
}
#cmn_angle ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#cmn_angle ol li {
  display: none;
  margin: 0;
  padding: 5px;
  position: relative;
}

/* コピーライト */
#main_copyright {
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  border-radius: 20px;
  max-width: 600px;
  line-height: 15px;
}

#sub_copyright {
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  bottom: 30px;
  right: 0;
  text-align: center;
  border-radius: 20px;
  max-width: 600px;
}

/*---------------------
  フッタ
---------------------*/
/* フッタ */
footer {
  background-color:#595959;
  border-top:1px solid #fff;
  bottom: 0;
  box-sizing: border-box;
  color :#f7f7f7;
  height: 30px;
  left: 0;
  position :fixed;
  width: 100%;
  z-index:1;
}

/* エラー表示 */
#errmsg {
  padding-left: 10px;
  font-size: 8pt;
}

/* 座標表示 */
#cmn_lonlat{
  position: absolute;
  top: 2px;
  right: 8px;
}
@media screen and (max-width:1060px){
  #cmn_lonlat{display: none !important;}
  #cmn_labellonlat{display: none !important;}
}
#cmn_lonlatbtn{
  position: absolute;
    right: 10px;
    margin-top: 3px;
}
@media screen and (min-width:1060px){
  #cmn_lonlatbtn{display: none !important;}
}
#cmn_lonlat_list {
    position: absolute;
    display: none;
    bottom: 80px;
    right: 10px;
    min-height: 30px;
    width: 280px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 100;
}
@media screen and (min-width:1060px){
  #cmn_lonlat_list{display: none !important;}
}
.cmn_lonlat_fig{
  margin-left: 10px;
}
#cmn_labellonlat{
  margin-right: 10px;
}

/* 住所表示 */
#cmn_location{
  position: absolute;
  top: 0px;
  right: 700px;
}
@media screen and (max-width:1060px){
  #cmn_location{display: none !important;}
}
#cmn_locationbtn{
  position: absolute;
  right: 85px;
  margin-top: 3px;
}
@media screen and (min-width:1060px){
  #cmn_locationbtn{display: none !important;}
}
#cmn_location_list {
  position: absolute;
  display: none;
  bottom: 40px;
  right: 10px;
  min-height: 30px;
  width: 280px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 101;
}
@media screen and (min-width:1060px){
  #cmn_location_list{display: none !important;}
}
#cmn_location_fig{
  margin-left: 10px;
}

/*座標表示*/
#cmn_coordinate_list {
  margin: 5px;
}
.cmn_coordinate_hidden{
  display: none;
}
.cmn_coordinate_select{
  width: 180px;
  font-size: 12px;
  padding-top: 5px;
  text-overflow: '';
  text-overflow: '';
  text-indent: 1em;
  background: url(../img/default/open_white.png) right no-repeat;
  border-radius: 20px;
  outline: none;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#cmn_coordinate_div{
  float: right;
  padding-left: 50px;
}
@media screen and (max-width:1060px){
  #cmn_coordinate_div{display: none;}
}

#cmn_coordinate_div_lonlat_list{
  float: right;
  padding-left: 20px;
}
@media screen and (min-width:1060px){
  #cmn_lonlat_list{display: none;}
}
#cmn_coordinate_div_lonlat_list:after {
  border: solid 6px transparent;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 12px;
  bottom: 8px;
  width: 0;
}

/* 地図移動エリア */
#move div {
  position: absolute;
}
#move div.disabled {
  pointer-events: none;
}

#cmn_context_menu{
  width: 120px;
  position: absolute;
  font-size: 12px;
  cursor: default;
}

/*---------------------
  地図コントロール
---------------------*/
#cmn_button_area {
  position: absolute;
  width: 36px;
  height: 400px;
  left: 8px;
}
#cmn_button_area button {
  margin-bottom: 4px;
}
#cmn_button_area a {
  margin-bottom: 4px;
}

#magnify_dialog {
  border-radius: 0px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  display: none;
  position: absolute;
}

#magnify_area {
  background: #fff;
  height: 200px;
  position: relative;
  width: 200px;
}

#magnify_header {
  align-items: center;
  cursor: move;
  display: flex;
  height: 30px;
  justify-content: space-around;
}

#magnify_title {
  margin-left: 10px;
  margin-right: 40px;
}

#cmn_magnifyzoomin {
  height: 25px;
  line-height: 27px;
  min-width: 50px;
  padding: 0 5px;
}

#cmn_magnifyzoomout {
  height: 25px;
  line-height: 27px;
  min-width: 50px;
  padding: 0 5px;
}

.cmn_map_control {
  position: absolute;
  height: 36px;
  width: 36px;
}

.cmn_map_control:hover {
  cursor: pointer;
}
.cmn_map_control_icon {
  background-size: 28px 28px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 20px;
}
#cmn_zoomin {
  background-image: url(../img/default/map_control/zoomin/plus.png);
}
#cmn_zoomout {
  background-image: url(../img/default/map_control/zoomout/minus.png);
}
#cmn_resetview {
  background-image: url(../img/default/map_control/reset_view/reset_view.png);
}
#cmn_magnify {
  background-image: url(../img/default/map_control/magnify/magnify.png);
}
#cmn_compus {
  background-image: url(../img/default/map_control/rotation/compus.png);
}
#cmn_pan {
  background-image: url(../img/default/map_control/move/hand.png);
}
#cmn_areazoomin {
  background-image: url(../img/default/map_control/zoomin_area/zoomin.png);
}
#cmn_areazoomout {
  background-image: url(../img/default/map_control/zoomout_area/zoomout.png);
}
#cmn_attribute {
  background-image: url(../img/default/map_control/click/ex.png);
}
#cmn_layer_select {
  background-image: url(../img/default/map_control/layer_select/layer_select.png);
}
#cmn_cancel {
  display: none;
}
#cmn_redo {
  background-image: url(../img/default/map_control/redo/redo.png);
  top: 60px;
  left: 98px; /* 80+(32+2*2)+4 */
}
#cmn_undo {
  background-image: url(../img/default/map_control/undo/undo.png);
  top: 60px;
  left: 58px;
}
#cmn_overall{
  background-image: url(../img/default/map_control/overall/earth.png);
  top: 60px;
  left: 148px; /* 112+(32+2*2)+12 */
}
#cmn_button_area,
#cmn_redo,
#cmn_undo,
#cmn_overall {
  top: 10px;
}
#cmn_gps_location{
  /* top: 60px;
  left: 178px; */
}

/*ショートカットアイコン*/
/*検索*/
.shortcut_search_click{
  background-image: url(../img/default/shortcut/search/search_click.png) !important;
}
.shortcut_search_buffer{
  background-image: url(../img/default/shortcut/search/search_buffer.png) !important;
}
.shortcut_search_area{
  background-image: url(../img/default/shortcut/search/search_area.png) !important;
}
.shortcut_search_coordinate{
  background-image: url(../img/default/shortcut/search/search_coordinate.png) !important;
}
.shortcut_search_fuzzy{
  background-image: url(../img/default/shortcut/search/search_fuzzy.png) !important;
}
.shortcut_search_address{
  background-image: url(../img/default/shortcut/search/search_address.png) !important;
}
.shortcut_search_zmap{
  background-image: url(../img/default/shortcut/search/search_zmap.png) !important;
}
.shortcut_search_note{
  background-image: url(../img/default/shortcut/search/search_note.png) !important;
}
.shortcut_search_nameplate{
  background-image: url(../img/default/shortcut/search/search_nameplate.png) !important;
}
.shortcut_search_lot{
  background-image: url(../img/default/shortcut/search/search_lot.png) !important;
}
.shortcut_search_target{
  background-image: url(../img/default/shortcut/search/search_target.png) !important;
}
.shortcut_search_drilldown{
  background-image: url(../img/default/shortcut/search/search_drilldown.png) !important;
}
.shortcut_search_custom{
  background-image: url(../img/default/shortcut/search/search_custom.png) !important;
}

/*編集*/
.shortcut_edit_new{
  background-image: url(../img/default/shortcut/edit/edit_new.png) !important;
}
.shortcut_edit_geometry{
  background-image: url(../img/default/shortcut/edit/edit_geometry.png) !important;
}
.shortcut_edit_attribute{
  background-image: url(../img/default/shortcut/edit/edit_attribute.png) !important;
}
.shortcut_edit_auxiliary{
  background-image: url(../img/default/shortcut/edit/edit_auxiliary.png) !important;
}
.shortcut_edit_bulk{
  background-image: url(../img/default/shortcut/edit/edit_bulk.png) !important;
}
.shortcut_edit_memo{
  background-image: url(../img/default/shortcut/edit/edit_memo.png) !important;
}
.shortcut_edit_load_exif{
  background-image: url(../img/default/shortcut/edit/edit_load_exif.png) !important;
}
.shortcut_edit_point_plot{
  background-image: url(../img/default/shortcut/edit/edit_point_plot.png) !important;
}
.shortcut_edit_load_shp{
  background-image: url(../img/default/shortcut/edit/edit_load_shp.png) !important;
}
.shortcut_edit_load_dxf{
  background-image: url(../img/default/shortcut/edit/edit_load_dxf.png) !important;
}
.shortcut_edit_load_kml{
  background-image: url(../img/default/shortcut/edit/edit_load_kml.png) !important;
}
.shortcut_edit_load_gpx{
  background-image: url(../img/default/shortcut/edit/edit_load_gpx.png) !important;
}
.shortcut_edit_load_sima{
  background-image: url(../img/default/shortcut/edit/edit_load_sima.png) !important;
}

/*凡例*/
.shortcut_legend{
  background-image: url(../img/default/shortcut/legend/legend.png) !important;
}

/*印刷*/
.shortcut_print_simple{
  background-image: url(../img/default/shortcut/print/print_simple.png) !important;
}
.shortcut_print_capture{
  background-image: url(../img/default/shortcut/print/print_capture.png) !important;
}
.shortcut_print_detail{
  background-image: url(../img/default/shortcut/print/print_detail.png) !important;
}
.shortcut_print_split{
  background-image: url(../img/default/shortcut/print/print_split.png) !important;
}
.shortcut_print_onestop{
  background-image: url(../img/default/shortcut/print/print_onestop.png);
}
.shortcut_print_maplines{
  background-image: url(../img/default/shortcut/print/print_maplines.png) !important;
}

/*計測*/
.shortcut_measure{
  background-image: url(../img/default/shortcut/measure/measure.png) !important;
}

/*2画面表示*/
.shortcut_double_map{
  background-image: url(../img/default/shortcut/dualscreen/double_map.png) !important;
}

/*高度機能*/
.shortcut_user_layer_create{
  background-image: url(../img/default/shortcut/advanced/user_layer_create.png) !important;
}
.shortcut_user_layer_manager{
  background-image: url(../img/default/shortcut/advanced/user_layer_manager.png) !important;
}
.shortcut_user_layer_info{
  background-image: url(../img/default/shortcut/advanced/user_layer_info.png) !important;
}
.shortcut_network_online_route{
  background-image: url(../img/default/shortcut/advanced/network_online_route.png) !important;
}
.shortcut_network_online_closestfacility{
  background-image: url(../img/default/shortcut/advanced/network_online_closestfacility.png) !important;
}
.shortcut_network_online_area{
  background-image: url(../img/default/shortcut/advanced/network_online_area.png) !important;
}
.shortcut_network_offline_route{
  background-image: url(../img/default/shortcut/advanced/network_offline_route.png) !important;
}
.shortcut_network_offline_area{
  background-image: url(../img/default/shortcut/advanced/network_offline_area.png) !important;
}

/*解析*/
.shortcut_analysis_aggregate_geometry{
  background-image: url(../img/default/shortcut/analyze/analysis_aggregate_geometry.png) !important;
}
.shortcut_analysis_aggregate_attribute{
  background-image: url(../img/default/shortcut/analyze/analysis_aggregate_attribute.png) !important;
}
.shortcut_addressmatching_offline{
  background-image: url(../img/default/shortcut/analyze/addressmatching_offline.png) !important;
}
.shortcut_analysis_select{
  background-image: url(../img/default/shortcut/analyze/analysis_select.png) !important;
}
.shortcut_analysis_buffer{
  background-image: url(../img/default/shortcut/analyze/analysis_buffer.png) !important;
}
.shortcut_analysis_intersection{
  background-image: url(../img/default/shortcut/analyze/analysis_intersection.png) !important;
}
.shortcut_analysis_clip{
  background-image: url(../img/default/shortcut/analyze/analysis_clip.png) !important;
}

/*ツール*/
.shortcut_timeslider{
  background-image: url(../img/default/shortcut/tools/timeslider.png) !important;
}
.shortcut_map_url{
  background-image: url(../img/default/shortcut/tools/map_url.png) !important;
}
.shortcut_bookmark{
  background-image: url(../img/default/shortcut/tools/bookmark.png) !important;
}
.shortcut_reverse_geocoding{
  background-image: url(../img/default/shortcut/tools/reverse_geocoding.png) !important;
}

/*タスク管理*/
.shortcut_task_management{
  background-image: url(../img/default/shortcut/task/task_management.png) !important;
}

/*ユーザ*/
.shortcut_user_info{
  background-image: url(../img/default/shortcut/user/user_info.png) !important;
}

/*設定*/
.shortcut_setting_display{
  background-image: url(../img/default/shortcut/setting/setting_display.png) !important;
}
.shortcut_setting_snap_trace{
  background-image: url(../img/default/shortcut/setting/setting_snap_trace.png) !important;
}

/*ヘルプ*/
.shortcut_help{
  background-image: url(../img/default/shortcut/help/help.png) !important;
}
.shortcut_help_legend{
  background-image: url(../img/default/shortcut/help/help_legend.png) !important;
}
.shortcut_help_system{
  background-image: url(../img/default/shortcut/help/help_system.png) !important;
}
.shortcut_help_vendor{
  background-image: url(../img/default/shortcut/help/help_vendor.png) !important;
}

/* 主題図センターマーカー */
#main_map_center_marker {
  background-image: url(../img/default/cross_marker.gif);
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  z-index: 99;
  display: none;
}

/* ２画面センターマーカー */
#sub_map_center_marker {
  background-image: url(../img/default/cross_marker.gif);
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 16px);
  left: calc(75% - 16px);
  width: 32px;
  height: 32px;
  z-index: 99;
  display: none;
}

/*---------------------
  サイドメニュー共通
---------------------*/
#cmn_sidemenu {
  position: absolute;
  height: 100%;
  top: 0;
  right: -300px;
  width: 300px;
  overflow: visible !important;
}

#cmn_sidemenu_tab {
  position: absolute;
  top: 0px;
  right: 300px;
  float: right;
  /*width: 51px;*/
  width: 51px;
  /*height: 50px;*/
  /* height: calc(100% - 30px); */
  /* height: 100%;*/
  overflow: auto;
}

#cmn_sidemenu_tab::-webkit-scrollbar {
  height: 2px;
  width: 8px;
}

#cmn_sidemenu_tab li {
  display: inline-block;
  width: 100%;
  height: 42px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
#cmn_sidemenu_panel {
  height: 100%;
  /* もし表示崩れたら解除 */
  /* IEのみバルーン表示のviewport部がパネルの上にでてしまうのでpositionとz-indexを指定 */
  /* TODO:解除して動作確認！！　4/26 */
  /* position: relative; */
  /* z-index: 3; */
}
#cmn_sidemenu_panel > li {
  height: 100%;
}
.cmn_sidemenu_menu {
  height: 100%;
}
.cmn_sidemenu_sub_menu {
  display: none;
}
.cmn_sidemenu_panel {
  height: 100%;
}
.cmn_sidemenu_menu_content {
  height: calc(100% - 70px);
  overflow: auto;
}

.cmn_sidemenu_menu_title, .cmn_sidemenu_sub_title {
  font-size: 12pt;
  box-sizing: border-box;
  height: 42px;
  padding: 10px 10px;
}
.cmn_sidemenu_menu_caption {
  font-size: 12pt;
  box-sizing: border-box;
  height: 42px;
  padding: 10px 10px;
  display: flex;
  position: relative;
}
.cmn_sidemenu_menu_caption.caption_accordion {
  cursor: pointer;
}
.cmn_sidemenu_menu_caption.caption_accordion::after {
  position: absolute;
  content: url(../img/default/down.png);
  top: 12px;
  right: 20px;
}
.cmn_sidemenu_menu_caption.caption_accordion.close::after {
  content: url(../img/default/rightw.png);
}
.cmn_sidemenu_panel_caption_group.close {
  display: none;
}

.cmn_sidemenu_menu_item, .cmn_sidemenu_menu_item_link {
  position: relative;
  height: 42px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: flex;
}
.cmn_sidemenu_menu_item > div, .cmn_sidemenu_menu_item_link > div {
  height: 32px;
  width: 32px;
  margin-right: 20px;
  margin-top: -5px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.cmn_sidemenu_menu_item:hover,
.cmn_sidemenu_menu_item_link:hover {
  cursor: pointer;
}
.cmn_sidemenu_menu_item:after,
.cmn_sidemenu_menu_item_link:after {
  content: url(../img/default/right.png);
  position: absolute;
  top: 12px;
  right: 20px;
}
.cmn_sidemenu_menu_item_disabled {
  position: relative;
  height: 42px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: flex;
  pointer-events: none;
}
.cmn_sidemenu_menu_item_disabled > img {
  height: 26px;
  width: 26px;
  margin-right: 20px;
  opacity: 0.4;
}
.cmn_sidemenu_panel_main {
  height: calc(100% - 42px);
  overflow: auto;
}
.cmn_sidemenu_panel_main_inner {
  padding: 10px 10px 0 10px;
  box-sizing: border-box;
  height: 100%;
}
.cmn_sidemenu_sub_title {
  padding-left: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmn_sidemenu_sub_title::after {
  content: url(../img/default/left.png);
  position: absolute;
  left: 20px;
  top: 13px;
  cursor: pointer;
}
.cmn_sidemenu_sub_title:hover {
  cursor: pointer;
}

.cmn_sidemenu_route_point_list{
  width: 130px;
  height: 100px;
  overflow: auto;
}

.cmn_sidemenu_route_point_list_single{
  width: 130px;
  height: 27px;
}

/* レイヤ絞り込み部 */
.cmn_extract_layer_container {
  border-radius: 20px;
  background-color: #fff;
  display: inline-block;
  height: 24px;
  width: 160px;
}
.cmn_extract_layer_container.extract_layer_unativate {
  background-color: #9c9c9c;
}
.cmn_extract_layer_container > input {
  border: none;
  outline: none;
  margin-left: 6px;
  width: 120px;
  background-color: #fff;
}
.cmn_extract_layer_container > input[disabled] {
  background-color: #9c9c9c;
}

/*---------------------
  左サイドメニュー共通
---------------------*/
/* 左サイドメニュー */
.cmn_left_sidemenu_tab {
  position: fixed;
  top: 50px;
  left: 0px;
  width: 51px;
}

#summary_obj_container {
  position: fixed;
  top: 50px;
  bottom: 0px;
  margin-left: -270px;
  width: 270px;
  height: calc(100% - 80px);
  z-index: 2;
  background-color: rgba(255, 255, 255, 1);
}


.summary_pane {
  height: 100%;
}
.summary_pane li {
  height: 100%;
}
.summary_title {
  margin: 0px 5px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  position: relative;
  display: flex;
}
.summary_search_results {
  overflow: scroll;
  height: calc(100% - 55px);
}
/* .summary_search_results_items {
  background-color: #edddff;
} */

.summary_search_result {
  padding: 5px;
  cursor: default;
  position: relative;
}
.summary_search_result button {
  cursor: pointer;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 5px;
  margin: auto;
  padding: 0px;
  background-color: rgb(200, 80, 80);
  width: 15px;
  height: 15px;
  border: none;
  color: #fff;
  font-weight: bold;
}
.summary_search_result button.top-right {
  bottom: auto;
  top: 5px;
}
.summary_search_result button:hover {
  background-color: rgb(224, 67, 67);
}
.summary_search_result.link {
  cursor: pointer;
}
.summary_search_result_title {
  word-wrap: break-word;
  width: 95%;
}
.summary_search_result.link .summary_search_result_title:hover {
  color: #ff0000;
}
.summary_search_result_thumbnail {
  width: 100%;
}
.summary_search_result.link .summary_search_result_thumbnail:hover {
  opacity: 0.75;
}
.summary_search_result_thumbnail_pane {
  position: relative;
}
.summary_search_result_thumbnail_pane > .summary_search_result_pin {
  position: absolute;
  top: 0px;
  left: -5px;
  width: 30px
}
.summary_search_result_no_image {
  min-height: 30px;
  display: flex;
  align-items: center;
}
.summary_search_result_no_image > .summary_search_result_pin {
  width: 30px;
  float: left;
  margin-left: -5px;
}
.summary_search_result_no_image > .summary_search_result_title {
  height: 100%;
  max-width: calc(100% - 40px);
  word-wrap: break-word;
}
/* 連続印刷ダイアログ */
#summary_bulk_print_dialog {
  font-size: 14px;
}
#summary_bulk_print_dialog table {
  padding: 5px;
  border: solid 1px grey;
  border-radius: 5px;
}
#summary_bulk_print_dialog table tr {
  height: 30px;
}
#summary_bulk_print_dialog table th {
  padding: 10px 10px 10px 0px;
  text-align: left;
  font-weight: normal;
}
#summary_bulk_print_dialog td.print_setting_item_radios {
  padding: 5px 20px;
}
#summary_bulk_print_dialog td .print_setting_item_radio {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
}
#summary_bulk_print_dialog td .print_setting_item_radio input {
  cursor: pointer;
}
#summary_bulk_print_dialog td .print_setting_item_radio label {
  padding-left: 5px;
  cursor: pointer;
}
#summary_bulk_print_dialog .print_button {
 text-align: center;
 padding: 5px 0px;
}
#summary_bulk_print_dialog .print_button button {
  padding: 5px 15px;
  width: auto;
  height: auto;
 }
 .hidden_map_wrapper {
   width: 0px;
   height: 0px;
   overflow: hidden;
 }
 #hidden_map_for_summary_bulk_print {
  position: relative;
  width: 76mm;
  height: 55mm;
 }
 #hidden_map_for_summary_thumbnail_and_map {
   position: relative;
   width: 145mm;
   height: 167mm;
 }
 .download_loading {
   z-index: 102 !important;
   background-position: 50% !important;
}

.summary_title_label {
  width: calc(100% - 60px);
  min-height: 55px;
  font-size: 18px;
  display: flex;
  align-items: flex-end;
}
.summary_buttons {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 60px;
  height: 55px;
  text-align: left;
}
.summary_search_result_button {
  margin: 3px 0px 0px 0px;
  font-size: 10px;
  width: 100%;
  height: 23px;
  box-shadow: 0px 0px 1px rgba(0,0,0,0.18), 0px 1px 16px rgba(0,0,0,0.36);
  padding: 2px 0px;
}
.summary_search_result_button[disabled] {
  color: #888888;
  background-color: #9c9c9c !important;
  cursor: default;
  pointer-events: none;
}

/*　印刷時のみ #summary_obj_container {
  width: 200px !important;
}

.cmn_left_sidemenu_tab.show {
  left: 200px !important;
}

.summary_search_result {
  padding: 0px 3px !important;
}

.summary_search_result_title {
  font-size: 7pt !important;
} */

.cmn_left_sidemenu_tab li {
  width: 100%;
  height: 42px;
  cursor: pointer;
  background-size: 24px;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
/*タブアイコン*/
.cmn_summary_tab {
  background-image: url(../img/gray/sidemenu/tab/summary.png);
}

/*---------------------
  メニューアイコン
---------------------*/
/*タブアイコン設定*/
/*検索*/
#sidemenu_tab_search {
  background-image: url(../img/default/sidemenu/tab/search.png);
}
/*編集*/
#sidemenu_tab_edit {
  background-image: url(../img/default/sidemenu/tab/edit.png);
}
/*凡例*/
#sidemenu_tab_legend {
  background-image: url(../img/default/sidemenu/tab/legend.png);
}
/*印刷*/
#sidemenu_tab_print {
  background-image: url(../img/default/sidemenu/tab/print.png);
}
/*計測*/
#sidemenu_tab_measure {
  background-image: url(../img/default/sidemenu/tab/measure.png);
}
/*2画面表示*/
#sidemenu_tab_dualscreen {
  background-image: url(../img/default/sidemenu/tab/double.png);
}
/*高度機能*/
#sidemenu_tab_advanced {
  background-image: url(../img/default/sidemenu/tab/experiment.png);
}
/*解析*/
#sidemenu_tab_analyze {
  background-image: url(../img/default/sidemenu/tab/analyse.png);
}
/*ツール*/
#sidemenu_tab_tools {
  background-image: url(../img/default/sidemenu/tab/tool.png);
}
/*タスク管理*/
#sidemenu_tab_task {
  background-image: url(../img/default/sidemenu/tab/task.png);
  position: relative;
}
/*ユーザ*/
#sidemenu_tab_user {
  background-image: url(../img/default/sidemenu/tab/user.png);
}
/*設定*/
#sidemenu_tab_setting {
  background-image: url(../img/default/sidemenu/tab/setting.png);
}
/*ヘルプ*/
#sidemenu_tab_help {
  background-image: url(../img/default/sidemenu/tab/help.png);
}
/*台帳連携*/
#sidemenu_tab_daicho {
  background-image: url(../img/default/sidemenu/tab/daicho.png);
}
/*メニューアイコン設定*/
/*検索*/
#search_click_icon {
  background-image: url(../img/default/sidemenu/panel/search/search1.png);
}
#search_area_icon {
  background-image: url(../img/default/sidemenu/panel/search/search2.png);
}
#search_buffer_icon {
  background-image: url(../img/default/sidemenu/panel/search/search3.png);
}
#search_coordinate_icon {
  background-image: url(../img/default/sidemenu/panel/search/search4.png);
}
#search_fuzzy_icon {
  background-image: url(../img/default/sidemenu/panel/search/search5.png);
}
#search_address_icon {
  background-image: url(../img/default/sidemenu/panel/search/search6.png);
}
#search_zmap_icon {
  background-image: url(../img/default/sidemenu/panel/search/search7.png);
}
#search_nameplate_icon {
  background-image: url(../img/default/sidemenu/panel/search/search8.png);
}
#search_note_icon {
  background-image: url(../img/default/sidemenu/panel/search/search8.png);
}
#search_lot_icon {
  background-image: url(../img/default/sidemenu/panel/search/search8.png);
}
#search_target_icon {
  background-image: url(../img/default/sidemenu/panel/search/search9.png);
}
/*
#search_drilldown_icon {
  background-image: url(../img/default/sidemenu/panel/search/search10.png);
}
#search_custom_icon {
  background-image: url(../img/default/sidemenu/panel/search/search11.png);
}
*/
[id^="sidemenu_menu_search_drilldown_"] > div[id$="_icon"] {
  background-image: url(../img/default/sidemenu/panel/search/search10.png);
}
[id^="sidemenu_menu_search_custom_"] > div[id$="_icon"] {
  background-image: url(../img/default/sidemenu/panel/search/search11.png);
}
#search_general_icon {
  background-image: url(../img/default/sidemenu/panel/search/search13.png);
}
/*編集*/
#edit_new_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit1.png);
}
#edit_geometry_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit2.png);
}
#edit_attribute_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit3.png);
}
#edit_auxiliary_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit4.png);
}
#edit_topology_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit5.png);
}
#edit_bulk_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit6.png);
}
#edit_raster_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit9.png);
}
#edit_file_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_exif_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_point_plot_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_shp_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_dxf_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_kml_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_gpx_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_sima_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_gdb_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_dwg_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_load_dgn_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit7.png);
}
#edit_memo_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit8.png);
}
#edit_draw_offset_icon {
  background-image: url(../img/default/sidemenu/panel/edit/edit10.png);
}
/*印刷*/
#print_simple_icon {
  background-image: url(../img/default/sidemenu/panel/print/print1.png);
}
#print_capture_icon {
  background-image: url(../img/default/sidemenu/panel/print/print2.png);
}
#print_detail_icon {
  background-image: url(../img/default/sidemenu/panel/print/print4.png);
}
#print_split_icon {
  background-image: url(../img/default/sidemenu/panel/print/print5.png);
}
[id^="sidemenu_menu_print_onestop_"] > div[id$="_icon"] {
  background-image: url(../img/default/sidemenu/panel/print/print6.png);
}
#print_maplines_icon {
  background-image: url(../img/default/sidemenu/panel/print/print5.png);
}
/*高度機能*/
#advance_network_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv1.png);
}
#network_online_route_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv1.png);
}
#network_online_closestfacility_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv1.png);
}
#network_online_area_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv1.png);
}
#network_offline_route_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv1.png);
}
#network_offline_area_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv1.png);
}
#user_layer_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv2.png);
}
#user_layer_create_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv2.png);
}
#user_layer_manager_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv2.png);
}
#user_layer_info_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv2.png);
}
#publication_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv2.png);
}
#publication_apply_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv2.png);
}
#publication_approve_icon {
  background-image: url(../img/default/sidemenu/panel/advance/adv2.png);
}
/*解析*/
#analysis_aggregate_geometry_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana1.png);
}
#analysis_aggregate_attribute_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana1.png);
}
#analysis_address_matching_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana2.png);
}
#addressmatching_online_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana2.png);
}
#addressmatching_offline_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana2.png);
}
#analysis_select_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana2.png);
}
#analysis_buffer_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana2.png);
}
#analysis_intersection_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana2.png);
}
#analysis_clip_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana2.png);
}
#analysis_dissolve_icon {
  background-image: url(../img/default/sidemenu/panel/analyze/ana2.png);
}

/*ツール*/
#timeslider_icon {
  background-image: url(../img/default/sidemenu/panel/tool/tool1.png);
}
#map_url_icon {
  background-image: url(../img/default/sidemenu/panel/tool/tool1.png);
}
#bookmark_icon {
  background-image: url(../img/default/sidemenu/panel/tool/tool1.png);
}
#reverse_geocoding_icon {
  background-image: url(../img/default/sidemenu/panel/tool/tool1.png);
}
/*設定*/
#setting_display_icon {
  background-image: url(../img/default/sidemenu/panel/setting/setting1.png);
}
#setting_snap_trace_icon {
  background-image: url(../img/default/sidemenu/panel/setting/setting1.png);
}
#setting_function_icon {
  background-image: url(../img/default/sidemenu/panel/setting/setting1.png);
}
/*ヘルプ*/
#help_icon {
  background-image: url(../img/default/sidemenu/panel/help/help1.png);
}
#help_legend_icon {
  background-image: url(../img/default/sidemenu/panel/help/help1.png);
}
#help_system_icon {
  background-image: url(../img/default/sidemenu/panel/help/help1.png);
}
#help_vendor_icon {
  background-image: url(../img/default/sidemenu/panel/help/help1.png);
}

/*---------------------
  ローディング
---------------------*/
/** パネル */
#cmn_panel_loading {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.4);
  background-image: url(../img/default/loading.gif);
  background-repeat: no-repeat;
  background-position: 100px 100px;
  z-index: 5;
}

/** ローディング2 */
#cmn_panel_loading2 {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.4);
  background-image: url(../img/default/loading.gif);
  background-repeat: no-repeat;
  background-position: 100px 100px;
  z-index: 5;
}

/** 地図操作 */
#cmn_contents_loading {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.4);
  background-image: url(../img/default/loading.gif);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 100;
}

/** 画面 */
.spinner {
  top: calc(50% - (40px / 2));
  right: calc(50% - (40px / 2));
  background-color: #FF6600;
  position: absolute;
  height: 40px;
  width: 40px;
  z-index: 9999998;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px); }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

/* 画面ローディングの背景 */
#cmn_screen_loading {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255,255,255,1);
  z-index: 9999997;
  perspective: 500; /* safari */
  -webkit-perspective: 500; /* safari */
}

.cmn_message_dialog {
  z-index: 9999999 !important ;
}

/*---------------------
  検索
---------------------*/
/* 検索共通 */
/*検索結果表示のアイコン*/
.srh_result_area_icon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/*グリッドでの検索結果のアイコン*/
/*下部グリッド*/
.srh_grid_icon_bottom {
  background-image: url(../img/default/bottom_panel.png);
}
/*属性一覧表示*/
#srh_attrview_grid {
  background-image: url(../img/default/right_panel.png);
}
/*ファイリング表示*/
#srh_fileview_grid {
  background-image: url(../img/default/fileview.png);
}
/*フィーチャフィット*/
#srh_featurefit_grid,
.srh_grid_icon_featurefit {
  background-image: url(../img/default/fit.png);
}
/*フィーチャ追加*/
#srh_feature_add {
  background-image: url(../img/default/select_add.png);
}
/*フィーチャ削除*/
#srh_feature_delete {
  background-image: url(../img/default/select_delete.png);
}
/*CSV出力*/
#srh_csvoutput_grid,
.srh_grid_icon_csvoutput {
  background-image: url(../img/default/csvoutput.png);
}
/*ファイル出力*/
#srh_fileoutput_grid,
.srh_grid_icon_fileoutput {
  background-image: url(../img/default/fileoutput.png);
}
/*検索結果印刷*/
#srh_print_grid {
  background-image: url(../img/default/print.png);
}
/*簡易編集*/
#srh_editattr_grid {
  background-image: url(../img/default/pencil.png);
}
/*一覧編集*/
#srh_editattr2_grid {
  background-image: url(../img/default/pencil_list.png);
}
/*簡易ファイリング追加*/
#srh_editfile_grid {
  background-image: url(../img/default/clip.png);
}

/* #1959 >>> */
#srh_fieldorder_grid {
  background-image: url(../img/default/field_order.png);
}
/* #1959 <<< */

/*台帳連携(検索結果)*/
#srh_daicholink_grid {
  background-image: url(../img/default/daicho.png);
}

#srh_edit_attribute_dialog {
    text-align: left;
}
#srh_edit_attribute_dialog2 {
  text-align: left;
}

#srh_edit_attribute_dialog_loading {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    background-image: url(../img/default/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index:99997;
}

/*サイドメニューの検索結果のアイコン*/
/*グリッド表示*/
.srh_grid_icon {
  background-image: url(../img/default/grid.png);
}
/*ファイリング表示*/
.srh_file_icon {
  background-image: url(../img/default/fileview.png);
}
/*フィーチャフィット*/
.srh_fit_icon {
  background-image: url(../img/default/fit.png);
}
/*CSV出力*/
.srh_csv_output_icon {
  background-image: url(../img/default/csvoutput.png);
}
/*ファイル出力*/
.srh_file_output_icon {
  background-image: url(../img/default/fileoutput.png);
}
/*検索結果印刷*/
.srh_print_icon {
  background-image: url(../img/default/print.png);
}
/*ソート*/
.srh_sort_icon {
  background-image: url(../img/default/sort.png);
  background-size: contain;
}
/*簡易編集*/
.srh_edit_attr_icon {
  background-image: url(../img/default/pencil.png);
}
/*一覧編集*/
.srh_edit_attr2_icon {
  background-image: url(../img/default/pencil_list.png);
}
/*簡易ファイリング追加*/
.srh_edit_file_icon {
  background-image: url(../img/default/clip.png);
}
/*台帳連携(検索結果)*/
.srh_daicholink_attr_icon {
  background-image: url(../img/default/daicho.png);
}
/*検索結果 ページング部*/
/*最初*/
.button_seek_first {
  background-image: url(../img/default/seek_first.png);
}
/*前*/
.button_seek_prev {
  background-image: url(../img/default/seek_prev.png);
}
/*次*/
.button_seek_next {
  background-image: url(../img/default/seek_next.png);
}
/*最後*/
.button_seek_end {
  background-image: url(../img/default/seek_end.png);
}

/*バルーン表示*/
#attr_result_area {
  margin: 5px;
}
.attr_title {
  display: flex;
  height: 25px;
  text-align: center;
  line-height: 25px;
}
.attr_title .attr_title_elem {
  width: 100%;
  cursor: pointer;
}
#attr_result_area span {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.balloon_result_table {
  border-collapse: collapse;
}
.balloon_result_table td {
  padding: 0;
  vertical-align: top;
}
.balloon_result_field {
}
.balloon_result_value::before {
  content: ' : ';
}
.balloon_result_value {
}

#attr_detail_area {
  overflow: auto;
  height: 180px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#attr_clickSearch_selectlayer {
  width: 275px;
  padding-right: 20px;
}
#attr_clickSearch_selectlayer + div {
  width: 250px;
  right: 0;
}
#attr_data_area {
  margin: 2px;
}
#attr_data_area > ul > li {
  line-height: 16px;
}
#attr_data_area span {
    white-space: nowrap;
}

/* あいまい検索 */
#srh_fuzzySearch_selectlayer{
  width: 165px;
}
#srh_fuzzySearch_selectlayer + div{
  width: 145px;
}

#srh_fuzzySearch_text {
    width: 160px;
    outline: none;
}

/* 検索結果絞り込みエリア */
div.srh_refinecond_attr div.srh_layerrefinecond {
  /* margin-top: 5px; */
  margin: 5px 0;
}
div.srh_refinecond_attr {
  height: 75px;
}
/* 検索結果データ表示エリア */
div.srh_resultdata_attr {
  overflow:auto;
  height: calc(100% - 75px);
  width: 290px;
  margin-top: 3px;
}
/* 検索結果データ表示エリア（レイヤ毎のグループエリア） */
div.srh_layer_group{
  margin: 0px;
  margin-top: 8px;
  width: 271px;
  border: 1px solid #fff;
  /*border-width: 1px;*/
  outline: none;
}
/* 検索結果データ表示エリア（レイヤ毎のフィーチャ一覧表示エリア） */
div.srh_layer_group_body {
  width: 271px;
  max-height: calc(95vh - 295px);
  overflow: auto;
}

/* 検索結果データ表示エリア（レイヤ毎のページング表示エリア） */
div.srh_layer_group_footer input.srh_layer_group_footer_page_number {
  margin-top: 5px;
  padding: 0px 1px;
  text-align: center;
  vertical-align: top;
  width: 30px;
  height: 16px;
  display: inline-block;
  outline: 0;
}
div.srh_layer_group_footer {
  height: 60px;
  width: 271px;
}
/* 検索結果のレイヤ絞り込み */
#srh_selectlayer_attr {
  width: 160px;
}
#srh_selectlayer_attr + div {
  width: 140px;
}

/* 検索結果のテキスト絞り込み */
#srh_textcond_attr {
  margin: 5px 0px;
  /* margin-right: 5px; */
  width: 155px;
  outline: none;
}
#srh_textcond_attr::-ms-clear {
  visibility: hidden;
}
/* 検索結果のテキスト絞り込み実行ボタン */
/*
#srh_refinesearch_attr {
  margin-top: 7px;
  margin-left: -62px;
  padding: 1px;
  height: 21px;
  width: 21px;
}
*/
.srh_textcond_area {
  position: relative;
}
.srh_cond_buttons_area {
  display: inline-block;
  height: 22px;
}
#srh_refinesearch_attr {
  position: absolute;
  left: 135px;
  top: 6px;
}
/* 検索結果の絞り込みエリアのアイコン */
.srh_condition_area_icon {
  margin-top: 3px;
  margin-bottom: 2px;
  margin-left: 2px;
  padding: 1px;
}

/* 検索結果のレイヤグループ名 */
.srh_layer_name {
  height: 34px;
}
div.srh_layer_name span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
div.srh_layer_name span::before {
  content: '';
  display: inline-block;
  margin: 10px 0 0px 8px;
  border: 6px solid transparent;
}
div.srh_layer_name span.opened::before {
  margin: 10px 2px -2px 8px;
  border-left: 6px solid transparent;
}

/* 検索結果のレイヤグループエリアのアイコン */
.srh_layer_group_icon {
  margin-top: 2px;
  position: relative;
  z-index: 1;
}
/* 検索結果のレイヤグループエリアのfloat解除 */
.srh_layer_group_header .sortcondition {
  clear: both;
  display: flex;
  padding-bottom: 5px;
}
/* 検索結果のレイヤグループエリアのソートキープルダウン */
.srh_layer_group_header .sortkey {
  margin-top: -1px;
  margin-left: 10px;
}
.cmn_select_container .srh_select_sortkey {
  width: 150px;
}
.srh_select_sortkey + div {
  width: 130px;
}

/* 検索結果のレイヤグループエリアのファイル選択プルダウン */
select[id^="srh_selectfileoutput_attr"], #srh_selectfileoutput_grid {
  top: 0px;
  left: 0px;
  height: 22px;
  width: 22px;
  border: 0px;
  opacity: 0;
  cursor: pointer;
}
#download_file_name{
  border-radius: 5px;
}

/* 検索結果のレイヤグループエリアの台帳連携プルダウン */
select[id^="srh_selectdaicholink_attr"], #srh_selectdaicholink_grid {
  top: 0px;
  left: 0px;
  height: 22px;
  width: 22px;
  border: 0px;
  opacity: 0;
  cursor: pointer;
}

/* 検索結果のフィーチャ一覧表示エリアのアイコン（アコーディオン展開時） */
div[id^="srh_editattr_attr"], div[id^="srh_editfile_attr"], div[id^="srh_featurecoop_attr"] {
  margin-bottom: 2px;
  margin-left: 5px;
  padding: 0px;
  height: 22px;
  width: 22px;
}
/* 検索結果のフィーチャ一覧表示エリアのアコーディオン表示部（dd ul liの部分まで） */
.srh_feature_group dl {
  width: 100%;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  box-sizing: border-box;
  outline: none;
}
.srh_feature_group dt.srh_accordion {
  width: 100%;
  height: 30px;
  line-height: 30px;
  -webkit-background-size:100%;
}
.srh_feature_group dt.srh_accordion>label {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 5px;
  width: calc(100% - 30px);
  height: 25px;
  line-height: 30px;
}
.srh_feature_group dt.srh_accordion::after {
  content: '';
  display: inline-block;
  top: 50%;
  float:right;
  margin-top: 10px;
  margin-right: 8px;
  border: 6px solid transparent;
  background: none;
}
.srh_feature_group dt.srh_accordion.opened::after {
  margin-top: 0px;
  margin-bottom: 10px;
  border-top: 6px solid transparent;
}
.srh_feature_group dd {
  width: 100%;
  -webkit-margin-start: 0px;
  margin-left: 0px;
}
.srh_feature_group dd ul li:focus {
  border-style: none;
  outline: none;
}
/* 検索結果のフィーチャ一覧表示エリアのアコーディオン展開時の属性名、属性値 */
.srh_layer_attr {
  display: inline-block;
  width: 105px;
  vertical-align: top;
}
.srh_layer_key {
  display: inline-block;
  width: 105px;
  vertical-align: top;
}
.srh_layer_attr_name {
  margin-left: 10px;
}
/*label[class^="srh_attr_"] {
  display: inline-block;
  width: 105px;
  vertical-align: top;
}
label[class^="srh_keyattr_"] {
  display: inline-block;
  width: 105px;
  vertical-align: top;
}
label[class$="_name"] {
  margin-left: 10px;
}*/
/* 検索結果のフィーチャ一覧表示エリアのページング部 */
.srh_layer_group_footer button.srh_layer_group_footer_button {
  height: 18px;
  width: 18px;
  padding: 0px;
  margin: 0px;
  border: none;
  overflow: visible;
  cursor: pointer;
  border-radius: 15px;
}
.srh_layer_group_footer_button:disabled {
  cursor: default;
  pointer-events: none;
}
.srh_layer_group_footer_text {
  margin: 5px 2px 0px 2px;
  padding: 0px;
  height: 18px;
  vertical-align: top;
  display: inline-block;
}
.srh_display_select_menu {
  height: 22px;
  width: 70px;
  margin: 0 5px 0 10px
}
.srh_layer_group_footer span.srh_layer_group_footer_separator {
  margin: 5px 2px 0px 2px;
  padding: 0px;
  height: 18px;
  display: inline-block;
}
/* 検索結果のフィーチャ一覧表示エリアのファイル画像 */
.srh_panelicon_area {
  display: flex;
}
.srh_fileimg_attr {
  display: inline-block;
  margin-left: 10px;
  /* margin-top: 5px; */
  margin-bottom: 5px;
  /* height: 170px; */
  /* width: 220px; */
  overflow: auto;
}
.srh_attrarea_attr {
  height: auto;
}
.srh_attrdataarea_attr {
  overflow:auto;
  height: auto;
  max-height: 170px;
}
.srh_filearea_attr {
  overflow:auto;
  /* height: 205px; */
}
/* 検索共通：グリッド表示関連 */
#srh_grid_dialog {
  padding: 0px;
  display: flex;
  overflow-y: hidden;
}
#srh_attrarea_grid {
  box-sizing: border-box;
  padding: 5px 10px;
  height: 345px;
}
#srh_filearea_grid {
  box-sizing: border-box;
  padding: 5px 10px;
  width: 300px;
  height: 320px;
}
.srh_grid_condition_area {
  display: flex;
  height: 27px;
}
#srh_selectlayer_grid {
  width: 250px;
  margin-right: 10px;
}
#srh_selectlayer_grid + div {
  width: 230px;
}
::-ms-expand {
	display: none;
}
.srh_grid_top_icon {
  /*margin-top: 3px;*/
  margin-right: 6px;
  height: 28px;
  width: 28px;
  border-radius: 5px;
}
#srh_textcond_grid,
#srh_textcond_btm {
  margin-bottom: 10px;
  height: 21px;
  width: 210px;
  margin-right: 10px;
  margin-left: 8px;
  position: absolute;
  outline: none;
}
#srh_searchBoxcond_grid {
  display: inline-block;
  height: 17pt;
  color: black;
  position: relative;
  width: 248px;
  margin-top: 5px;
  border-radius: 20px;
  margin-right: 9px;
}
#srh_searchBoxcond_btm {
  height: 17pt;
  color: black;
  position: relative;
  width: 248px;
  border-radius: 20px;
  margin-right: 9px;
}
#srh_refinesearch_grid,
#srh_refinesearch_btm {
  margin-left: 225px;
  margin-right: 10px;
  padding: 1px;
  height: 21px;
  width: 21px;
  position: absolute;
}
#srh_csvoutput_grid {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 1px;
  padding: 0px;
  height: 28px;
  width: 28px;
}
#srh_csvoutput_btm {
  padding: 0px;
  height: 28px;
  width: 28px;
}
.srh_grid_under_icon {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 1px;
  padding: 0px;
  height: 28px;
  width: 28px;
}
#srh_grid_area {
  margin-top: 10px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
}
#srh_grid_area_btm {
  margin-top: 5px;
}
#srh_grid_resultdata,
#srh_grid_resultdata_btm {
  overflow:auto;
  height: 240px;
  min-width: 480px;
  /*top: 5px;*/
}
#srh_featuretitle_grid {
  margin-left: 5px;
  width: 270px;
  word-break: break-all;
}
#srh_featuretitle_grid span{
  margin-left: 5px;
}
#srh_fileimg_grid {
  margin-top: 5px;
  height: 250px;
  width: 270px;
  overflow: auto;
}
#srh_key_field_grid {
  width: 270px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**/
.download_dialog_text {
  border-radius: 5px;
  outline: none;
  height: 24px;
  width: 350px;
}

#download_file_name_coordinate_download_dialog{
  height: 24px;
  width: 350px;
  border-radius: 5px;
  outline: none;
}

#srh_grid_footer_page_number,
#srh_grid_footer_page_number_btm {
  margin-top: 10px;
  padding: 0px 1px;
  text-align: center;
  vertical-align: top;
  width: 30px;
  height: 16px;
  display: inline-block;
}
.srh_grid_footer {
  min-height: 35px;
  height: auto !important;
  width: 460px;
  overflow: hidden;
}
.srh_grid_footer>div {
  float: left;
}
.srh_grid_footer::after {
  clear: both;
}
#srh_result_count_grid {
  margin-top: 10px;
  margin-left: 15px;
}

/* 検索結果のフィーチャ一覧表示エリアのページング部 */
.srh_grid_footer button.srh_layer_group_footer_button {
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 2px;
  border: none;
  overflow:visible;
  cursor:pointer;
  border-radius: 15px;
}
.srh_grid_footer button.srh_layer_group_footer_button:disabled {
  cursor: default;
  pointer-events: none;
}
.srh_grid_footer span.srh_layer_group_footer_text {
  margin: 10px 2px 0px 2px;
  padding: 0;
  height: 18px;
  vertical-align: top;
  display: inline-block;
}
.srh_grid_footer input.srh_layer_group_footer_page_number {
  margin-top: 10px;
  padding: 0 1px;
  text-align: center;
  vertical-align: top;
  width: 30px;
  height: 16px;
  display: inline-block;
  outline: 0;
}
.srh_grid_footer span.srh_layer_group_footer_separator {
  margin: 10px 5px 0 5px;
  padding: 0;
  height: 18px;
  border-left: 1px solid #ccc;
  display: inline-block;
}
#all_display_select_menu_grid {
  width: 70px;
  margin: 0 5px 0 10px;
}

/* 検索結果のアイコン関連 */
/* サイドメニューのアイコン画像枠 */
div.srh_paneliconframe,
div.srh_paneliconframe_layer {
  border-radius: 15px;
  cursor: pointer;
  height: 28px;
  width: 28px;
  margin-left: 3px;
  box-shadow: 0 0 4px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.36);
}

div.srh_paneliconframe.selected {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

/*ダイアログの画像*/
div.srh_paneliconframe_dialog{
  /*border-radius: 5px;*/
  border-radius: 15px;
  cursor: pointer;
  box-shadow: 0 0 4px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.36);
}
div.srh_paneliconframe_dialog.selected{
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.srh_pageicon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* 検索条件 */
/* 検索条件エリア全体 */
.srh_condition_area {
  margin: 5px;
}
.srh_condition_elem {
  display: inline-block;
  height: auto;
  vertical-align: middle;
}
.srh_result_area {
  height: 95%;
  margin-left: 10px;
}

/** グリッド */
#srh_grid_loading {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.4);
  background-image: url(../img/default/loading.gif);
  background-repeat: no-repeat;
  background-position: 200px 100px;
  z-index: 5;
}

/* 検索共通：グリッド表示関連 */
.srh_attrarea {
  box-sizing: border-box;
  padding: 5px 10px;
}
.srh_selectlayer select {
  width: 250px;
  margin-right: 10px;
}
.srh_selectlayer select + div {
  width: 230px;
}
.srh_textcond {
  margin-bottom: 10px;
  height: 21px;
  width: 210px;
  margin-right: 10px;
  margin-left: 8px;
  position: absolute;
  outline: none;
}
.srh_searchBoxcond {
  display: inline-block;
  height: 17pt;
  color: black;
  position: relative;
  width: 248px;
  margin-top: 5px;
  border-radius: 20px;
  margin-right: 9px;
}
#search_result_bottom .srh_searchBoxcond {
  margin-top: 0;
}
.srh_refinesearch {
  margin-left: 225px;
  margin-right: 10px;
  padding: 1px;
  height: 21px;
  width: 21px;
  position: absolute;
}
.srh_grid_resultdata {
  overflow:auto;
  height: 240px;
  min-width: 480px;
}
.srh_footer_page_number {
  margin-top: 10px;
  padding: 0px 1px;
  text-align: center;
  vertical-align: top;
  width: 30px;
  height: 16px;
  display: inline-block;
}
.srh_result_count {
  margin-top: 10px;
  margin-left: 15px;
}








#all_display_select {
  margin-left: 6px;
  margin-top: -2px;
}

/*検索ボタン位置*/
.srh_button_right {
  float: right;
}
.srh_button_right::after {
  clear: both;
}

/* バッファ範囲指定検索 */
.srh_bufferSearch_distance {
   width: 60px;
   outline: none;
}

#distance.srh_bufferSearch_distance{
  height: 24px;
  border-radius: 6px;
}

.srh_bufferSearch_distance_left {
   margin-left: 22px
}
#srh_buffersearch_distance {
  width: 50px;
}

/* 座標検索 */
#srh_coodinate_input_area {
    margin-left: 10px;
}
#srh_coodinate_input_area:after {
    content:"";
    display:block;
    clear:both;
}
#srh_coodinate_result_area {
  height: calc(95vh - 360px);
  min-height: 150px;
  margin: 5px;
  width: 95%;
  overflow-x: hidden;
}

#srh_coodinate_result_area .caption {
  position: relative;
  top: 15px;
  left: 0;
  transform: translateY(-50%) translateX(1em);
}

#srh_coodinate_result_area .caption span {
  padding: 0px 5px 0px 5px;
}
#srh_coodinate_btn_open,#srh_coodinate_btn_save {
  margin:5px 5px 10px 5px;
  font-size: 12px;
  float: left;
  min-width: 50px;
  height: 30px;
  text-align: center;
  line-height:30px;
}
#srh_coodinate_btn_all_clear, #srh_coodinate_btn_clear {
  margin:5px 5px 10px 5px;
}
.srh_coodinate_btn_right {
  margin:5px 10px 10px 5px;
  border-radius: 20px;
  float: right;
  width: 50px;
  height: 30px;
  text-align: center;
  line-height:30px;
}
#srh_coordinate_selector {
  height: 24px;
  width: 190px;
  border-radius: 6px;
}

/*x,y*/
.srh_coordinate_text_long {
  border-radius: 6px;
  outline: 0;
  height: 24px;
  width: 185px;
}
.srh_coordinate_text_short {
  border-radius: 6px;
  outline: 0;
  height: 24px;
  width: 30px;
}
.srh_coordinate_text_middle {
  border-radius: 6px;
  outline: 0;
  height: 24px;
  width: 90px;
}

#coordinate_grid {
  margin-left: 15px;
  overflow: auto;
  width: 260px;
  height: calc(95vh - 460px);
}
#coordinate_grid td{
  white-space: normal;
  word-wrap: break-word;
}

/*表札名検索・別記検索共通*/
.srh_condition_option {
  position: absolute;
  margin-top: 7px;
  left: 10px;
}
.srh_condition_option_area {
  height: 110px;
  margin: 10px;
  position: relative;
}
.srh_condition_option_check_area{
  margin-top: 40px;
}

/* 地番検索 */
#srh_lotNumberSearch_condition .button_radio {
  margin-left: 10px;
  margin-top: 10px;
}
#srh_lotNumberSearch_condition .button_radio input[type="radio"] {
  display: none;
}
#srh_lotNumberSearch_condition .button_radio label {
  display: inline-block;
  float:left;
  padding: 0px -5px 0px 0px;
  width: 90px;
  height: 35px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

#srh_lotNumberSearch_text{
  width: 155px;
}

/* #1962 Add >>> */
#srh_lotNumberTextSearch_text{
  width: 265px;
}
/* #1962 Add <<< */

/*---------------------------
住所検索
------------------------------*/
/* 住所検索表示エリア */
#srh_addressSearch_conditionArea {
  overflow:auto;
  height: calc(100% - 80px);
}


/*---------------------------
住宅地図検索
------------------------------*/
/* 住宅地図検索表示エリア */
#srh_houseMapSearch_conditionArea {
  overflow:auto;
  height: calc(100% - 80px);
}

/*---------------------------
ドリルダウン検索・住所検索・住宅地図検索
------------------------------*/
/* ドリルダウン検索表示エリア */
.srh_dynamic_condition {
  margin: 0 0 0 5px;
}

.srh_dynamic_condition_area {
  overflow:auto;
  height: calc(95vh - 150px);
}

/* ドリルダウン検索表示エリア　フッター */
.srh_dynamic_condition_footer {
  position:relative;
  height: 39px;
  width: 260px;
}

/* ドリルダウン検索の1階層分の検索条件エリア */
.srh_dynamic_condition .srh_dynamic_condition_part {
  position: relative;
  height: auto;
  padding-top: 5px;
}

/* ドリルダウン検索条件入力エリア*/
.srh_dynamic_initialfilter {
  height: 22px;
  width: 160px;
}

/* ドリルダウン検索条件選択エリア*/
.srh_dynamic_attrvalue {
  width: 160px;
  height: 90px;
}

/* ドリルダウン検索条件選択対象*/
.srh_dynamic_attrvalue > option {
  width: 140px;
}

/* ドリルダウン検索のコピーボタン */
.srh_copy_button {
  float: left;
}

/* ドリルダウン検索のカナボタン */
.srh_kanasearch_button {
  margin:10px 0px 10px 25px;
  float: right;
  width: 80px;
  text-align: center;
  padding: 4px;
  margin-right: 10px;
}

/* ドリルダウン検索条件入力エリア*/
.condition {
  padding-top: 5px;
}

/* ドリルダウン検索条件タイトルエリア*/
.cond_title_area {
  position:relative;
  width: 80px;
  float: left;
}

/* ドリルダウン検索条件入力エリア*/
.cond_input_area {
  width: 163px;
  clear: both;
}

/* ドリルダウン検索条件ラベルタイトルエリア*/
label.cond_title {
  display: inline-block;
  margin-top: 3px;
  width: 65px;
}

/* ドリルダウン検索条件ラベルエリア*/
label.cond_label {
  display: inline-block;
  margin-top: 3px;
  width: 160px;
}

/* ドリルダウン検索条件ラベルセパレータエリア*/
.cond_separator {
  position: absolute;
  display: inline-block;
  margin-top: 3px;
  width: 15px;
  top: 0px;
}

/*---------------------------
カスタム検索1
------------------------------*/
/* カスタム検索表示エリア */
.srh_custom_condition_area {
  height: calc(95vh - 140px);
  overflow:auto;
}
/* カスタム検索表示エリア　フッター */
.srh_custom_condition_footer {
  position:relative;
  height: 39px;
}

/* カスタム検索の1階層分の検索条件エリア */
.srh_custom_condition_part {
  position:relative;
  height: 60px;
  padding-top: 15px;
  margin-bottom: 5px;
}

/*検索条件入力エリア*/
.srh_custom_condition .marginleft {
  margin-left: 15px;
  display: flex;
}

/* カスタム検索の比較条件リスト */
.srh_custom_condfilter {
  padding: 1px 0px;
  height: 22px;
  width: 100px;
  margin: -10px;
}

/* 入力方法「リスト」の場合のプルダウン */
.srh_custom_numfilter {
  padding: 1px 0px;
  height: 22px;
  width: 260px;
}
.srh_custom_condition .cmn_select_container select {
  width: 260px;
}
.srh_custom_condition .cmn_select_container select  + div {
  width: 240px;
}
/* 必須項目マーク */
.srh_cond_require::before {
  content: '*';
  color: #ff0000;
}

/* カスタム検索のテキスト値 */
.srh_custom_textfilter{
  padding: 0px;
  width: 260px;
}
/* カスタム検索の日付条件 */
.srh_custom_date {
  padding: 0px;
  width: 90px;
  text-align: center;
}

/*日付条件FROM入力エリア*/
.srh_custom_condition span.datefrom {
  position: relative;
  display: inline-block;
  margin-top: 3px;
  width: 141px;
  height: 25px;
}

/*日付条件FROM入力テキストボックス*/
.srh_custom_condition span.datefrom>input {
  position: absolute;
  top: 3px;
  left: 0px;
}

/*日付条件FROM入力カレンダーアイコン*/
.srh_custom_condition span.datefrom>img {
  position: absolute;
  top: 0px;
  left: 95px;
}

/*範囲検索時「～」表示エリア*/
.srh_custom_condition span.datefrom>span {
  position: absolute;
  top: 0px;
  left: 124px;
}

/*日付条件TO入力エリア*/
.srh_custom_condition span.dateto {
  position: relative;
  display: inline-block;
  margin-top: 3px;
  width: 121px;
  height: 25px;
}

/*日付入力TO入力テキストボックス*/
.srh_custom_condition span.dateto>input {
  position: absolute;
  top: 3px;
  left: 0px;
}

/*日付条件TO入力カレンダーアイコン*/
.srh_custom_condition span.dateto>img {
  position: absolute;
  top: 0px;
  left: 95px;
}

/*数値FROM入力エリア*/
.srh_custom_condition span.numfrom {
  position: relative;
  display: inline-block;
  width: 141px;
  height: 25px;
}

/*数値FROM入力テキストボックス*/
.srh_custom_condition span.numfrom>input {
  position: absolute;
  top: 3px;
  left: 0px;
}

/*範囲検索時「～」表示エリア*/
.srh_custom_condition span.numfrom>span {
  position: absolute;
  top: 0px;
  left: 120px;
}

/*数値TO入力エリア*/
.srh_custom_condition span.numto {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 25px;
}

/*数値TO入力テキストボックス*/
.srh_custom_condition span.numto>input {
  position: absolute;
  top: 3px;
  left: 0px;
}

/* カスタム検索固有の検索条件タイトル */
div.cmn_display_row>div.custom_cond_title {
  width: 180px;
}

/*範囲選択時のフロート*/
.span_from_show {
  float: right;
}

/*範囲未選択時のフロート*/
.span_from_hide {
  float: left;
}

/*範囲選択時のテキストボックスのスタイル*/
.num_short {
  padding: 0px;
  width: 110px;
  text-align: center;
}

/*範囲未選択時のテキストボックスのスタイル*/
.numto_long {
  padding: 0px;
  width:260px;
  text-align: left;
}

/*カレンダーアイコン*/
.srh_calendar_icon {
  position: absolute;
  top: 0px;
  left: 95px;
  height: 22px;
  width: 22px;
  background-image: url(../img/default/calendar.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

/*カレンダーアイコンホバー時のスタイル*/
.srh_calendar_icon:hover {
  cursor: pointer;
}

.srh_calendar_icon_disabled {
  pointer-events: none;
  background-color: #9c9c9c !important;
}

/* 範囲のリストボックス */
.srh_custom_condition .srh_custom_list_short,
.srh_custom_condition .srh_custom_list_short select {
  width: 120px;
}
.srh_custom_condition .srh_custom_list_short select + div {
  width: 100px;
}
.srh_custom_condition .srh_custom_list_short_span {
  margin: 0 5px;
}

/*---------------------------
キーワード検索
------------------------------*/
/* 検索方法 */
#srh_img {
  position: absolute;
  left: 253px;
  top:15px;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  cursor: pointer;
  z-index: 10;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/*検索タイプのアイコン*/
.srh_type_attribute {
  background-image: url(../img/default/search_attribute.png);
}
.srh_type_file {
  background-image: url(../img/default/search_file.png);
}
.srh_type_google {
  background-image: url(../img/default/search_google.png);
}

#srh_type_list {
  position: absolute;
  display: none;
  top: 40px;
  left: 170px;
  padding-right: 5px;
  padding-bottom: 5px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 20;
}
#srh_type_list ul{
  width: 200px;
  list-style:none;
}
#srh_type_list li{
  width: 95%;
  margin: 5px;
}
#srh_prediction_list {
  position: absolute;
  display: none;
  top: 40px;
  left: 220px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  z-index: 20;
  width: 240px;
  max-height: 120px;
  overflow: auto;
  padding: 5px;
}
.srh_prediction_elem{
  height: 25px;
  width: 100%;
}
.srh_prediction_elem:focus{
  outline: 0;
}

/*履歴・予測検索のアイコン*/
#srh_prediction_img {
  background-image: url(../img/default/search.png);
  height: 20px;
  width: 20px;
  background-size: contain;
}
#srh_history_img {
  background-image: url(../img/default/history.png);
  height: 20px;
  width: 20px;
  background-size: contain;
}
.srh_prediction_elem span{
  height: 95%;
  margin-left: 5px;
}
.srh_prediction_elem div{
  display: inline-block;
  vertical-align: middle;
}
#srh_keyword_searchBox
{
  border-radius: 20px;
  width: 200px;
  height: 26px;
  top: 12px;
  left: 250px;
  position: fixed;
}
#srh_keyword_text {
  width: 145px;
  position: fixed;
  top: 14px;
  left: 278px;
  height: 22px;
  outline: 0;
}
#srh_keyword_btn {
  position: fixed;
  margin-top: 14px;
  margin-left: 426px;
}

/*スクロールバー*/
.srh_keyword_sidemenu_panel_main {
    height: calc(100% - 80px);
}
div.srh_keyword_resultdata_attr {
    width: 290px;
    height: calc(100% - 80px);
}
#srh_keyword_attr_info_list {
    width: 280px;
    height: 100%;
    margin-top: 8px;
    overflow: auto;
}
.srh_keywordsearch, #srh_keywordsearch_top {
  height: 100%;
}

#srh_keywordsearch_result {
  height: calc(100% - 110px);
  overflow: hidden;
}

/*件数表示*/
#srh_resultcount {
  margin-left: 5px;
  display: inline-block;
}
/*件数部分*/
.srh_float_left_setting {
  float:left;
}
/*属性・関連ファイル*/
.srh_keywordtype .cmn_display_row>:first-child{
  width: 200px;
}
.srh_keywordtype .button_radio {
  margin-left: 10px;
}
.srh_keywordtype .button_radio input[type="radio"] {
  display: none;
}
.srh_keywordtype .button_radio label {
  display: inline-block;
  float:left;
  padding: 0px -5px 0px 0px;
  width: 90px;
  height: 25px;
  line-height: 30px;
  text-align: center;
}
.srh_keywordtype .radio_label {
  cursor: pointer;
}
#srh_featurefit_keyword{
  margin-left: 5px
}

/*-----------------------------
検索結果
-------------------------------*/
/*検索結果アイコン*/
.srh_resultlist_img{
  top: 25px;
  right: 15px;
  float:right;
  height: 16px;
  width: 16px;
  background-image: url(../img/default/right.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/*検索結果右空ける*/
.srh_keyword_resultlist{
  white-space: nowrap;
  outline: none;
  padding-right: 15px;
}
#srh_keyword_attr_resultarea{
  display: none;
  height: 100%;
}
#srh_keyword_attr_info {
    overflow-y: auto;
    height: calc(100vh - 285px);
}
.srh_keyword_attr {
  padding: 5px;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.srh_keyword_attr span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*---------------------------------
検索結果（属性報：属性）
----------------------------------*/
/*属性＿左の表*/
.srh_attr_table_left{
  padding-left: 15px;
  padding-right: 10px;
}

/*属性＿右の表*/
.srh_attr_table_right{
  padding-left:10px;
  padding-right:15px;
}

/*属性＿アイコン上の情報*/
#srh_represent_attribute{
  margin-top:10px;
  margin-left:10px;
}

/*属性_選択場所*/
div.srh_attribute_place_name{
  display: inline-block;
  width: 280px;
  height:40px;
  line-height:40px;

}
/*属性_枠内全て*/
div.srh_attributedetail{
  padding-bottom: 5px;
  width: 100%;
  /* width:260px;
  max-height:calc(100%-100px);
  overflow-y: auto;
  overflow-x: auto;
  margin-left: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 4px 8px 0 rgba(0, 0, 0, 0.31); */
}

/*簡易・ファイリング・地物アイコン*/
.srh_penelicon{
  height: 20px;
  width: 20px;
  padding: 3px;
}
/*属性＿ボタン横*/
#srh_attribute_common_buton{
  padding: 5px 0px 5px 5px;
}
.srh_attributedetail label{
  word-wrap: break-word;
}
.srh_attribute_name{
  display: inline-block;
  /* margin-left: 5px; */
  word-wrap: break-word;
  height: 30px;
  width: 100%;
  line-height: 30px;
}
.srh_attribute_name::before{
  content: url(../img/default/left.png);
  position: relative;
  top: 5px;
  margin: 0px 5px 0px 5px;
}
.srh_attribute_name:hover {
  cursor: pointer;
}
.srh_attribute_name label{
  word-wrap: normal;
  cursor: pointer;
}
.srh_attributeinfo {
  max-height: calc(100vh - 260px);
  overflow: auto;
}
#srh_keyword_relfile > li {
  width: 270px;
  overflow: auto;
}
.srh_attribute_infoarea {
  background: #fff;
}
.srh_attribute_common_button {
  background-color: #fff !important;
  border-bottom: none !important;
}
/*-----------------------------
検索結果（属性情報：ファイリング）
-------------------------------*/
.srh_attributefile{
  max-height: 350px;
  min-height: 100px;
  width: 90%;
  margin-left: 10px;
  overflow: auto;
}
/*-----------------------------
検索結果（関連ファイル）
-------------------------------*/
/*関連ファイル＿全体＿初期非表示*/
#srh_relfile_resultarea{
  display:none;
  height: 100%;
}
#srh_keyword_relfile {
  overflow-y: auto;
  height: calc(100% - 55px);
}
#srh_keyword_relfile li{
  padding: 5px
}
.srh_clear{
  clear: both;
}

/* 2020/03/19 Miranda [1951] ADD>>> */
img.srh_keyword_thumbnail {
  width: 162px;
  border: 1px #C3C3C3 solid;
}
img.srh_keyword_thumbnail_noimage {
  width: 162px;
  height:162px;
  background-image: url(../img/default/noimage.png);
  background-color: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: 1px #C3C3C3 solid;
}
/* 2020/03/19 Miranda [1951] ADD<<< */

/*-----------------------------
カナ検索
-------------------------------*/
#srh_kana_cond{
  margin-left: 10px;
  display: inline-block;
}
#srh_kana_cond div{
  float:left;
}
#srh_kana_textarea{
  margin-top: 10px;
}
#srh_kana_bottom_btn{
  margin-right: 10px;
  display: inline-block;
  float: right;
}
#srh_kana_bottom_btn div{
  float: right;
}
#srh_kana_select_list{
  width: 90%;
  margin: 10px
}
#srh_kana_table{
  margin: 10px;
  display: inline-block;
}
#srh_kana_text{
  border-radius: 6px;
  outline: 0;
}
.srh_kana_col{
  float: left;
}
.srh_kana_btn{
  height: 23px;
  width: 23px;
  text-align: center;
  line-height: 24px;
}
.srh_kana_btn.active{
  cursor: pointer;
}
#srh_kana_table_bottom{
  width: 65px;
  float: right;
  margin-top: 10px;
  display: inline-block;
}
#srh_kana_table_bottom div{
  float: left;
}
#srh_kana_result_list{
  height: 150px;
  overflow: auto;
  margin: 10px;
}

#srh_kana_result_list li{
  outline: none;
}

#srh_kana_result_list li:hover{
  cursor: pointer;
}
.srh_kana_field, .srh_code_field{
  display: none;
}


/* バルーン表示 */
.srh_ballon_container {
  position: absolute;
  background-color: white;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 5px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 10px;
  left: -15px;
  width: 200px;
  height: 240px;
  z-index: 0;
}
.srh_ballon_container.far {
  left: -20px;
  bottom: 100px !important;
}
.srh_ballon_container.right {
  top: -20px;
  left: 10px;
  bottom: auto;
}
.srh_ballon_container.right.far {
  left: 100px !important;
}
.srh_ballon_container.left {
  top: -20px;
  right: 10px;
  left: auto;
  bottom: auto;
}
.srh_ballon_container.left.far {
  right: 100px !important;
}
.srh_ballon_container:after {
  top: 100%;
  border: 10px solid transparent;
  border-top-color: white;
  content: " ";
  position: absolute;
}
.srh_ballon_container.far:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 100px solid white;
  border-bottom: 100px solid transparent;
}
.srh_ballon_container.left.far:after {
  border-left: 100px solid white;
  border-right: 100px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.srh_ballon_container.right.far:after {
  border-left: 100px solid transparent;
  border-right: 100px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.srh_ballon_container.right:after {
  top: 10px;
  left: -20px;
  border-top-color: transparent;
  border-right-color: white;
}
.srh_ballon_container.right.far:after {
  left: -200px !important;
}
.srh_ballon_container.left:after {
  top: 10px;
  right: -20px;
  border-top-color: transparent;
  border-left-color: white;
}
.srh_ballon_container.left.far:after {
  right: -200px !important;
}
.srh_ballon_closer {
  text-decoration: none;
  position: absolute;
  top: 4px;
  right: 8px;
  cursor: pointer;
}
.srh_ballon_closer:after {
  content: "×";
}


/*-----------------------------
汎用検索
-------------------------------*/
.srh_general_search_main_contents {
  height: calc(100vh - 130px);
}
#srh_general_condition {
  height: calc(100vh - 180px);
  overflow-y: auto;
}
#srh_general_selectlayer{
  width: 165px;
}
#srh_general_selectlayer + div{
  width: 145px;
}

/* 検索条件エリア */
#srh_general_condition_list_area {
  overflow-y: auto;
  max-height: 170px;
  margin-bottom: 5px;
  padding: 5px;
}
#srh_general_condition_list_area > li {
  width: 275px;
}
#srh_general_condition_list_area > li > span {
  margin: 5px 0;
}
#srh_general_condition_list_area .cmn_select_container{
  width: 135px;
}
#srh_general_condition_list_area .cmn_viewport{
  width: 115px;
}
.srh_general_condition_list_conjunction{
  width: 50px;
  margin-top: 5px;
}
::-ms-expand {
  display: none;
}
.srh_general_condition_list_field{
  width: 130px !important;
  margin-top: 5px;
}
::-ms-expand {
  display: none;
}
.srh_general_condition_list_operator{
  width: 75px;
  margin-top: 5px;
  font-size: 0.9em;
  padding-left: 6px;
  padding-top: 2px;
}
::-ms-expand {
  display: none;
}
.srh_general_condition_list_text{
  width: 230px;
}
.srh_general_condition_list_get_value.cmn_button {
  border-radius: 20px;
  height: 26px !important;
  width: 26px !important;
  padding: 0;
  line-height: 26px;
  margin: 5px;
  color: #fff;
}
.srh_general_condition_list_get_value.cmn_button.cmn_button_disabled {
  border-radius: 20px;
  height: 26px !important;
  width: 26px !important;
  padding: 0;
  line-height: 26px;
}
#srh_general_condition_list_value_select{
  width: 280px;
  margin: 10px;
}
#srh_general_condition_custom_sql_text {
  margin: 10px;
  padding: 5px;
  width: calc(100% - 20px);
  height: 180px;
  box-sizing: border-box;
}

/* 範囲条件エリア */
.srh_general_area_condition_box {
  margin: 5px;
  padding: 10px 0 5px 5px;
}
.srh_general_circle_radius_number {
  outline: none;
  height: 22px !important;
  width: 100px !important;
}

/* 検索条件・保存エリア */
.srh_general_condition_save_area {
  display: inline-flex;
  padding-left: 10px;
  height: 40px;
}

/* オプションエリア */
.srh_general_highlight_option_area {
  height: 35px;
  margin: 10px 0 0 0;
}
.srh_general_highlight_preview_icon{
  padding: 5px;
  border-radius: 6px;
  position: relative;
  top: 5px;
  width: 24px;
  margin-left: 50px;
}
.srh_general_highlight_style_setting_move {
  background-image: url(../img/default/sidemenu/panel/layer/custom.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
}
.srh_general_result_only_option_area,
.srh_general_area_condition_perpetual_option_area {
  height: 30px;
  margin: 0;
}

/* 強調表示スタイル設定エリア */
.srh_general_highlight_style_paragraph {
  margin: 10px;
}
.srh_general_highlight_style_range {
  display: flex;
}
.srh_general_highlight_style_range > span:nth-child(1) {
  width: 70px;
  margin-right: 10px;
  word-break: keep-all;
  white-space: nowrap;
}
.srh_general_highlight_style_range > span:nth-child(2) {
  width: 30px;
  text-align: center;
}
.srh_general_highlight_style_range > input[type="range"] {
  width: 120px;
  border: 0px;
  margin: 0px !important;
}
.srh_general_highlight_style_range > input[type="number"] {
  height: 16px;
  width: 40px;
  margin-right: 10px;
}
.srh_general_highlight_style_setting_color_picker {
  display: flex;
}
.srh_general_highlight_style_setting_color_picker > span:nth-child(1) {
  width: 100px;
  margin-right: 30px;
}
.srh_general_change_preview{
  outline: none;
  border-radius: 6px;
  height: 24px;
}
.srh_general_highlight_style_setting_shape_area {
  display: inline-flex;
  padding: 10px;
}
.srh_general_highlight_style_setting_shape_area > span {
  margin-right: 40px;
  vertical-align: top;
}
.srh_general_highlight_style_setting_shape_area > div {
  display: inline-block;
  width: 200px;
}
.srh_general_highlight_style_setting_shape_area > div > label > input[type="radio"] {
  display: none;
}
.srh_general_highlight_style_setting_shape_area > div > label > input[type="radio"]:checked + div,
.srh_general_highlight_style_setting_shape_area > div > label > div:hover {
  border-radius: 5px;
}
.srh_general_highlight_style_setting_shape_area > div > label > div {
  width: 32px;
  height: 32px;
  margin: 2px;
  display: inline-flex;
  cursor: pointer;
}

/* プレビュー */
#srh_general_highlight_style_preview_area > span:first-child {
  margin: 20px 10px 10px 10px;
  display: inline-block;
  vertical-align: top;
}
#srh_general_highlight_style_preview {
  height: 52px;
  width: 140px;
  text-align: center;
  display: inline-block;
  margin: 10px;
}
#srh_general_highlight_style_preview > img {
  max-height: 52px;
}

#srh_general_footer {
  float: right;
}

/*---------------------
  編集
---------------------*/
/* 編集共通 */
/* 説明・注釈 */
.edt_explanation {
  word-wrap: break-word;
  margin: 5px 0;
  padding: 0 10px 0 20px;
}

.edt_explanation_2 {
  word-wrap: break-word;
  margin: 10px 0;
  padding: 0 0px 0 30px;
}

/* 右側ボタン */
.edt_right_btn {
  float: right!important;
}
/* 左側ボタン */
.edt_left_btn {
  float: left !important;
}
.edt_layerselect_next_btn {
  margin-right: 10px!important;
  margin-top: 5px!important;
}
.edt_geometry_footer_prev {
  margin-left: 10px!important;
  margin-top: 5px!important;
}
.edt_button {
  display: inline-block;
  margin: 5px 10px 20px 10px;
  padding: 2px 10px;
  text-align: center;
  box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #FFFFFF;
}
.edt_button:hover {
  cursor: pointer;
}
.edt_button:active {
  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);
  cursor: pointer;
}
.edt_button:focus {
  cursor: pointer;
}
.edt_button_disabled {
  cursor: default;
  pointer-events: none;
  box-shadow: none;
  background-color: #9c9c9c !important;
}

/* デコレーションボタン */
.edt_decorate_btn {
  border: none;
  font-size: 8pt;
  width: 60px;
  text-align: center;
  padding: 4px 0;
  margin: 0px 0px;
  border-radius: 10px;
}
.edt_decorate_btn2 {
  border: none;
  font-size: 8pt;
  text-align: center;
  padding: 4px 10px;
  margin: 0px 0px;
  border-radius: 10px;
}
.edt_decorate_btn_active {
  border: solid 1px #F8BE0C;
}
.edt_attribute_panel {
  width: 275px;
}
.edt_annotationattribute_edit_panel {
  margin-bottom: 10px;
}
.edt_annotation_attrs_list,
.edt_attrs_list {
width: 270px;
overflow: auto;
/* height: 182px; */
margin-bottom: 5px;
margin-left:10px;
min-height: 80px;
}
.edt_attrs_list2 {
  width: 100%;
  overflow: auto;
  /* height: 182px; */
  margin-bottom: 5px;
  margin-left:10px;
  min-height: 80px;
  }
#srh_edit_attribute_dialog > .edt_attrs_list {
  height: auto !important;
}
.edt_annotation_attrs_list table,
.edt_attrs_list table {
width: 98%;
table-layout: fixed;
}
.edt_annotation_attrs_list th,
.edt_attrs_list th {
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.edt_annotation_attrs_list td,
.edt_attrs_list td {
word-break:break-all;
width: 140px;
}
#srh_edit_attribute_dialog2 > .edt_attrs_list2 {
  height: calc(100% - 5px) !important;
}
.edt_attrs_list2 table {
width: 98%;
table-layout: fixed;
}
.edt_attrs_list2 th {
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.edt_attrs_list2 td {
word-break:break-all;
width: 140px;
}
#srh_grid_dialog2 {
  height: 100%;
}
#grid_area2 {
  height: 100%;
}
.edt_attrs_toolbox {
  margin: 4px 0 0 10px;
}
.edt_attrs_toolbox:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
.edt_anno_new_toolbox {
  display: flex;
  margin-top: 10px;
}
.edt_attrfile_toolbox:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
.edt_attribute_panel:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
.edtAttribute_text {
text-align:left;
padding-left:5px;
width: calc(100% - 1px);
}
.edtAttribute_textarea {
text-align:left;
padding-left:5px;
width: calc(100% - 1px);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
outline: none;
height: 60px;
}
.edtAttribute_number {
text-align:right;
padding-right:5px;
width: calc(100% - 5px);
}
.edtAttribute_date {
text-align:left;
padding-left:5px;
width: calc(100% - 1px);
}
.edtAttribute_timestamp {
text-align:left;
padding-left:5px;
width: calc(100% - 1px);
}
.edt_annotation_attrs_list .edtAttribute_text {
  width: 100%;
  height: 25px;
  box-sizing: border-box;
}
.edt_annotation_attrs_list .ui-spinner {
  box-shadow: none;
  border-width: 1px;
  border-radius: 5px;
  height: auto;
  padding: 0;
  margin: .2em 0;
  width: 100%;
  box-sizing: border-box;
}
.edt_annotation_attrs_list .ui-spinner-input {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-indent: 3px;
  padding: 0;
  margin: 0;
}
.edt_annotation_attrs_list .ui-spinner-up {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.edt_annotation_attrs_list .ui-spinner-down {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.edt_annotation_attrs_list .edtAttribute_number {
  text-align:right;
  padding-right:25px;
  width: 100%;
  box-sizing: border-box;
  height: 25px;
}

.edt_select_container {
  overflow:hidden;
  width: calc(100% + 5px);
}
.edt_select_container,
.edt_select_container select {
  height: 24px;
  outline: 0;
  position: relative;
  z-index: 2;
  margin: 0;
}
.edtAttribute_select {
  width: 100%;
  color: rgba(0,0,0,0);
  background: none;
  border: none;
  opacity: 0;
}
.edtAttribute_viewport{
  position: absolute;
  height: 20px;
  width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  padding: 1px 10px 1px 8px;
  top: 0;
  border-radius: 6px;
  border: solid 1px;
}
.edt_attrfile_panel {
overflow: auto;
/* height: 138px; */
margin-bottom: 5px;
border: solid 1px white;
min-height: 80px;
}
/* 新規作成 */
.edt_selectLayer_panel {
height: calc(100% - 100px);
}
/* レイヤ選択リスト */
.edt_layer_list {
  margin-left: 10px;
  border: solid 1px white;
  width: 280px;
}
.edt_layer_list_box {
margin-left: 10px;
border: solid 1px white;
width: 270px;
overflow-y: auto;
overflow-x: auto;
height: calc(100% - 100px);
transform: translateZ(0);
min-height: 80px;
}
.edt_layer_list_box .selectLayerItems{
width: 100%;
cursor: pointer;
}
.edt_layer_list_box .selectLayerItems div{
display: inline-block;
max-width: 170px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.edt_layer_list_box .selectedItem {
color: #ffffff;
}
.edt_layer_list_box img {
max-height:32px;
}
.edt_layers_typelist {
/*  height: calc(100% - 80px); */
  height: 270px;
  width: 280px;
  overflow:auto;
}
/* レイヤ選択テーブル */
.edt_layers_table {
border-collapse: collapse;
}
.edt_layers_table_td  {
border: solid 1px;
padding: 0.5em;
text-align: center;
}

.edt_layer_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 属性入力方法 */
.edt_new_button_attribute {
display: flex;
padding: 10px
}
.edt_new_button_attribute label {
width: 80px;
}
.edt_new_button_attribute span {
padding: 10px;
}

/* 編集ツール */
.edt_toolbox_title {
margin: 0px;
padding-left: 10px;
border-collapse: collapse;
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid 1px white;
}
/* .edt_layer_info {
height: 50px;
} */
.edt_geom_footer_btn_panel {
/* height: 40px; */
}
.edt_geom_feature_count {
height: 80px;
}
.edt_geometry_tool_panel{
height: 120px;
}
.edt_history_tool_panel {
}
.edt_toolbox {
margin: 0 5px;
border: none;
border-collapse: collapse;
width: 275px;
}
.edt_toolbox_new {
margin: 0 5px;
border: none;
border-collapse: collapse;
width: 275px;
}
.edt_toolbox_button {
padding:5px;
}
/* 入力方法（ポイント、ライン、ポリゴン） */
.edt_button_geometry {
padding: 5px;
margin: 5px;
}
.edt_button_geometry label {
width: 80px;
}
.edt_button_geometry span {
padding: 10px;
}
/* ポイント編集パネル */
.edt_panel_point {
margin:10px;
}
/* ポリライン編集パネル */
.edt_panel_polyline {
margin:10px;
}
/* ポリゴン編集パネル */
.edt_panel_polygon {
margin:10px;
}
/* 半径設定パネル */
.edt_panel_radius {
  margin: 15px 0px 0px 10px;
}
.edt_panel_radius label{
  display: table-cell;
}
.edt_panel_radius .radius_text_outer{
  display: table-cell;
}
.edt_panel_radius .radius_text {
  width: 80px;
  margin-left: 10px;
  margin-right: 5px;
  border-radius: 5px;
  height: 20px;
}
/* #1987 Add >>> */
/* 矩形設定パネル */
.edt_panel_rectangle {
  margin: 15px 0px 0px 10px;
}
.edt_panel_rectangle label{
  display: table-cell;
}
.edt_panel_rectangle .rectangle_text_outer{
  display: table-cell;
}
.edt_panel_rectangle .rectangle_text {
  width: 80px;
  margin-left: 10px;
  margin-right: 5px;
  border-radius: 5px;
  height: 20px;
}
/* #1987 Add <<< */

/* ラジオボタン */
.edt_new_radio_button_label {
text-align: center;
}
.edt_new_radio_button_label:hover {
background-color: #9B9B9B;
cursor: pointer;
}
.edt_new_radio_button_input {
display: none;
}
.edt_new_radio_button_input + span {
border-color: white;
}
.edt_new_radio_button_input:checked + span {
border-color: orange;
}
.edt_new_radio_button_span {
display: block;
padding: 2px 10px;
border: solid 1px white;
}

/* 入力方法（属性編集） */
.edt_new_button_attrfail {
display: flex;
padding: 10px
}
.edt_new_button_attrfail label {
width: 80px;
}
.edt_new_button_attrfail span {
padding: 10px;
}

/* 入力方法（ファイリング編集） */
.edt_new_button_failattr {
display: flex;
padding: 10px
}
.edt_new_button_failattr label {
width: 80px;
}
.edt_new_button_failattr span {
padding: 10px;
}

/* 図形編集 */
.edt_geometry_edit_panel {
height: calc(100vh - 200px);
}
.edt_geometry_panel {
margin-top:0px;
margin-bottom:10px;
margin-left:10px;
margin-right:13px;
}
.edt_geom_btn {
float:left;
margin-top:0px;
margin-bottom:5px;
margin-left:0px;
margin-right:5px;
}
.edt_geo_toolbox_title {
margin: 0 10px;
padding-left: 10px;
border: solid 1px white;
width: 270px;
}
.edt_geo_toolbox {
margin: 0 10px;
border: solid 1px white;
border-top: none;
display: inline-flex;
width: 270px;
}
/*.edt_geo_toolbox > div {
border: solid 1px white;
font-size: 8pt;
width: 60px;
text-align: center;
padding: 4px 0;
margin: 6px 4px;
}
*/
.edt_geom_select_feature_table {
/* height: calc(100vh - 600px); */
/* min-height: 200px; */
margin-left:10px;
}

.edt_geom_select_feature_table table {
 margin: 0px;
 border-collapse: collapse;
 border: none;
 text-align: center;
 font-weight: 400;
 empty-cells: show;
 line-height: 21px;
}
.edt_geom_select_feature_table th {
color: #fff;
white-space: nowrap;
border-collapse: collapse;
border: 1px solid #CCC;
table-layout:fixed;
padding-left: 4px;
padding-right: 4px;
}
.edt_geom_select_feature_table td {
white-space: nowrap;
border-collapse: collapse;
border: 1px solid #CCC;
table-layout:fixed;
}
/*
.edt_feature_table {
height: calc(100vh - 560px);
min-height: 100px;
}
*/

.edt_geom_select_feature_table .scrollDiv {
/* width: 275px; */
/* height: calc(100vh - 660px); */
min-height: 40px;
overflow: auto;
}
.edt_geom_select_feature_table td {
cursor: pointer;
}
/*
.edt_geom_select_feature_table th:nth-child(1), .edt_geom_select_feature_table td:nth-child(1) {
width: 80px;
}
*/
.edt_geom_select_feature_table th:nth-child(2), .edt_geom_select_feature_table td:nth-child(2) {
width: 155px;
}

.edt_geom_select_feature_table .labelAttribute{
width: 155px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.edt_geom_select_feature_table td:nth-child(2) {
text-align: left;
}

#edt_geom_select_union_attr_dialog {
padding: 0px;
display: flex;
overflow-y: hidden;
}
#edt_geom_select_union_attr_area {
margin-top: 10px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
}
#edt_grid_resultdata {
overflow:auto;
height: 240px;
min-width: 480px;
clear:both;
}
/* 入力方法（ポイント、ライン、ポリゴン） */
/* ラジオボタン */
.edt_geo_button_geometry1 {
display: flex;
padding: 10px
}
.edt_geo_button_geometry1 label {
width: 80px;
}
.edt_geo_button_geometry1 span {
padding: 10px;
}
.edt_geo_button_geometry2 {
display: flex;
padding: 10px
}
.edt_geo_button_geometry2 label {
width: 80px;
}
.edt_geo_button_geometry2 span {
padding: 10px;
}
.edt_geo_radio_button_label {
text-align: center;
}
.edt_geo_radio_button_label:hover {
background-color: #9B9B9B;
cursor: pointer;
}
.edt_geo_radio_button_input {
display: none;
}
.edt_geo_radio_button_input + span {
border-color: white;
}
.edt_geo_radio_button_input:checked + span {
border-color: orange;
}
.edt_geo_radio_button_span {
display: block;
padding: 2px 10px;
border: solid 1px white;
}
/* 形状選択テーブル */
.edt_geo_geometrys_table {
border-collapse: collapse;
width: 280px;
}
.edt_geo_geometrys_table_td  {
border: solid 1px;
padding: 0.5em;
text-align: center;
}

/* 属性編集 */
/* 属性選択テーブル */
.edt_attr_panel {
margin-top:0px;
margin-bottom:10px;
margin-left:10px;
margin-right:0px;
overflow: hidden;
}
.edt_attr_attrs_table {
border-collapse: collapse;
width: 280px;
}
.edt_attr_attrs_table_td  {
border: solid 1px;
padding: 0.5em;
text-align: center;
}

/* ラジオボタン */
.edt_attr_radio_button_label {
text-align: center;
}
.edt_attr_radio_button_label:hover {
background-color: #9B9B9B;
cursor: pointer;
}
.edt_attr_radio_button_input {
display: none;
}
.edt_attr_radio_button_input + span {
border-color: white;
}
.edt_attr_radio_button_input:checked + span {
border-color: orange;
}
.edt_attr_radio_button_span {
display: block;
padding: 2px 10px;
border: solid 1px white;
}

/* 入力方法（属性編集） */
.edt_attr_button_attrfail {
display: flex;
padding: 10px
}
.edt_attr_button_attrfail label {
width: 80px;
}
.edt_attr_button_attrfail span {
padding: 10px;
}

/* 入力方法（フイリング編集） */
.edt_attr_button_failattr {
display: flex;
padding: 10px
}
.edt_attr_button_failattr label {
width: 80px;
}
.edt_attr_button_failattr span {
padding: 10px;
}

/* 属性一括更新 */
.cmn_panel_bulk_core {
  height: 100%;
}
  
/* レイヤキー選択リスト */
.edt_layerkeys_list {
float: right !important;
margin-left: 10px;
border: solid 1px white;
width: 100px;
}

/* ＣＳＶ選択リスト */
.edt_csvs_list {
float: right !important;
margin-left: 10px;
border: solid 1px white;
width: 100px;
}

/* 編集-メモ */

.edt_memo_button_radio {
  margin: 10px 5px;
}
.edt_memo_span_block {
  display: block;
  margin: -5px;
  padding: 5px;
}
.edt_memo_span_block::before {
  content: '';
  display: inline-block;
  top: 50%;
  float: left;
  margin-top: 6px;
  margin-left: 8px;
  margin-right: 0px;
  border: 6px solid transparent;
  background: none;
}
.edt_memo_span_block.opened::before {
  margin-top: 9px;
  margin-left: 6px;
  margin-right: 4px;
  border-left: 6px solid transparent;
}
.edt_memo_condition_paragraph {
margin: 10px;
}

.edt_memo_color_red {
color: red;
}
.edt_memo_textalign_right {
text-align: right;
}
#edt_memo_accordion_container {
margin: 5px;
}
.edt_memo_accordion_input {
display: none;
}
#edt_memo_accordion_container label {
cursor: pointer;
}
#edt_memo_accordion_container article {
overflow: hidden;
height: 0;
transition: 0.6s;
}
.edt_memo_accordion_frame1 {
    border-style: solid solid none solid;
    border-width: 1px;
    padding: 5px;
}
.edt_memo_accordion_frame2 {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}
.edt_memo_mark_box {
height: 200px;
overflow-y:auto;
margin: 10px;
}
.edt_memo_mark_input {
display: none;
}
.edt_memo_img {
height: 32px;
width: 32px;
margin: 5px;
float: left;
cursor: pointer;
border: solid 1px rgba(0,0,0,0);
}
.edt_memo_img:hover {
cursor: pointer;
}

.edt_memo_resize_none {
  resize: none;
  border-radius: 6px;
  outline: none;
}

.edt_memo_changeable_style{
  outline: none;
  border-radius: 6px;
  height: 24px;
}

#edt_memo_save_geojson{
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  width: 170px;
}

#edt_memo_save_kml{
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  width: 170px;
}

#edt_memo_save_shape{
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  width: 170px;
}

#edtFileName_edt_memo_save_geojson{
    padding-left: 4px;
    width: 230px;
    height: 24px;
    border-radius: 6px;
    outline: none;
}

#edtFileName_edt_memo_save_kml{
    padding-left: 4px;
    width: 230px;
    height: 24px;
    border-radius: 6px;
    outline: none;
}

#edtFileName_edt_memo_save_shape{
    padding-left: 4px;
    width: 230px;
    height: 24px;
    border-radius: 6px;
    outline: none;
}
.edt_memo_button {
  min-width: 45px;
  margin: 5px;
}

.edt_memo_range {
  display: flex;
}
.edt_memo_range > span:nth-child(1) {
  width: 70px;
  margin-right: 10px;
  word-break: keep-all;
  white-space: nowrap;
}
.edt_memo_range > span:nth-child(2) {
  width: 30px;
  text-align: center;
}
.edt_memo_range > input[type="range"] {
  width: 120px;
  border: 0px;
  margin: 0px !important;
}
.edt_memo_range > input[type="number"] {
  height: 16px;
  width: 40px;
  margin-right: 10px;
}
.edt_memo_input {
  display: flex;
}
.edt_memo_input > span:nth-child(1) {
  width: 100px;
  margin-right: 40px;
}
.edt_memo_input > :nth-child(2) {
  width: 170px;
}

.edt_memo_color_picker {
  display: flex;
}
.edt_memo_color_picker > span:nth-child(1) {
  width: 100px;
  margin-right: 30px;
}

#sidemenu_panel_edit_new .snap_trace_button_container {
  float: right;
}
#sidemenu_panel_edit_geometry .snap_trace_button_container {
  float: right;
}
#sidemenu_panel_edit_attribute .snap_trace_button_container {
  float: right;
}

/* オフセット */
.edt_offset_label{
  width:38%;
}
.edt_offset_input{
  width:62%;
}

/*---------------------
  凡例
---------------------*/
.lgd_events_cancel {
  pointer-events: none;
}

.lgd_show {
    z-index:1000;
    position: absolute;
    padding: 2px;
    display: block;
    margin: 0;
    list-style-type: none;
    list-style: none;
}

#lgd_menu {
  display: flex;
  padding: 2px 0 6px 5px;
}
.lgd_menu_img {
  height: 20px;
  padding: 4px;
  width: 20px;
  background-size: 28px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 15px;
  margin-right: 5px;
  box-shadow: 0 0 4px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.36);
}
.lgd_menu_img:hover {
  cursor: pointer;
}
.lgd_menu_img_disabled {
  pointer-events: none;
  background-color: #9c9c9c !important;
}

/*凡例の各機能のアイコン*/
#lgd_layer_add_btn {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub8.png);
}
#lgd_property_display {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub1.png);
}
#lgd_all_display {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub2.png);
}
#lgd_layer_property {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub3.png);
}
#lgd_layer_update {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub4.png);
}
#lgd_layer_delete {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub5.png);
}
#lgd_layer_output {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub6.png);
}
#lgd_feature_info {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub7.png);
}
#lgd_search_result_clear {
  background-image: url(../img/default/sidemenu/panel/layer/layer_sub9.png);
}


/* 属性表示 */
#srh_property_display_result {
  margin-left: 10px;
  /* height: calc(95vh - 130px); */
  overflow: auto;
}

/*---------------------
  凡例
---------------------*/
#lgd_lyr_prop {
  height: 100%;
}
#lgd_lyr_prop_content {
  overflow: auto;
  max-height: calc(100vh - 200px);
}
#lgd_lyr_prop_style_main_content {
  overflow: auto;
  max-height: calc(100vh - 320px);
}
#lgd_lyr_prop_title,
#lgd_property_display_title {
  padding: 14px 10px 14px 50px;
  margin-bottom: 10px;
  font-size: 12pt;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
#lgd_lyr_prop_title::after,
#lgd_property_display_title::after {
  content: url(../img/default/left.png);
  position: absolute;
  left: 20px;
  top: 13px;
}

#lgd_lyr_prop_mode > span {
  width: 75px;
  height: 26px;
  display: table-cell;
  cursor: pointer;
}

#lgd_lyr_prop_style_mode > span {
  width: 26px;
  height: 26px;
  display: inline-block;
  background-size: cover;
  cursor: pointer;
}
#lgd_lyr_prop_style,
#lgd_lyr_prop_graph,
#lgd_lyr_prop_label,
#lgd_lyr_prop_scale,
#lgd_lyr_prop_filter {
  text-align: center;
}

#lgd_lyr_prop_content .cmn_select_container {
  display: inline-block;
}


/* スタイル設定 */
.lgd_lyr_prop_style_change {
  border-radius: 20px;
  height: 28px;
  width: 100px;
  margin: 10px;
}
::-ms-expand {
  display: none;
}

#lgd_lyr_prop_label_content{
  margin-left: 10px;
  margin-top: 10px;
}

#lgd_lyr_prop_label_expression {
  position: relative;
  top: 10px;
  display: inline-block;
  width: 90px;
  height: 30px;
  margin-left: 140px;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.36);
  cursor: pointer;
  background-color: #3f51b5;
}

#lgd_lyr_prop_label_expression:hover {
  border-color: #F0C49B;
  background-color: #6071d2;
  cursor: pointer;
}

#lgd_lyr_prop_label_expression:active{
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
}

#lgd_lyr_prop_label_preview {
  width: 160px;
  height: 80px;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: center;
}

#lgd_lyr_prop_label_preview_area > span:first-child {
    margin:20px 10px 10px 10px;
    display:inline-block;
    vertical-align: top;
}
#lgd_lyr_prop_label_preview > img {
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}
#lgd_lyr_prop_label_expression_area {
  overflow: auto;
  height: calc(100% - 100px);
  padding: 0 4px;
}
#lgd_lyr_prop_label_expression_fields{
  outline: none;
  width: auto;
}
#lgd_lyr_prop_label_expression_text {
  width: 260px;
  margin: 10px;
  outline: none;
}
.lgd_lyr_prop_label_expression_button {
  margin-right: 5px;
}

#lgd_lyr_prop_filter_value_select,
#lgd_lyr_prop__individual_multi_value_select {
  width: 280px;
  margin: 10px;
}

#lgd_lyr_prop_style_setting_outline_area {
  display: inline-block;
}
#lgd_lyr_prop_style_setting_outline_area > label {
  margin-bottom: 0;
}

/* 等級色・個別値画面共通 */
#lgd_lyr_prop_grade_class_area,
.lgd_lyr_prop_individual_class_area {
  overflow: auto;
  overflow-x: hidden;
  max-height: 300px;
  margin: 10px;
  padding: 10px;
}

#lgd_lyr_prop_grade_class {
  margin-top: 5px;
}

#lgd_lyr_prop_grade_class > li > div,
#lgd_lyr_prop_individual_class > li > div {
  display: inline-flex;
  padding-top: 2px;
}

#lgd_lyr_prop_grade_class > li > div > span:last-child,
#lgd_lyr_prop_individual_class > li > div > span:last-child {
  margin-top: 2px;
  display: inline-block;
  max-width: 65px;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lgd_lyr_prop_grade_style_class > img,
.lgd_lyr_prop_individual_style_class > img {
  cursor: pointer;
  padding-top: 5px;
}

#lgd_lyr_prop_style_grade_content,
#lgd_lyr_prop_style_individual_content,
#lgd_lyr_prop_style_individual_multi_content {
  padding: 10px;
}
#lgd_lyr_prop_style_grade_content > div,
#lgd_lyr_prop_style_individual_content > div,
#lgd_lyr_prop_style_individual_multi_content > div {
  margin-bottom: 10px;
}
.lgd_lyr_prop_grade_style_class,
.lgd_lyr_prop_individual_style_class {
  width: 28px;
  height: 28px;
  text-align: center;
}
.lgd_lyr_prop_grade_style_class:hover,
.lgd_lyr_prop_individual_style_class:hover {
  border-radius: 20px;
}
/* 等級色 */
/* 等級色セレクトボックス */
#lgd_lyr_prop_grade_field{
  width: 200px;
  height: 24px;
}
#lgd_lyr_prop_grade_split{
  width: 60px;
}
#lgd_lyr_prop_grade_class_header{
  position: relative;
}

/* 等級色値編集 */
#lgd_lyr_prop_grade_tool_edit {
  background-image: url(../img/gray/pencil1.png);
  background-color: #8997dc;
  position: absolute;
  right: -8px;
  top: -10px;
}

#lgd_lyr_prop_grade_tool_edit:hover {
  background-color: #9babfa !important;
}

#lgd_lyr_prop_grade_tool_edit:active {
  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) !important;
}

#lgd_lyr_prop_grade_tool_edit:disabled {
  background-color: #9c9c9c !important;
}

.lgd_lyr_prop_grade_tool_buttons {
  cursor: pointer;
  display: inline-block;
  border-radius: 20px;
  margin: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.36);
  width: 32px;
  height: 32px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}

#lgd_lyr_prop_grade_classvalue_area {
  overflow: auto;
  overflow-x: hidden;
  margin: 10px;
  padding: 10px 8px;
  border: solid 1px #9babfa;
  background-color: #fff;
}

#lgd_lyr_prop_grade_classvalue_head > span {
  display: inline-block;
  text-align: center;
  width: 130px;
}

#lgd_lyr_prop_grade_classvalue_body {
  margin-top: 10px;
}

#lgd_lyr_prop_grade_classvalue_body li input[type="text"][class^="grade_classvalue_"] {
  width: 122px;
  height: 24px;
  margin-top: 0;
}

#lgd_lyr_prop_grade_classvalue_body >li:not(:first-of-type) {
  margin-top: 10px;
}

#lgd_lyr_prop_grade_classvalue_footer {
  margin-top: 10px;
}

#lgd_lyr_prop_grade_classvalue_label_apply {
  margin-left: 10px;
}

#lgd_lyr_prop_grade_classvalue_buttons {
  margin-top: 10px;
  margin-left: 15px;
}

/* 個別値セレクトボックス */
#lgd_lyr_prop_individual_field_area{
  margin-left: 10px;
}
#lgd_lyr_prop_individual_other_area{
  margin-left: 10px;
}
#lgd_lyr_prop_individual_value_buttons{
  margin-left: 10px;
}

.lgd_lyr_prop_individual_text{
  width: 140px;
  margin: 1px 5px 3px 5px;
  outline: none;
}

/* 個別値追加画面 */
#lgd_lyr_prop_individual_value_add_list {
  overflow: auto;
  max-height: 300px;
}
#lgd_lyr_prop_individual_value_add_table {
  width: 260px;
  margin: 5px;
  display: table;
  border-collapse: collapse;
}
#lgd_lyr_prop_individual_value_add_table > div {
  display: table-row;
}
#lgd_lyr_prop_individual_value_add_list .lgd_lyr_prop_checkbox {
  margin: 5px;
}

/* 複数個別値 */
.lgd_lyr_prop_individual_multi_field {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.lgd_lyr_prop_individual_multi_field > span.label {
  width: 100px;
}
.lgd_lyr_prop_individual_multi_field .cmn_viewport {
  width: 130px;
}
.lgd_lyr_prop_individual_multi_border {
  padding: 0 5px;
  border: solid 1px;
  border-radius: 6px;
}
.lgd_lyr_prop_individual_multi_value_specify {
  margin: 0 5px !important;
}
.lgd_lyr_prop_individual_multi_add_symbol {
  text-align: right;
}
#lgd_lyr_prop_style_individual_multi_content .lgd_lyr_prop_individual_class_area {
  padding: 10px 5px;
}
.lgd_lyr_prop_individual_multi_class_header {
  display: flex;
  align-items: center;
}
.lgd_lyr_prop_individual_multi_class_header > span {
  width: 50px;
  text-align: left;
}
.lgd_lyr_prop_individual_multi_class_header > div {
  text-align: left;
  padding-left: 5px;
}
.lgd_lyr_prop_individual_multi_class_header > div > span {
  display: block;
  line-height: 18px;
}
#lgd_lyr_prop_individual_multi_class li {
  display: flex;
  align-items: center;
  padding: 2px 5px 2px 0;
}
#lgd_lyr_prop_individual_multi_class .lgd_lyr_prop_individual_multi_symbol {
  width: 50px;
  text-align: center;
}
#lgd_lyr_prop_individual_multi_class .lgd_lyr_prop_individual_style_class {
  display: inline-block;
}
#lgd_lyr_prop_individual_multi_class .lgd_lyr_prop_individual_label_other {
  width: calc(100% - 50px);
}
#lgd_lyr_prop_individual_multi_class li > .lgd_lyr_prop_individual_multi_border {
  width: calc(100% - 50px);
  padding: 2px 5px;
  box-sizing: border-box;
  background: #fff;
}
#lgd_lyr_prop_individual_multi_class li input {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.lgd_lyr_prop_individual_multi_values {
  padding-left: 5px;
}
#lgd_lyr_prop_style_individual_multi_content .lgd_lyr_prop_individual_class_area {
  margin: 0;
}
/* 複数個別値：値選択 */
#lgd_lyr_prop_individual_multi_value_add_area p {
  margin: 10px 0 0 10px;
}
/* 複数個別値：一覧から追加 */
#lgd_lyr_prop_individual_multi_value_select_add_list {
  overflow: auto;
  max-height: 300px;
  padding: 10px;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_header {
  display: flex;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_header span {
  text-align: center;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_header span:nth-child(1) {
  width: calc(50% + 30px);
  border-right: solid 1px;
  box-sizing: border;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_header span:nth-child(2) {
  width: calc(50% - 30px);
}
.lgd_lyr_prop_individual_multi_value_select_add_table_row {
  border: solid 1px;
  border-top: none;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_row input,
.lgd_lyr_prop_individual_multi_value_select_add_table_row label,
.lgd_lyr_prop_individual_multi_value_select_add_table_row span {
  margin: 0;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_row label {
  display: flex;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_row span {
  padding: 5px 0;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_row span::before,
.lgd_lyr_prop_individual_multi_value_select_add_table_row span::after {
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.lgd_lyr_prop_individual_multi_value_select_add_table_row span::after {
  margin: -5px 7px !important;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_row span:nth-child(2) {
  width: calc(50% + 30px);
  margin: 0;
  padding-left: 30px;
  box-sizing: border-box;
  border-right: solid 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lgd_lyr_prop_individual_multi_value_select_add_table_row span:nth-child(3) {
  width: calc(50% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 3px;
  box-sizing: border-box;
}



/* フッタ */
#lgd_lyr_prop_footer {
  padding: 10px;
}
#lgd_lyr_prop_footer_functions > span {
  margin: 0 5px;
}

/* シンボル一覧 */
#lgd_lyr_prop_style_setting_symbol_list {
  margin: 10px;
  padding: 10px;
  background-color: #fff;
  border: solid 1px #000;
}
#lgd_lyr_prop_style_setting_symbol_list input {
  display: none;
}
#lgd_lyr_prop_style_setting_symbol_list > label > span {
  cursor: pointer;
}

#lgd_lyr_prop_style_setting_symbol_list span {
  color: #000;
  display: inline-block;
}

/* 個別値 */
#lgd_lyr_prop_individual_value_buttons > span {
  margin-right: 5px;
}

/* グラフ */
#lgd_lyr_prop_graph_main_content {
  overflow: auto;
  max-height: calc(95vh - 350px);
}
#lgd_lyr_prop_graph_preview_area > span:first-child,
#lgd_lyr_prop_graph_symbol_preview_area > span:first-child {
  margin: 20px 10px 10px 10px;
  display: inline-block;
  vertical-align: top;
}
#lgd_lyr_prop_graph_preview,
#lgd_lyr_prop_graph_symbol_preview {
  height: 52px;
  width: 140px;
  text-align: center;
  display: inline-block;
  margin: 10px;
}
#lgd_lyr_prop_graph_preview > img,
#lgd_lyr_prop_graph_symbol_preview > img {
  max-height: 52px;
}
.lgd_lyr_prop_graph_row {
  margin-left: 10px;
}
.lgd_lyr_prop_graph_scale {
  outline: none;
  width: 160px;
  margin: 5px;
  height: 24px;
  border-radius: 6px;
}
#lgd_lyr_prop_graph_field_area {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#lgd_lyr_prop_graph_buttons {
  margin-left: 10px;
}
#lgd_lyr_prop_graph_class_area {
  overflow: auto;
  overflow-x: hidden;
  max-height: 300px;
  margin: 10px;
  padding: 10px;
}
#lgd_lyr_prop_graph_class > li > div {
  display: inline-flex;
  padding-top: 2px;
}
#lgd_lyr_prop_graph_class > li > div > span:last-child {
  margin-top: 2px;
  display: inline-block;
  max-width: 65px;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lgd_lyr_prop_graph_text {
  width: 140px;
  margin: 1px 5px 3px 5px;
  outline: none;
}
.lgd_lyr_prop_graph_class_symbol {
  width: 28px;
  height: 28px;
  text-align: center;
}
.lgd_lyr_prop_graph_class_symbol:hover {
  border-radius: 20px;
}
.lgd_lyr_prop_graph_class_symbol > img {
  cursor: pointer;
  padding-top: 5px;
}

/* ラベル */
#lgd_lyr_prop_label_main_content {
    overflow: auto;
    max-height: calc(95vh - 350px);
}
#lgd_lyr_prop_label_visible_visible > div {
  margin: 0 0 10px 10px;
}

#lgd_lyr_prop_label_position_area label {
  display: inline-flex;
  position: relative;
}
#lgd_lyr_prop_label_position_area > div {
  width: 100px;
  margin-left: 10px;
  margin-top: 8px;
}
.btn_radio_lgd_label label{
  border-radius: 3PX;
  height: 22px;
  width:26px;
  padding: 0 10px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
}
.btn_radio_lgd_label input[type="radio"] {
  display:none;
}
.btn_radio_lgd_label label:hover {
  cursor: pointer;
}
.indication_option_lgd_label{
  float: right;
  margin-top: -35px !important;
  margin-right: 58px !important;
}
.indication_option_lgd_label label {
  margin-bottom: 0;
}
.btn_radio_lgd_lyr_prop label{
  border-radius: 20PX;
  height: 22px;
  width: 22px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
}
.btn_radio_lgd_lyr_prop input[type="radio"] {
  display:none;
}
.btn_radio_lgd_lyr_prop label:hover {
  cursor: pointer;
}

.btn_radio_lgd_lyr_prop_hidden label {
  border-radius: 20px;
  height: 22px;
  width: 22px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#radio_lgd_lyr_prop {
  font-size: 10pt;
}

#lgd_lyr_prop_label_angle_field_label {
  margin-top: 3px;
  padding-left: 40px;
}

#lgd_lyr_prop_label_setting_angle_field_area {
  margin-top: 5px;
}

#lgd_lyr_prop_label_labelitem_area {
  margin-top: 40px;
}

/*ラベル表示位置*/
label[for="lgd_lyr_prop_label_position_ul"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/ul.png);
}
label[for="lgd_lyr_prop_label_position_uc"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/uc.png);
}
label[for="lgd_lyr_prop_label_position_ur"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/ur.png);
}
label[for="lgd_lyr_prop_label_position_cl"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/cl.png);
}
label[for="lgd_lyr_prop_label_position_cc"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/cc.png);
}
label[for="lgd_lyr_prop_label_position_cr"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/cr.png);
}
label[for="lgd_lyr_prop_label_position_ll"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/ll.png);
}
label[for="lgd_lyr_prop_label_position_lc"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/lc.png);
}
label[for="lgd_lyr_prop_label_position_lr"] {
  background-image: url(../img/default/sidemenu/panel/layer/label/lr.png);
}
#lgd_lyr_prop_label_outline_area {
  display: inline-block;
}
#lgd_lyr_prop_label_outline_area > label {
  margin-bottom: 0;
}

/* スケールフィルタ */
#lgd_lyr_prop_scale_content {
  margin-left: 10px;
  margin-top: 10px;
}
/*スケールテキストボックス*/
.lgd_lyr_prop_layer_scale{
  outline: none;
  width: 200px;
  margin: 5px;
  height: 24px;
  border-radius: 6px;
}

#lgd_lyr_prop_scale_range span{
  margin-top: 8px;
}
#lgd_lyr_prop_scale_range > span:nth-child(2) {
  width: 30px;
  text-align: center;
}
#lgd_lyr_prop_scale_range input[type=range] {
  width: 200px;
}
#lgd_lyr_prop_scale_range_label {
  padding-left: 70px;
}
/* フィルタ */
#lgd_lyr_prop_filter_list {
  padding: 5px;
}
#lgd_lyr_prop_filter_list > li > span {
  margin: 5px 0;
}

/*フィルタセレクトボックス*/
.lgd_lyr_prop_filter_field{
  width: 120px;
  margin-top: 5px;
}
::-ms-expand {
		display: none;
}
.lgd_lyr_prop_filter_operator{
  width: 80px;
  margin-top: 5px;
  font-size: 0.9em;
  padding-left: 6px;
  padding-top: 2px;
}
::-ms-expand {
		display: none;
}
.lgd_lyr_prop_filter_text{
  width: 237px;
}
.lgd_lyr_prop_filter_conjunction{
  width: 50px;
  margin-top: 5px;
}
::-ms-expand {
		display: none;
}
#lgd_lyr_prop_filter_list{
  margin-left: 5px;
}

#lgd_lyr_prop_filter_list .cmn_select_container{
  width: 140px;
}

#lgd_lyr_prop_filter_list .cmn_viewport{
  width: 120px;
}

/*詳細表示ボタン*/
.lgd_lyr_prop_filter_get_value.cmn_button,
.lgd_lyr_prop_individual_multi_value_specify.cmn_button {
  border-radius: 20px;
  height: 26px !important;
  width: 26px !important;
  padding: 0px;
  line-height: 26px;
  margin: 5px;
  color: #fff;
}
.lgd_lyr_prop_filter_get_value.cmn_button.cmn_button_disabled,
.lgd_lyr_prop_individual_multi_value_specify.cmn_button.cmn_button_disabled {
  border-radius: 20px;
  height: 26px !important;
  width: 26px !important;
  padding: 0px;
  line-height: 26px;
}

#lgd_lyr_prop_label_labelitem{
  width: 166px;
}
::-ms-expand {
  display: none;
}
#lgd_lyr_prop_label_font{
  width: 166px;
  margin-top: 5px;
  margin-left: 14px;
}
::-ms-expand {
  display: none;
}
#lgd_lyr_prop_label_minscaledenom {
  margin-top: 5px;
}
.lgd_lyr_prop_style_class {
  width: 24px;
  height: 24px;
  text-align: center;
}
.lgd_lyr_prop_style_class:hover {
  border-radius: 20px;
}

#lgd_lyr_prop span {
  word-break: keep-all;
  white-space: nowrap;
}

#cmn_sidemenu_panel input[type=range] {
  -webkit-appearance: none;
  margin: 12.6px 0;
  cursor: pointer;
}
#cmn_sidemenu_panel input[type=range]:focus {
  outline: none;
}
#cmn_sidemenu_panel input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  border-radius: 10px;
}
#cmn_sidemenu_panel input[type=range]::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -1px;
}
#cmn_sidemenu_panel input[type=range]::-moz-range-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border-radius: 1.3px;
}
#cmn_sidemenu_panel input[type=range]::-moz-range-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  cursor: pointer;
}
#cmn_sidemenu_panel input[type=range]::-ms-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

#cmn_sidemenu_panel input[type=range]::-ms-fill-lower {
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
#cmn_sidemenu_panel input[type=range]::-ms-fill-upper {
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

#cmn_sidemenu_panel input[type=range]::-ms-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  cursor: pointer;
  height: 11.4px;
}

/* カラーピッカー行 */
.lgd_lyr_prop_colorpicker {
  display: flex;
  margin: 10px 0;
}
.lgd_lyr_prop_colorpicker > span:nth-child(1) {
  width: 60px;
  margin: 5px 40px 0 10px;
}

/* レンジ行 */
.lgd_lyr_prop_range {
  display: flex;
}
.lgd_lyr_prop_range > span:nth-child(1) {
  width: 60px;
  margin: 10px;
}
.lgd_lyr_prop_range > span:nth-child(2) {
  width: 30px;
  margin: 10px 0;
  text-align: center;
}

/*
.lgd_lyr_prop_range > input {
  width: 150px;
}

.lgd_lyr_prop_range > input[type="number"] {
  height: 16px;
  width: 50px;
  margin-top: 13px;
}
*/

/* フィールド指定行 */
.lgd_lyr_prop_field {
  display: flex;
}

/* .lgd_lyr_prop_field > span:nth-child(1) {
  width: 60px;
  margin: 0 10px;
} */

.lgd_lyr_prop_field > label {
  margin: 0 10px 0 30px;
}

#lgd_lyr_prop input[type="range"] {
  width: 150px;
}

#lgd_lyr_prop input[type="number"] {
  height: 16px;
  width: 50px;
  margin-top: 13px;
}

/* 通常表示 */
/* プレビュー */
#lgd_lyr_prop_preview_area > span:first-child {
  margin: 20px 10px 10px 10px;
  display: inline-block;
  vertical-align: top;
}
#lgd_lyr_prop_preview {
  height: 52px;
  width: 140px;
  text-align: center;
  display: inline-block;
  margin: 10px;
  /* padding: 10px; */
}
#lgd_lyr_prop_preview > img {
  max-height: 52px;
}

/* 図形選択ラジオボタン */
#lgd_lyr_prop_style_setting_shape_area {
  display: inline-flex;
  padding: 10px;
}
#lgd_lyr_prop_style_setting_shape_area > span {
  margin-right: 40px;
  vertical-align: top;
}
#lgd_lyr_prop_style_setting_shape_area > div {
  display: inline-block;
  width: 200px;
}
#lgd_lyr_prop_style_setting_shape_area > div > label > input[type="radio"] {
  display: none;
}
#lgd_lyr_prop_style_setting_shape_area > div > label > input[type="radio"]:checked + div,
#lgd_lyr_prop_style_setting_shape_area > div > label > div:hover {
  border-radius: 5px;
}
.lgd_lyr_prop_symbol_pad{
  padding: 5px;
}
#lgd_lyr_prop_symbol_setting {
  background-image: url(../img/default/sidemenu/panel/layer/custom.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
}

#lgd_lyr_prop_style_setting_shape_area > div > label > div {
  width: 32px;
  height: 32px;
  margin: 2px;
  display: inline-flex;
  cursor: pointer;
}

#lgd_toc {
  height: calc(100vh - 166px);
  overflow: auto;
}
#lgd_toc .jstree-icon.jstree-themeicon,
#prt_layer_tree .jstree-icon.jstree-themeicon {
  background-image: url(../img/default/legend/group.png);
  background-position: 4px 4px;
}
#lgd_toc .no_checkbox > .jstree-checkbox,
#prt_layer_tree .no_checkbox > .jstree-checkbox {
  display: none;
}
/*
#lgd_toc a.no_icon > .jstree-icon.jstree-themeicon {
  visibility: hidden;
}
*/
#lgd_toc a.raster_icon > .jstree-icon.jstree-themeicon
#prt_layer_tree a.raster_icon > .jstree-icon.jstree-themeicon {
  background-image: url(../img/default/legend/raster.png);
  background-position: 4px 4px;
}
#lgd_toc a.temp_icon > .jstree-icon.jstree-themeicon
#prt_layer_tree a.temp_icon > .jstree-icon.jstree-themeicon {
  background-image: url(../img/default/legend/temp.png);
  background-position: 4px 4px;
}
/*
#layer_add a.no_icon > .jstree-icon.jstree-themeicon {
  display: none;
}
#layer_add .jstree-icon.jstree-themeicon {
  background-image: url(../img/default/legend/group.png);
  background-position: 4px 4px;
}
*/
.lgd_toc_hidden {
  color: #a9a9a9;
}

/* 線種行 */
.lgd_lyr_prop_linetype {
  display: flex;
}
.lgd_lyr_prop_linetype > span:nth-child(1) {
  width: 60px;
  margin: 10px;
}
.lgd_lyr_prop_style_linetype {
  margin-top: 10px;
}

/* 線種セレクトボックス */
#lgd_lyr_prop_style_setting_outlinelinetype{
  width: 60px;
  height: 24px;
}

/* レイヤ追加 */
#lgd_layer_add_search_container {
  border-radius: 20px;
  background-color: #fff;
  display: inline-block;
  height: 24px;
  margin: 4px;
}
#lgd_layer_add_search_container > input {
  border: none;
  outline: none;
  margin-left: 6px;
}
#lgd_layer_add_dialog_footer {
  width: 100%;
}
#lgd_layer_add_dialog_footer > button {
  margin: 4px 0;
}

/* #1946 mod */
#lgd_layer_select_count {
  text-align: right;
  padding-right: 10px;
  display: inline-block;
  width: 5%;
}
#lgd_layer_select_count::after {
  content: ' / ';
}
#lgd_layer_add_count {
  text-align: right;
  padding-right: 10px;
  display: inline-block;
}
#lgd_layer_add_add {
  float: right;
}
#lgd_layer_add_show_metadata {
  line-height: 24px;
  height: 24px;
  right: 10px;
  float: right;
}

/* #1946 add */
/* レイヤ追加（ページング表示エリア）*/
span.lgd_layer_add_page_info input.lgd_layer_add_page_info_page_index {
  margin-top: 5px;
  padding: 0px 1px;
  text-align: center;
  vertical-align: top;
  width: 30px;
  height: 16px;
  display: inline-block;
  outline: 0;
}

/* #1946 add */
span.lgd_layer_add_page_info {
  height: 60px;
  width: 480px;
}

/* #1946 add */
.lgd_layer_add_pageicon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* #1946 add */
.lgd_layer_add_page_info button.lgd_layer_add_page_info_button {
  height: 18px;
  width: 18px;
  padding: 0px;
  margin: 0px;
  border: none;
  overflow: visible;
  cursor: pointer;
  border-radius: 15px;
}

/* #1946 add */
.lgd_layer_add_page_info_button:disabled {
  cursor: default;
  pointer-events: none;
}

/* #1946 add */
.lgd_layer_add_page_info_text {
  margin: 5px 2px 0px 2px;
  padding: 0px;
  height: 18px;
  vertical-align: top;
  display: inline-block;
}

/* #1946 add */
.lgd_layer_add_page_info span.lgd_layer_add_page_info_separator {
  margin: 5px 2px 0px 2px;
  padding: 0px;
  height: 18px;
  display: inline-block;
}

/* #1946 add */
/*最初*/
.lgd_layer_add_button_seek_first {
  background-image: url(../img/default/seek_first.png);
}

/* #1946 add */
/*前*/
.lgd_layer_add_button_seek_prev {
  background-image: url(../img/default/seek_prev.png);
}

/* #1946 add */
/*次*/
.lgd_layer_add_button_seek_next {
  background-image: url(../img/default/seek_next.png);
}

/* #1946 add */
/*最後*/
.lgd_layer_add_button_seek_end {
  background-image: url(../img/default/seek_end.png);
}

/* #1946 add */
/*ページ番号*/
#lgd_layer_add_page_info_page_index {
  margin-top: 5px;
  padding: 0px 1px;
  text-align: center;
  vertical-align: top;
  width: 30px;
  height: 16px;
  display: inline-block;
}

/* #1946 add */
/** グリッド */
#lgd_layer_add_loading {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(../img/default/loading.gif);
  background-repeat: no-repeat;
  background-position: 200px 100px;
  z-index: 5;
}

/* レイヤ情報 */
#lgd_layer_information_tabs {
  display: flex;
}
#lgd_layer_information_tabs > li {
  border: solid 1px #9babfa;
  border-left: none;
  border-bottom: none;
  background-color: #8997dc;
  padding: 2px 10px;
  cursor: pointer;
}
#lgd_layer_information_tabs > li:first-child {
  border-left: solid 1px #9babfa;
}
#lgd_layer_information_tabs > li:hover {
  background-color: #b3d4fc;
}
#lgd_layer_information_tabs > li.active {
  border-color: #3f51b5;
  background-color: #3f51b5;
  color: #fff;
}
#lgd_layer_information_contents > li {
  display: none;
}
#lgd_layer_information_contents > li.active {
  display: block;
  box-sizing: border-box;
  border: solid 1px #3f51b5;
  border-top-width: 5px;
  background-color: #fff;
}
#lgd_layer_information_contents .grid {
  margin: 4px;
}
#lgd_layer_information_info > div > span:first-child,
#lgd_layer_information_data > div > span:first-child {
  display: inline-block;
  width: 140px;
  margin-left: 10px;
}
#lgd_layer_information_info > div > span:last-child::before,
#lgd_layer_information_data > div > span:last-child::before {
  content: '： ';
}
#lgd_layer_information_field span,
#lgd_layer_information_meta span {
  margin-left: 10px;
}
#lgd_layer_information_close {
  float: right;
  margin: 4px 0 4px 4px;
}
#lgd_layer_information_info {
  height: 280px;
}

/*---------------------
  印刷
---------------------*/
/* 印刷 */
#printmap {
  /* position: absolute; */
  /* top: 0px; */
  z-index: -1;
}
#printcanvas {
  position: absolute;
  top: 0px;
  z-index: -2;
}
/* 印刷条件エリア全体 */
#prt_preview_conditionarea, .prt_condition {
  height: calc(100% - 60px);
  overflow:auto;
  margin-left: 10px;
}

/* 印刷条件のプルダウン（select） */
[id$="_printing_template"] {
  height: 25px;
  width: 160px;
}

/* 印刷関係のボタンのスタイル */
.prt_fotter_button {
  float: left;
}

/* ボタン格納用 */
.prt_fotter_area{
  float:right;
}

/* 自動分割のボタン格納用 */
#prt_automaticSplitPrinting_condition.prt_condition {
  height: calc(100% - 110px);
}

#sidemenu_panel_print_split .prt_fotter_area{
  display: grid;
  display: -ms-grid;
  grid-template-columns: 90px 80px;
  -ms-grid-columns: 90px 80px;
  grid-template-rows: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  margin-right: 13px;
  margin-top: 10px;
}

#sidemenu_panel_print_split .prt_fotter_area button:nth-child(odd){
  -ms-grid-column: 1;
  margin: 5px;
}

#sidemenu_panel_print_split .prt_fotter_area button:nth-child(even){
  -ms-grid-column: 2;
  margin: 5px;
}

#sidemenu_panel_print_split .prt_fotter_area button:nth-last-child(-n+2){
  -ms-grid-row: 2;
}

/* foatクリア用 */
.prt_clear {
  clear: both;
}

/* 印刷条件のテキスト */
#sidemenu_panel li div[id^="print"] input[type="text"] {
  display:inline-block;
  height: 25px;
  width: 200px;
  background-color: #595959;
  color: #fff;
  border: 1px solid #fff;
}

/* 解像度指定エリアの追加スタイル */
.dpi_checkbox {
  margin-top: 20px;
}
.dpi_showarea {
  margin-left: 40px;
}
.dpi_showarea > label > select {
  width: 135px;
}
.dpi_showarea > label > div {
  width: 115px;
}

/* オプションボックスのスタイル */
.prt_option_box {
  position: relative;
  display:inline-block;
  margin-top: 20px;
  padding-top: 10px;
  padding-left: 10px;
  width: 260px;
}
.prt_option_box .cmn_checkbox {
  margin: 5px;
}

/* オプションボックスのチェックボックス選択時のスタイル */
div.option_box>label>input[type="checkbox"]:checked {
  box-shadow: none;
}

/*タイトル、注釈テキストボックス*/
#prt_simple_printing_title{
  width: 154px;
}

#prt_simple_printing_notes{
  width: 154px;
}

/*レイヤー選択ボタンエリア*/
.prt_layerSelect_btn{
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}

/*---------------------
  画像保存
---------------------*/
#prt_imageSave_file_name{
  width: 154px;
}

/*---------------------
  自動分割印刷
---------------------*/
#prt_automaticSplitPrinting_condition > .cmn_display_row {
  align-items: center;
}
/* 入力可能なスケールコンボボックス*/
#prt_automaticSplitPrinting_condition > .cmn_display_row input[type='number'] {
  height: 24px;
  width: 133px;
}
/*図面番号ボックスのスタイル*/
#prt_automaticSplitPrinting_condition .line_zmnNumber {
  position: relative;
  display:inline-block;
  margin-top: 5px;
  height: 80px;
  width: 150px;
}

/*図面番号ボックスのスタイル*/
#prt_automaticSplitPrinting_condition .line_zmnNumber input[type="label"] {
  display: none;
}

/*図面番号ボックスのスタイル*/
#prt_automaticSplitPrinting_condition .line_zmnNumber label {
  display: inline-block;
  float:left;
  padding: 0px -5px 0px 0px;
  width: 45px;
  height: 25px;
  line-height: 25px;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
  text-align: center;
}

/*コメント*/
#prt_automaticSplitPrinting_condition .line_comment {
  margin-top: 15px;
}

/*コメント*/
#prt_automaticSplitPrinting_condition .line_comment::after {
  clear: both;
}

/*コメント*/
#prt_automaticSplitPrinting_condition .line_comment>div {
  float: left;
  height: 60px;
  width: 250px;
  line-height: 20px;
}

/*テンプレート、スケールリスト*/
#printpreview_template, #printpreview_scale {
  height: 25px;
  width: 160px;
}

/*ラジオボタン*/
#prt_automaticSplitPrinting_radioTag_1,
#prt_automaticSplitPrinting_radioTag_2{
  width: 20px;
}

/*ラップ率*/
#prt_automaticSplitPrinting_lap_text {
  text-align: right;
  width: 154px;
}

/*タイトル*/
#prt_automaticSplitPrinting_title{
  width: 154px;
}

/*注釈*/
#prt_automaticSplitPrinting_notes{
  width: 154px;
}

/*---------------------
  詳細印刷
---------------------*/
#prt_pdfOutput_printing > .cmn_display_row {
  align-items: center;
}
/* 入力可能なスケールコンボボックス*/
#prt_pdfOutput_printing > .cmn_display_row input[type='number'] {
  height: 24px;
  width: 133px;
}
/*範囲印刷ボタン*/
#prt_pdfOutput_printing .draw_extent_buttons > button {
  height: 36px;
  padding: 2px 10px;
}
#prt_pdfOutput_printing .draw_extent_buttons {
  display: flex;
  justify-content: center;
}
/*コメント*/
#prt_pdfOutput_printing_condition .line_comment {
  margin-top: 15px;
}

/*コメント*/
#prt_pdfOutput_printing_condition .line_comment::after {
  clear: both;
}

/*コメント*/
#prt_pdfOutput_printing_condition .line_comment>div {
  float: left;
  height: 60px;
  width: 250px;
  line-height: 20px;
}

/*テンプレート、スケールリスト*/
#prt_pdfOutput_printing_template, #prt_pdfOutput_printing_scale {
  height: 25px;
  width: 160px;
}

/*タイトル、注釈テキストボックス*/
#prt_pdfOutput_printing_title{
  width: 154px;
}

#prt_pdfOutput_printing_notes{
  width: 154px;
}

/*---------------------
  レイヤ表示選択ダイアログ
---------------------*/
.prt_layerselect_dialog {
  padding: 0 !important;
}

#prt_layerselect_body {
  padding: 5px;
  height: calc(100% - 10px);
}

#prt_layer_tree {
  height: calc(100% - 52px);
  overflow: auto;
}

#prt_layer_btn_area {
  height: 50px;
  float: right;
}

/*---------------------
  ワンストップ
---------------------*/
/*ダイアログメイン部分のスタイル*/
.prt_oneStop_condition {
    box-sizing: border-box;
    padding: 5px 10px;
}

/* トグルボタンのスタイル */
.prt_oneStop_condition .cmn_radio_label {
  width: 180px;
  margin: auto;
}

.prt_oneStop_condition .prt_oneStop_button_area {
   height: 95px;
   margin-left: 10px;
}

/* トグルボタンのスタイル */
.prt_oneStop_condition .radio_label {
  cursor: pointer;
  width: 80px;
}

/* トグルボタンのスタイル */
.prt_oneStop_condition .cmn_button{
  margin-left: 10px;
  margin-right: 0px;
}

/* 検索結果ダイアログ化ボタンのスタイル */
/* 後方一致でまとめて適用しようとしたが諸事情で並列指定 */
.prt_oneStop_dialog_button_icon, .prt_oneStop_hide_dialog_button_icon {
  border-radius: 15px;
  cursor: pointer;
  height: 28px;
  width: 28px;
  margin-left: 3px;
  box-shadow: 0 0 4px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.36);
  background-color: #8997dc;
  margin: 5px 10px 10px 10px;
}

/* ダイアログ化ボタン画像指定　*/
.prt_oneStop_dialog_button_icon {
  background-image: url(../img/default/sidemenu/panel/print/onestop_sub1.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  float: right;
}

.prt_oneStop_hide_dialog_button_icon {
  background-image: url(../img/default/sidemenu/panel/print/onestop_sub2.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.prt_oneStop_dialog_button_icon:hover, .prt_oneStop_hide_dialog_button_icon:hover {
  background-color: #9babfa;
}

.prt_oneStop_dialog_button_icon.button_disable, .prt_oneStop_hide_dialog_button_icon.button_disable {
  background-color: #9c9c9c !important;
  pointer-events: none;
}

/*グリッドのスタイル*/
.oneStop_grid {
  overflow: hidden;
  min-height: 100px;
  width: 260px;
  top: 5px;
  border:#fff solid 1px;
  margin: auto;
  background-color: #fff;
}

.oneStop_grid td {
  white-space: normal;
  word-wrap: break-word;
}
.prt_oneStop_area .prt_fotter_area {
  margin-top: 10px;
}

/* ダイアログ内グリッドのスタイル */
.prt_oneStop_dialog_grid {
  background-color: #fff;
  float: left;
  width: 100%;
}

/* 画像保存の矩形の描画スタイル（DragBoxのスタイルはcssで指定） */
.ol-dragbox-printsaveimage {
  background-color: rgbrgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 1);
  border-width: 2px;
}

/*---------------------
  図郭印刷
---------------------*/
/*コメント*/
#prt_separator_condition .line_comment {
  margin-top: 15px;
}

/*コメント*/
#prt_separator_condition .line_comment::after {
  clear: both;
}

/*コメント*/
#prt_separator_condition .line_comment>div {
  float: left;
  height: 60px;
  width: 250px;
  line-height: 20px;
}

/*テンプレート、スケールリスト*/
#prt_separator_template, #prt_separator_layer, #prt_separator_field, prt_separator_disp {
  height: 25px;
  width: 160px;
}

#prt_separator_result_area {
  position: relative;
  margin:10px 10px 10px 10px;
  /* overflow:auto; */
  width: 95%;
  /* height: calc(100% - 375px); */
  /* min-height: 100px; */
}

#prt_separator_result_area .cmn_checkbox {
  margin: 2px;
}

#prt_separator_grid_message {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

/*---------------------
  印刷の範囲編集ボタン
---------------------*/
.prt_tool_btns {
  float: right;
  margin-right: 10px;
}
.prt_tool_btn {
  cursor: pointer;
  display: inline-block;
  border-radius: 20px;
  margin: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.36);
  width: 32px;
  height: 32px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.prt_tool_btn.disabled {
  pointer-events: none;
  background-color: #9c9c9c !important;
}
.prt_tool_btn.edit {
  background-image: url(../img/default/pencil1.png);
}
.prt_tool_btn.move {
  background-image: url(../img/default/move.png);
}
.prt_tool_btn.clear {
  background-image: url(../img/default/trash.png);
}
.prt_tool_btn.add {
  background-image: url(../img/default/select_add.png);
}
.prt_tool_btn.delete {
  background-image: url(../img/default/select_delete.png);
}
.prt_tool_btn.rotate {
  background-image: url(../img/default/rotate.png);
}

/*----------------------------
 任意分割（図形選択）印刷
---------------------------- */
.prt_settings .cmn_textbox {
  width: 154px;
}
.prt_option_box.prt_separate_geometry_select_layer {
  margin: 10px 0;
}
.prt_separate_geometry_select_layer > .cmn_display_row {
  margin: 0 10px 0 0;
}
.prt_separate_geometry_select_layer_button {
  text-align: right;
  padding: 15px 10px;
}
.prt_separate_geometry_select_layer_button > button {
  margin: 0;
}

/*----------------------------
 連続印刷、任意分割（範囲選択）印刷
---------------------------- */
.prt_bulk_print_button,
.prt_separate_extent_button {
  text-align: right;
}


/*---------------------
  計測
---------------------*/
.tooltip-common .tooltip-help, .tooltip-measure {
  position: relative; /* 配置方法（相対位置） */
  border-radius: 4px; /* 角丸を指定 */
  padding: 4px 8px;
  white-space: nowrap;
  font-size: 12px;
}
.tooltip-static {
  font-weight: bold;
  font-size: 12px;
}

.mmt_type_select {
  margin: 10px;
}
.mmt_type_select label.cmn_radio_category > span {
  padding: 8px;
}

#mmt_total_distance {
  margin-left: 10px;
  font-size: 12px;
}
.measure_result_group #result_group > li:first-child {
  margin-bottom: 4px;
}

.mmt_coordinate_change {
  margin: 10px;
  margin-left: auto;
  width: 180px;
}
.mmt_hidden {
  display: none;
}
.mmt_cond_title {
  width: 150px;
}
.mmt_condition {
  width: 120px;
  border-radius: 5px;
  outline: none;
  display: inline-block;
}

.mmt_condition.mmt_style {
  width: 124px;
  height: 24px;
  border-radius: 5px;
  outline: none;
  background: url(../img/default/open_black.png) right no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
::-ms-expand {
  display: none;
}
.mmt_tool_buttons {
  float: right;
  margin-right: 20px
}



.mmt_tool_buttons div {
  cursor: pointer;
  display: inline-block;
  border-radius: 20px;
  margin: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.36);
  width: 32px;
  height: 32px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}

.mmt_tool_buttons_inset {
    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) !important;
}

.mmt_disabled {
  pointer-events: none;
  background-color: #9c9c9c !important;
}

#mmt_feature_div_edit {
  background-image: url(../img/default/pencil1.png);
}
#mmt_feature_div_move {
  background-image: url(../img/default/move.png);
}
#mmt_feature_div_clear {
  background-image: url(../img/default/trash.png);
}

.mmt_disabled > img {
   opacity: 0.4;
}
.mmt_tool_buttons img {
  width: 24px;
  height: 24px;
  margin: 4px;
  vertical-align: middle;
}
#mmt_feature_div_edit:active{
  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) !important;
}
#mmt_feature_div_move:active{
  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) !important;
}
#mmt_feature_div_clear:active{
  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) !important;
}

.measure_result_group {
  margin: 10px;
}
#mmt_circle_area{
  clear: both;
}
#result_group{
  overflow: auto;
  max-height: 250px;
  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);
}
.mmt_no {
  width: 20px;
  margin-left: 3px;
}
.mmt_data {
  width: 80px;
  margin-left: 10px
}
.mmt_text_center {
  text-align: center;
  word-wrap: break-word;
}
.mmt_result_li {
  display: flex;
}
.cmn_grid_selected {
  background: rgba(255, 255, 255, 0.4);
}
/* 検索結果データ表示エリア */
div.mmt_resultdata_attr {
  overflow: auto;
  height: calc(100% - 70px);
  width: 290px;
}
/* 検索結果データ表示エリア（レイヤ毎のグループエリア） */
div.mmt_layer_group{
  margin: 0px;
  margin-top: 8px;
  width: 271px;
  border-style: solid;
  border-width: 1px;
}
/* 検索結果のレイヤグループ名 */
div.mmt_layer_group_name span {
  display: inline-block;
  padding-left: 10px;
  width: 90%;
  height: 30px;
  line-height: 30px
}
div.mmt_layer_group_name span::after {
  content: 'ー';
  float: right;
}
div.mmt_layer_group_name span.opened::after {
  content: '＋';
}
div.mmt_layer_name span:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 30px;
  width: 170px;
  line-height: 30px
}
div.mmt_layer_name span:nth-child(2) {
  padding-left: 10px;
  width: 44px;
  line-height: 30px
}
div.mmt_layer_name span:nth-child(2)::after {
  content: 'ー';
  float: right;
}
div.mmt_layer_name span:nth-child(2).opened::after {
  content: '＋';
}
.mmt_layer_name {
  display: flex;
}
.mmt_radius_input {
  -moz-appearance:textfield;
}
.mmt_layer_group_body{
  overflow: auto;
  max-height: 300px;
}

.cmn_display_row > input[type="range"] {
  width: 120px;
  border: 0px;
  margin: 0px !important;

}
.cmn_display_row > input[type="number"] {
  height: 16px;
  width: 40px;
  margin-right: 10px;
  border-radius: 5px;
}
#mmt_measure_result {
  /* Handsontableのheightに使用するので削除しないでください */
  max-height: calc(100vh - 460px);
}
/* #1958 Add >>> */
/* クリップボードコピー用 */
 .mmt_clipboard_selectable {
  -moz-user-select: text;
  -webkit-user-select: auto;
  -ms-user-select: text;
  user-select: text;
}
.mmt_clipboard_button {
  border-radius: 15px;
}
/* #1958 Add <<< */
/*---------------------
  2画面
---------------------*/
#outside_map_list {
  color: #FFF;
  padding: 0px 5px 5px 5px;
}

#outside_map_list li {
  align-items: center;
  border: solid 2px rgba(0,0,0,0);
  display: flex;
  margin: 10px 0;
}

#outside_map_list li.outside_map_current {
  border: solid 2px #F00;
}

#outside_map_list li img {
  height: 70px;
  width: 70px;
}
#outside_map_list > #map_list_value_none > div {
  background-image: url(../img/default/noimage.png);
  background-size: contain;
  text-align: center;
  height: 70px;
  width: 70px;
}

#outside_map_list li span {
  padding: 0 5px;
}

/*---------------------
  2画面表示（外部地図連携）
---------------------*/
#linkage_switch {
  margin: 10px;
}

.dbl_linkage_switch_checkbox {
  position: relative;
  display: inline-block;
  margin: 10px;
}
.dbl_linkage_switch_checkbox span {
  display: inline-block;
  margin-left: 30px;
}
.dbl_linkage_switch_checkbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.dbl_linkage_switch_checkbox input[type="checkbox"] + span::before, .dbl_linkage_switch_checkbox input[type="checkbox"] + span::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
}
.dbl_linkage_switch_checkbox input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.dbl_linkage_switch_checkbox input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 4px 7px;
  width: 6px;
  height: 9px;
}
.dbl_linkage_switch_checkbox input[type="checkbox"]:checked + span::before {
  background-color: transparent;
}
.dbl_linkage_switch_checkbox input[type="checkbox"]:checked + span::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*---------------------
  高度機能
---------------------*/

/* ユーザレイヤ作成 */
div[data-id=adv_ul_field_grid] {
  height: 140px;
  margin: 8px;
  overflow: auto;
}
#adv_ul_field_grid_button {
  width: 20%;
}
.adv_ul_grid_button {
  min-height: 20px;
  min-width: 20px;
}
#adv_ul_field_info{
  margin: 10px;
  border: 1px solid;
}
#adv_remark{
  height: 150px;
}
#adv_ul_field_name {
  border: none;
  background-color: inherit;
}
.adv_ul_attr_area .cmn_checkbox {
  margin: 0;
}
.adv_ul_setting_area .cmn_radio_category {
  padding-left: 10px;
}

/* ユーザレイヤ管理 */
#adv_ul_manage {
	height: calc(100% - 80px);
}
#adv_ul_manage_edit {
	height: calc(100% - 80px);
}
#adv_manage_layer_list {
  height: calc(100% - 430px);
  overflow: auto;
  margin: 0 5px;
  min-height: 80px;
}
#adv_manage_layer_list > li {
  cursor: pointer;
}
#adv_manage_layer_list > li > div {
  display: flex;
}
.adv_manage_list_layer_name {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adv_manage_list_layer_name:hover {
  background-color: rgba(255, 255, 255, 0.62);
}
.adv_manage_list_img_type {
  height: 30px;
  width: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.adv_layer_shape_type_point {
  background-image: url(../img/icon_point.png);
}
.adv_layer_shape_type_line {
  background-image: url(../img/icon_polyline.png);
}
.adv_layer_shape_type_polygon {
  background-image: url(../img/icon_polygon.png);
}
.adv_manage_list_button {
  margin: 2px;
  height: 28px;
  width: 28px;
  border-radius: 20px;
  background-color: #9babfa;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.adv_disabled {
  pointer-events: none;
  background-color: #9c9c9c !important;
}
.adv_manage_edit_button {
  background-image: url(../img/default/pencil1.png);
}
.adv_manage_del_button {
  background-image: url(../img/default/trash.png);
}
.adv_manage_apply_button {
  background-image: url(../img/default/publish.png);
}

/* ユーザレイヤ管理 */
#adv_ul_manage_edit .cmn_radio_label {
  width: 200px;
  margin: auto;
}

#adv_ul_manage_apply {
	height: calc(100% - 80px);
}
#adv_ul_manage_apply .cmn_display_row span {
  white-space: normal;
}
.adv_apply_hope_area :nth-child(1) {
  width : 140px;
}
.adv_apply_hope_area :nth-child(2) {
  width : 140px;
  text-overflow: ellipsis;
}

#adv_ul_hope_group_list_area {
	padding-left: 16px;
	max-height: calc(100% - 260px);
	overflow: auto;
}
#adv_ul_hope_group_list_area .cmn_checkbox {
  margin: 0;
}

/*---------------------
  ネットワーク検索
---------------------*/
#copyright_routesearch_pgr {
    word-wrap: break-word;
    width: 280px;
    white-space: unset;
}

#lbl_na_mobile_selector{
   margin-top : 20px;
}

/*---------------------
  表示設定
---------------------*/
.edt_display_setting_span_block {
  display: block;
  margin: -5px;
  padding: 5px;
}
.edt_display_setting_span_block::before {
  content: '';
  display: inline-block;
  top: 50%;
  float: left;
  margin-top: 6px;
  margin-left: 8px;
  margin-right: 0px;
  border: 6px solid transparent;
  background: none;
}
.edt_display_setting_span_block.opened::before {
  margin-top: 9px;
  margin-left: 6px;
  margin-right: 4px;
  border-left: 6px solid transparent;
}
.edt_display_setting_condition_paragraph {
margin: 10px;
}
#edt_display_setting_accordion_container {
margin: 5px;
}
.edt_display_setting_accordion_input {
display: none;
}
#edt_display_setting_accordion_container label {
cursor: pointer;
}
#edt_display_setting_accordion_container article {
overflow: hidden;
height: 0;
transition: 0.6s;
}
.edt_display_setting_accordion_frame1 {
    border-style: solid solid none solid;
    border-width: 1px;
    padding: 5px;
}
.edt_display_setting_accordion_frame2 {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}
.edt_display_setting_bottom_area > button {
    width: 80px;
    margin-right: 4px;
    margin-left: 4px;
}
.edt_display_setting_bottom_area > button:last-child {
    float: right;
}

/*---------------------
  解析
---------------------*/
/* 解析説明画像 */
#ans_attr_image {
  /* background-image: url(../img/default/analysis/AnalysisAggregateAttributeWizard.png); */
}
#ans_geo_image {
  /* background-image: url(../img/default/analysis/AnalysisAggregateGeometryWizard.png); */
}
#ans_select_image {
  background-image: url(../img/default/analysis/AnalysisSelectWizard.png);
}
#ans_buf_image {
  background-image: url(../img/default/analysis/AnalysisBufferWizard.png);
}
#ans_ins_image {
  background-image: url(../img/default/analysis/AnalysisIntersectWizard.png);
}
#ans_clp_image {
  background-image: url(../img/default/analysis/AnalysisClipWizard.png);
}

.ans_image_area {
  height: 250px;
  width: 250px;
  margin: auto;
  background-size: contain;
  text-align: center;
}
.ans_main_area {
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.ans_aggregate_row {
  display: flex;
}
.ans_aggregate_option {
  padding: 5px;
  margin: 10px;
}
.ans_condition_area {
  height: auto;
  width: 250px;
  margin: auto;
}
.ans_condition_area > div {
  display: flex;
  margin: 5px 5px;
}
.ans_condition_area > .ans_condition_output_area {
  margin-top: 15px;
  display: block;
}
.ans_condition_output_area > div {
  margin-left: 40px;
}
.ans_complete_area {
  margin: 5px;
}
.ans_condition_layer_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ans_condition_filter {
  word-break: break-all;
}

/* フィルタ */
#ans_filter_main {
  padding: 5px;
}
#ans_filter_main > li > span {
  margin: 5px 0;
}

#ans_filter_main{
  margin-left: 5px;
}

/*詳細表示ボタン*/
.ans_filter_get_value.cmn_button {
  border-radius: 20px;
  height: 26px !important;
  width: 26px !important;
  padding: 0px;
  line-height: 26px;
  margin: 5px;
}
.ans_filter_get_value.cmn_button.cmn_button_disabled {
  border-radius: 20px;
  height: 26px !important;
  width: 26px !important;
  padding: 0px;
  line-height: 26px;
}

.ans_filter_conjunction{
  width: 50px;
  margin-top: 5px;
}

/*フィルタセレクトボックス*/
.ans_filter_field{
  width: 120px;
  margin-top: 5px;
}

/* フッタ */
#ans_footer {
  padding: 10px;
}
#ans_footer_functions > span {
  margin: 0 5px;
}
#ans_footer_functions .cmn_button {
  min-width: 45px;
  margin: 5px;
}

.ans_filter_operator{
  width: 65px;
  margin-top: 5px;
}

.ans_filter_text{
  width: 237px;
}

#ans_filter_value_select {
  width: 280px;
  margin: 10px;
}
#ans_filter_main .cmn_select_container {
  display: inline-block;
}

/* 属性集計 */
#ans_attr_result_dialog .cmn_display_row {
  margin: 0;
}
#ans_attr_result_dialog .cmn_display_row > span:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

#ans_geo_result_dialog .cmn_display_row {
  margin: 0;
}
#ans_geo_result_dialog .cmn_display_row > span:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/* バッファ */
#ans_buf_distance {
  width: 60px;
  height: 25px;
}
#ans_buf_unit {
  width: 50px;
}


/* フッタボタン */
.ans_ft_btn_left {
  position: absolute;
  left: 10px;
  bottom: 40px;
}
.ans_ft_btn_center {
  position: absolute;
  left: 90px;
  bottom: 40px;
}
.ans_ft_btn_right {
  position: absolute;
  right: 10px;
  bottom: 40px;
}

.ans_clp_filter {
  border-radius: 6px;
  margin: 0 0 10px 0;
}
.ans_clp_3.ans_wizard {
  padding: 5px;
}
.ans_clp_3 .comment {
  margin-left: 10px;
}

/*---------------------
  ツール
---------------------*/

/* ブックマーク */
.tol_bookmark_edit {
  background-image: url(../img/default/pencil.png);
}
.tol_bookmark_delete {
  background-image: url(../img/default/trash1.png);
}
.tol_bookmark_edit,
.tol_bookmark_delete {
  float: right;
  margin: 0;
  width: 32px;
  min-width: 0;
  height: 32px;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
.tol_bookmark_rename {
  width: 100px;
}
.tol_bookmark_save,
.tol_bookmark_cancel {
  float: right;
  margin: 0 2px;
}
#tol_bookmark_header {
  margin-left: 10px;
}
#tol_bookmark_name {
  width: 180px;
}
#tol_bookmark_add {
  margin: 10px;
}
#tol_bookmark_list {
  height: calc(100vh - 200px);
  overflow: auto;
}
.tol_bookmark_item {
  height: 36px;
  margin: 0 8px;
}
.tol_bookmark_label {
  display: inline-block;
  width: 200px;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tol_bookmark_label:hover {
  background-color: #b3bce8;
  cursor: pointer;
}
#tol_bookmark_header.disabled,
.tol_bookmark_item.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.tol_bookmark_lock > .tol_bookmark_select_mode > .tol_bookmark_edit,
.tol_bookmark_lock > .tol_bookmark_select_mode > .tol_bookmark_delete {
  display: none;
}

/* 地図URL */
#tol_url_link {
  word-wrap: break-word;
  margin: 10px 15px;
  padding: 10px;
  height: 150px;
  overflow: auto;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

#tol_map_url_mailto {
  margin: 10px 40px;
  padding: 10px 0px 0px 0px;
  width: 200px;
  line-height: 20px;
}

.tol_map_url_title {
  margin: 20px 0px 10px 10px;
  font-size: 15px;
}

#tol_qrcode_img {
  background-image: url(../img/default/noimage.png);
  background-size: contain;
  text-align: center;
  width: 200px;
  height:200px;
  margin-left: 50px;
}

/* タイムスライダ */
#tol_ts_button {
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  margin: 0 10px;
}
#tol_ts_button:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.62);
}
.tol_ts_start {
  background-image: url(../img/default/play.png);
}
.tol_ts_stop {
  background-image: url(../img/default/stop.png);
}
#tol_ts_slider {
  width: 200px;
}

#tol_ts_toc {
  max-height: calc(100vh - 260px);
  overflow: auto;
}
#tol_ts_toc .jstree-icon.jstree-themeicon {
  background-image: url(../img/default/legend/group.png);
  background-position: 4px 4px;
}
#tol_ts_toc .no_checkbox > .jstree-checkbox {
  display: none;
}
/*
#tol_ts_toc a.no_icon > .jstree-icon.jstree-themeicon {
  visibility: hidden;
}
*/
/* リバースジオコーディング */
#tol_reverse_geocoding_container {
  padding: 10px;
}
#tol_reverse_geocoding_address {
  width: 100%;
}
#tol_reverse_geocoding_search {
  position: absolute;
  right: 0;
}

/* LV連携 */
#liveview_control {
  z-index: 0;
  float: left;
}
.liveview_exec_check{
  height: 20px;
  margin: 15px !important;
}
.liveview_exec_check > span {
  font-size: 14px;
}
.radio_liveview_button{
  display: block !important;
  height: 20px !important;
  margin: 15px !important;
}
.radio_liveview_button > span {
  font-size: 14px;
  width: 80% !important;
}

/*---------------------
  タスク管理
---------------------*/
#tsk_active_num {
    position: absolute;
    top: 1px;
    right: 0px;
    width: 30px;
    font-weight: bolder;
    font-size: 150%;
    text-shadow:
        white 2px 0px,  white -2px 0px,
        white 0px -2px, white 0px 2px,
        white 2px 2px , white -2px 2px,
        white 2px -2px, white -2px -2px,
        white 1px 2px,  white -1px 2px,
        white 1px -2px, white -1px -2px,
        white 2px 1px,  white -2px 1px,
        white 2px -1px, white -2px -1px;
}






/*---------------------
  ユーザ
---------------------*/





/*---------------------
  設定
---------------------*/
div[class^="stg_caption_area"] {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
div[class^="stg_caption_area"]>span {
  display: inline-block;
  font-size: 11pt;
  width: 140px;
}

/* ラジオボタン */
label.stg_mouse_scroll_radio {
  text-align: center;
}
label.stg_mouse_scroll_radio span {
  font-size: 11pt;
}
input.stg_mouse_scroll_input {
  margin-top: 8px;
}

/* 表示設定 */
.stg_skin_div {
  margin: 10px;
  padding-right:50px;
  padding-bottom:45px;
}
.stg_skin_item_div {
  width: 36px;
  height: 36px;
  border-radius: 20px;
  margin: 3px;
  box-shadow: 0 0 6px rgba(0,0,0,.18), 0 6px 12px rgba(0,0,0,.36);
  text-align: center;
  line-height:30px;
}

.stg_skin_item_div:hover{
  filter:alpha(opacity=70);
  opacity:0.7;
}

.stg_skin_item_div:active{
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
}
.stg_skin_item_div_left {
  float: left;
}

.stg_skin_div_top {
  margin-left: 15px;
  margin-top: 20px;
}

.stg_div {
  height:42px;
  display:inline-flex;
}
.stg_menu_div {
  margin:10px;
  width: 180px;
}
.stg_btn {
  width: 60px;
  height: 30px !important;
  line-height: 24px !important;
  border-radius: 3px;
  border: none;
  outline: none;
}

/*---------------------
  スナップ/トレース START
---------------------*/
.snap_trace_button_container {
  height: 36px;
}
.snap_trace_button_container > button{
  float: right;
  margin: 2px 4px;
}
.snap_trace_button {
  background-image: url(../img/blue/sidemenu/tab/setting.png) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#stg_snap_trace {
  margin: 10px;
}
#stg_snap_trace ul {
  max-height: calc(100vh - 320px);
  overflow: auto;
}
#stg_snap_trace ul li > div {
  display: flex;

}
#stg_snap_trace ul li > div > div {
  width: calc(100% / 3);
  text-align: center;
  word-wrap: break-word;
}

#stg_snap_trace ul li > div > input {
  width: calc(100% / 3);
  text-align: center;
}

#stg_snap_radio_area {
  margin: 10px 30px;
}
#stg_snap_radio_area > div >input:last-child {
  margin-left: 30px
}
#stg_layer_grid .cmn_checkbox {
  display: inline;
}

/*---------------------
  スナップ/トレース END
---------------------*/

/*---------------------
  ユーザレイヤ START
---------------------*/
.adv_apply_half_button {
    margin: 1px 2px;
}
.adv_apply_full_button {
    margin: 1px 2px;
    width: 96%;
}

#adv_apply_condition_area div {
  padding: 8px;
}
.adv_apply_info_select {
  width: 120px;
  float: right;
}
#adv_apply_list_area {
  margin: 10px;
}
#adv_apply_list_area ul {
  max-height: calc(100vh - 280px);
  overflow: auto;
}
#adv_apply_list_area ul li > div {
  display: flex;
}
#adv_apply_list_area ul li > div > div {
  width: calc(100% / 6);
  text-align: center;
  padding: 8px 0px;
}
#adv_apply_list_area ul li > div > div:first-child {
  width: calc(100% / 3);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#adv_apply_list_area ul li > div > div:last-child {
  width: calc(100% / 2);
  text-align: center;
}
#adv_apply_list_area ul li > div > input {
  width: calc(100% / 3);
  text-align: center;
}
 /* ユーザレイヤ申請詳細画面 */
#adv_apply_detail_info_area {
  margin: 10px;
  padding: 8px;
}
#adv_apply_detail_info {
  padding: 8px;
}
#adv_apply_detail_info_area ul {
  max-height: calc(100vh - 280px);
  overflow: auto;
}
#adv_apply_detail_info_area ul li > div {
  display: flex;
}
#adv_apply_detail_info_area ul li > div > div {
  padding-right: 16px;
}
/*
#adv_apply_detail_info_area ul li > div > div {
  width: calc(100% / 6);
  text-align: center;
  padding: 0px 8px;
}
#adv_apply_detail_info_area ul li > div > div:first-child {
  width: calc(100% / 3);
  text-align: center;
}
#adv_apply_detail_info_area ul li > div > div:last-child {
  width: calc(100% / 2);
  text-align: center;
}
#adv_apply_detail_info_area ul li > div > input {
  width: calc(100% / 3);
  text-align: center;
}
*/
#adv_apply_detail_info_area ul li > div > textarea {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 64px;
  margin-bottom: 16px;
}
#adv_apply_detail_info_head_area ul li > div {
  padding: 8px 0px 16px 0px;
}
#adv_apply_detail_info_head_area {
  width: 260px;
  word-break: break-all;
  margin-bottom: 10px;
}
#adv_apply_detail_info_head_area > span {
  margin-right: 5px;
}
#adv_apply_detail_info_head_area > div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*---------------------
  ユーザレイヤ END
---------------------*/

/*---------------------
  アドレスマッチング START
---------------------*/

#ans_matching_file_select_area > * {
    float:left;
}
#ans_matching_file_select_area > *:last-child {
    float:right;
}
#ans_matching_file_select_area > .button_radio > label > span {
    padding: 6px;
}
#ans_matching_tab_1,
#ans_matching_tab_2,
#ans_matching_tab_3
 {
	height: 100%;
}
.ans_matching_container_body {
  width: 100%;
  /* height: calc(100vh - 620px); */
  /* min-height: 100px; */
  overflow: auto;
}
#ans_matching_data_area_accordion {
  height: calc(100vh - 640px);
  min-height: 100px;
  overflow: auto;
}
#ans_matching_data_area_count {
  margin: 2px;
}
#ans_matching_file_drag_target {
  height: calc(100vh - 640px);
  min-height: 80px;
}
.ans_matching_bottom_area > button {
    width: 80px;
    margin-right: 2px;
    margin-left: 2px;
}
.ans_matching_bottom_area > button:last-child {
    float: right;
}
#ans_matching_start_btn {
    width: 160px;
}
#ans_matching_tab_3_next_btn {
    width: 104px;
}
.ans_matching_float_clear {
    clear: both;
}
#ans_matching_save_area > div:last-child {
    padding: 2px 0;
}
#ans_matching_save_area > div:last-child > button {
    margin: 5px 4px 20px 2px;
}
.ans_matching_bottom_area {
    margin-top: 0;
}
#ans_matching_results_area {
    padding-left: 8px;
    padding-right: 8px;
}
#ans_matching_results_grid {
    overflow: hidden;
}
#ans_matching_tab_2_move_btn {
    float:right;
}
.ans_matching_common_btn {
    width: 80px;
}
.ans_matching_layer_select_area {
	height: calc(100% - 80px);
}
.ans_matching_layer_select_area > div > div {
    padding-left: 32px;
}
.ans_matching_layer_select_area > div > div:first-child {
    padding-left: 8px;
}
.ans_matching_warning_comment {
    color: red;
}
#ans_matching_data_relation {
	width: 100%;
}
#ans_matching_data_relation > div {
	width: 48%;
}
#ans_matching_data_relation > div:first-child {
	float: left;
}
#ans_matching_data_relation > div:last-child {
	float: right;
}
#ans_matching_field_area {
    height: 360px;
}
#ans_matching_field_area_grid {
    width: 100%;
    height: 100%;
}

/*---------------------
  表示設定（点・線・面）
---------------------*/

.display_setting_button_container {
	float: right;
	padding-top: 8px;
	padding-right: 8px;
}

.display_setting_button {
  background-image: url(../img/default/pencil.png) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/*---------------------
  ファイル読み込み
---------------------*/
#sidemenu_sub_menu_edit_file_content {
  height: calc(100vh - 125px);
  overflow: auto;
}
div[data-id=edt_loadfile_file_area] * {
	float:left;
}
div[data-id=edt_loadfile_file_area] * span {
	padding: 6px;
}
.edt_csvfile_bottom_area > * {
	float: left;
	margin: 4px;
}
.edt_loadfile_container_body {
  width: 100%;
  /* height: calc(100% - 200px); */
  /* overflow: auto; */
  /* min-height: 150px; */
}
/*
.edt_loadfile_container_body_2 {
  width: 100%;
  height: calc(100% - 246px);
  overflow: auto;
  min-height: 150px;
}
*/
.edt_loadexiffile_container_body {
	width: 100%;
	height: calc(100% - 300px);
	overflow: auto;
  min-height: 150px;
}
#edt_loadexiffile_read_btn,
#edt_loadexiffile_clear_btn,
#edt_loadexiffile_outputerror_btn {
  margin: 5px;
}

#edt_loadexiffile_drop {
  height: calc(100vh - 300px);
  min-height: 130px;
}
/* #1965 Mod >>> */
#edt_csvfile_drop {
  height: calc(100vh - 550px);
  min-height: 130px;
}
/* #1965 Mod <<< */
div[data-id=edt_loadfile_drop_area] .cmn_drop_area {
    height: calc(100vh - 420px);
    min-height: 100px;
}
[id^='edt_loadfile_result_count_'] {
  margin: 2px;
}
[id^='edt_loadfile_result_grid_'] {
  height: calc(100vh - 420px);
  min-height: 100px;
  overflow: auto;
}

/*---------------------
  画像ポップアップ表示
---------------------*/
.cmn_popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 80px;
}
.cmn_popup:after, .cmn_popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.cmn_popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.cmn_popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

/*---------------------
  座標プロット（CSV取込）
---------------------*/
#edt_csvfile_file_area * {
	float:left;
}
#edt_csvfile_file_area * span {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 2px;
	padding-right: 2px;
}

.cmn_float_clear {
	clear: both;
}
.edt_csvfile_container_body {
  width: 100%;
  /* height: calc(100% - 280px); */
  /* overflow: auto; */
  /* min-height: 150px; */
}
/* #1965 Mod >>> */
#edt_csvfile_result_grid {
  height: calc(100vh - 550px);
  min-height: 100px;
  overflow: auto;
}
/* #1965 Mod <<< */
#edt_csvfile_tab_1,
#edt_csvfile_tab_2,
#edt_csvfile_tab_3 {
	height: 100%;
}
.edt_csvfile_tab2_container_body {
	width: 100%;
	height: calc(100% - 120px);
	overflow: auto;
}
.edt_csvfile_tag3_container_body {
	width: 100%;
	height: calc(100% - 120px);
	overflow: auto;
}
#edt_csvfile_edit_btn {
	border: none;
}
#edt_csvfile_edit_btn[disabled] {
	box-shadow: none;
	cursor: default;
}

/*---------------------
  補助点入力
---------------------*/

input[name=edt_auxiliary_mode] + span {
	width: 48px;
	height: 48px;
}
.edt_auxiliary_bottom {
	margin-top: 48px;
}
.edt_auxiliary_bottom > * {
	float: right;
}

/*---------------------
  属性一括更新
---------------------*/
#edt_bulk_tab_1,
[data-id=edt_bulk_tab_2] {
	height: 100%;
	width: 100%;
}
#edt_bulk_tab_1_container_body {
	max-height: calc(100vh - 260px);
    border: solid 1px white;
    margin: 10px;
	overflow: auto;
}
#edt_bulk_next_btn,
[data-id=edt_bulk_csv_out_btn],
[data-id=edt_bulk_shape_update_btn] {
	float: right;
}
[data-id=edt_bulk_btn_container] > * {
	float: left;
}
[data-id=edt_bulk_file_read_btn] {
	float: right;
}
#edt_bulk_btn_container > *:last-child {
	float: right;
}
[data-id=edt_bulk_drop_area] {
  height: calc(100vh - 320px);
}
[data-id=edt_bulk_data_area_container_body] {
  padding-left: 8px;
  padding-right: 8px;
  height: calc(100vh - 480px);
  min-height: 200px;
  /* overflow: auto; */
}
#edt_bulk_clear_btn,
#edt_bulk_update_btn {
  width: 112px;
}

[data-id=edt_bulk_data_area] button[data-id^=edt_bulk_] {
  margin: 5px 9px 20px 9px;
}

/*---------------------
  アドレスマッチング END
---------------------*/
[data-id=edt_exportlayer_name_label] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
[data-id=edt_exportlayer_field_area_grid] {
  height: 100%;
  width: 100%;
  overflow: auto;
}
[data-id=edt_exportlayer_field_area_grid] .handsontableInputHolder .wtHolder {
  overflow-x: hidden;
}
.edt_exportlayer_bottom_area {
	margin-top: 24px;
}


/*---------------------
  ユーザ情報
---------------------*/
/* ユーザ情報 */
#usr_user_info {
  padding: 10px;
}
.usr_info {
  margin-bottom: 10px;
}
.usr_label {
  display: inline-block;
  width: 100px;
}
.usr_label + span::before {
  content: '：';
}
#usr_user_info input[type="password"] {
  width: 270px;
}
#usr_password_update {
  position: absolute;
  right: 2px;
}

/*---------------------
  タスク管理
---------------------*/
#tsk_active_num {
    color: #062054 !important;
}
.tsk_task_list_low {
    width: 100%;
    display:flex;
    border-bottom: solid 2px #9babfa !important;
}
.tsk_task_list_icon {
    width: 15%;
    float: left;
}
.tsk_task_list_message {
    width: 45%;
    float: left;
    padding-top: 10px;
}
.tsk_task_list_message_upper_row {
    font-size: 12px;
    margin: 0px;
    word-break: break-all;
}
.tsk_task_list_message_lower_row {
    font-size: 9px;
    margin: 0px;
    word-break: break-all;
}
.tsk_task_icon_ok {
    background-image: url('../img/blue/task_ok.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    min-height:90px;
}
.tsk_task_icon_error {
    background-image: url('../img/blue/task_error.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    min-height:90px;
}
.tsk_task_icon_cancel {
    background-image: url('../img/blue/task_cancel.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    min-height:90px;
}
.tsk_task_icon_loading {
    background-image: url('../img/blue/loading.gif');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    min-height:90px;
}
.tsk_task_list_button {
    width: 40%;
    float: left;
    padding-top: 5px;
}
.tsk_list_button {
    width: 95px;
    margin: 5px;
}
.tsk_all_close_button {
    width: 200px;
    margin: 5px;
}
.tsk_button_center {
    width: 100%;
    text-align: center;
}

/*---------------------
  ヘルプ
---------------------*/
/* ヘルプ */
.hlp_sys_detail_btn {
  margin-right:50px;
  float: right;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height:30px !important;
  margin-bottom: 40px;
  border-radius: 3px;
  border: none !important;
}
.hlp_sys_img {
  position: absolute;
  margin-top: 50px;
  width: 250px;
}

#hlp_system, #hlp_vendor {
  margin: 10px;
}
#hlp_system > a, #hlp_vendor > a {
  margin-left: 200px;
  padding: 4px 10px;
}
#hlp_system_logo {
  display: inline-block;
  background-image: url(../img/default/aas_logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
  height: 15px;
  width: 230px;
}
#hlp_vendor_logo {
  display: inline-block;
  background-image: url(../img/default/aas_logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
  height: 15px;
  width: 230px;
}

/*---------------------
  連携API
---------------------*/
.extension_frame_container {
  margin: 4px;
}
.extension_frame_container > iframe {
  width: 100%;
  height: calc(100vh - 200px);
  border: 1px solid #aaa;
  background-color: #fff;
}
#sidemenu_tab_extension {
  background-image: url(../img/default/sidemenu/tab/extension.png);
}

/*---------------------
  台帳連携
---------------------*/
.radio_daicho_button{
  display: block !important;
  height: 20px !important;
  margin: 10px 0 25px 0 !important;
}
.daicho_link_button{
  font-size: 12px;
  height: 25px;
  border-radius: 5px !important;
  padding: 3px 0 3px 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/*
 * ライブラリのスタイル変更
 */

/* Openlayers */
.ol-rotate.ol-unselectable.ol-control {
  display: none;
}

/* Handsontable */
.wtHolder {
    width: auto !important;
}
.ht_clone_left .wtHolder {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    width: auto !important;
}
.ht_clone_bottom .wtHolder, .ht_clone_top .wtHolder {
  overflow-x: hidden;
  overflow-y: hidden;
}
.handsontable th, .handsontable td {
  white-space: nowrap;
}
.handsontable th {
  color: #fff;
  background-color: #3f51b5;
}
.handsontable.ht__selection--columns thead th.ht__highlight,.handsontable.ht__selection--rows tbody th.ht__highlight {
  color: #fff;
  background-color: #3f51b5;
}
.handsontable thead th.ht__highlight {
  color: #fff;
  background-color: #3f51b5;
}
.handsontable td, .handsontable .htDimmed {
  color: #000;
  background-color: #fff;
}
.handsontable td.area {
  background: linear-gradient(180deg,rgba(181,209,255,.34) 0,rgba(181,209,255,.34));
}

/* iziToast */
.iziToastClass {
  height: 200px;
  overflow: auto;
}

/* For Debug */
.debugText{
  font-weight: bold;
  animation-name: debugTextGlow;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes debugTextGlow {
  0% {
    color: #FFFFFF;
  }
  50% {
    color: #FF0000;
  }
  100% {
    color: #FFFFFF;
  }
}


/* 画面下部の検索結果用 */
#search_result_bottom #srh_grid_loading {
  background-position: center !important;
}
#search_result_bottom_open {
  border-radius: 5px;
  left: 50%;
  width: 45px;
  height: 30px;
  bottom: 35px;
  position: fixed;
  cursor: pointer;
  transform: translateX(-50%);
  transition: .3s;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 2px 4px 0px rgba(0,0,0,0.31);
  transition-delay: .3s;
  background-color: rgb(63, 81, 181);
  background-image: url(../img/default/grid.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#search_result_bottom_open:active {
  bottom: 34px;
}
#search_result_bottom {
  transform-origin: 50% bottom;
  height: 180px;
  position: relative;
  border-top: solid 1px;
  z-index: 1;
}
#tmp_cursor {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  cursor: row-resize;
}
#tmp_resize {
  position: fixed;
  width: 100vw;
  height: 4px;
  top: 0;
  left: 0;
  z-index: 998;
  background: rgba(0, 0, 0, .3);
  cursor: row-resize;
}
#search_result_bottom .srh_grid_condition_area {
  flex-wrap: wrap;
  height: auto;
  margin-right: 60px;
}
#search_result_resize {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  cursor: row-resize;
}
/* #search_result_resize:hover,
#search_result_resize.resize {
  background: rgba(0, 0, 0, .3);
  top: -2px;
  height: 4px;
} */
.search_result_bottom_head {
  position: absolute;
  top: 3px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#search_result_bottom_minimize {
  right: 40px;
  background-size: 20px;
  background-position: center;
  background-image: url(../img/default/minus.png);
}
#search_result_bottom_minimize:hover {
  opacity: .7;
}
#search_result_bottom_close {
  right: 5px;
  background-color: #3f51b5;
  border: 1px solid rgba(1, 1, 1, 0);
}
#search_result_bottom_close::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background-image: url("../js/lib/jquery/images/ui-icons_ffffff_256x240.png");
  background-repeat: no-repeat;
  background-position: -96px -128px;
}
#search_result_bottom_close:hover {
  background-color: #9babfa;
  border: 1px solid #8997dc;
}
#search_result_bottom_close:hover::before {
  background-image: url("../js/lib/jquery/images/ui-icons_555555_256x240.png");
}
#search_result_bottom_close:active::before {
  background-image: url("../js/lib/jquery/images/ui-icons_ffffff_256x240.png");
}
#search_result_bottom .search_result_bottom_content {
  background-color: #d3dafd;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
}
#search_result_bottom_open.hide {
  bottom: 0;
  transition-delay: 0;
}
#search_result_bottom_content .srh_grid_condition_area {
  align-items: center;
}
#search_result_bottom_content .cmn_select_container {
  display: inline-block;
  width: auto;
  z-index: 0;
}
#search_result_bottom_content .srh_layer_group_footer_text,
#search_result_bottom_content .srh_result_count {
  margin-top: 4px !important;
}
#search_result_bottom_content .srh_grid_footer {
  width: 100% !important;
  min-height: 0 !important;
  height: 24px !important;
}
#search_result_bottom_content .srh_grid_footer > div {
  display: inline-block;
  float: none;
}
#search_result_bottom_content .srh_layer_group_footer_button,
#search_result_bottom_content .srh_result_count {
  vertical-align: top;
}

.ol-dragbox-tool {
  background-color: rgba(255, 0, 0, .4);
  border-color: rgb(255, 0, 0);
}
/* ol.Overlayのマウスイベント無効化 */
.ol-overlay-container, .ol-selectable {
  pointer-events: none;
}
.ol-overlay-container, .ol-selectable .srh_ballon_container {
  pointer-events: all;
}
.ol-grab .annotation-overlay,
.annotation-overlay-move {
  cursor: move;
}

/* ラスター取り込み */
.edt_raster_file_select_button {
  display: flex;
  margin-bottom: 10px;
}
#raster_file_view {
  width: 290px;
  height: 290px;
  margin: auto;
  border: solid 1px;
  box-sizing: border-box;
  background: rgba(0,0,0,.5);
  position: relative;
}
#raster_file_view > #cmn_panel_loading {
  top: 0;
  left: 0;
}
.raster_file_view_controls {
  width: 28px;
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
}
.raster_file_view_controls > button {
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin: 2px 0;
  position: relative;
}
.raster_file_view_controls > button:nth-child(1) {
  margin-top: 0;
}
#raster_file_view_controls_zoomin {
  background-image: url(../img/default/map_control/zoomin/plus.png);
}
#raster_file_view_controls_zoomout {
  background-image: url(../img/default/map_control/zoomout/minus.png);
}
#raster_file_view_controls_fit {
  background-image: url(../img/default/map_control/overall/earth.png);
}
.coordinate_select_buttons {
  text-align: center;
}
.coordinate_select_buttons > button {
  height: auto;
  padding: 5px 15px;
}
.coordinate_select_buttons > button.deactive {
  background-color: #8997dc;
}
.coordinate_select_buttons > button.deactive:focus,
.coordinate_select_buttons > button.deactive:hover {
  background-color: #9babfa !important;
}
.map_coordinate_wrapper {
  border: solid .5px;
  width: calc(100% - 10px);
  padding: 5px;
  box-sizing: border-box;
  margin: 10px 5px;
}
.map_coordinate {
  margin: 10px 0;
}
.map_coordinate_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0;
}
.map_coordinate_row > label {
  width: 50px;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
}
.map_coordinate_row > input {
  width: calc(100% - 50px);
}
#edt_raster_layer_name {
  width: calc(100% - 100px);
}
#edt_raster_layer_name,
.map_coordinate_row > input {
  height: 24px;
  border-radius: 6px;
  outline: 0;
  border: solid 1px;
}
.edt_raster_layer_name {
  margin: 10px;
  display: flex;
  justify-content: space-between;
}
.edt_raster_footer {
  display: flex;
  justify-content: space-between;
}