@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,button,
input,textarea,button,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option{
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  overflow: hidden;
}
body {
  font-size: 12px;
}
table{border-collapse:collapse;border-spacing:0;}
input, select{vertical-align: middle;line-height: normal;}
fieldset,img{border: none;}
ul {list-style-type: none;}

select {height:20px;font-size:12px;}
input[type="file"]{height:25px;font-size:12px;}

body, #app-header a, #app-header span {
  font-family: verdana, helvetica, Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro', Osaka, arial,tahoma,helvetica,sans-serif!important;
}

/* clear fix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

.pageOverlay {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1001;
  display: block;
}

#loadingOverlay {
  background: #fff;
}
.loadingMessage {
  padding: 25px 40px;
  color: #999;
}
#app-container {
  height: 100%;
  width: 100%;
}
#app-header {
  font-size: 16px;
  line-height: 17px;
}
#app-header a, .dijitPopup a{
  text-decoration: none;
  color: inherit;
  display: inline-block;
  width: 100%;
}
#app-header .app-header-menu-item {
  font-size: 16px;
  line-height: 17px;
}
#user-account {
  float: right;
  vertical-align: middle;
  font-size: 16px;
  padding: 16px 5px 7px;
}
#user-account a {
  width: auto;
}
#user-account span{ margin-left: 1em;}
#app-footer {
  text-align: right;
}

.hanging-indent {
  text-indent : -1em;
  padding-left: 1em;
}

.triangle-left::before, .triangle-right::before, .triangle-bottom::before, .triangle-top::before {content: "";display: inline-block; border: 6px solid transparent;position: relative;}
.triangle-right::before {border-left-color: #555;margin-right: 1px;top: 2px;}
.triangle-left::before {border-right-color: #333;margin-left: -3px;top: 2px;}
.triangle-bottom::before {border-top-color: #333;margin-right: 3px;top: 4px;}
.triangle-top::before {border-bottom-color: #333;margin-right: 3px;margin-left: 3px;top: -2px;}

.linkbtn-like-claro {
  text-decoration: none;
  color: black;
  cursor: pointer;
  /*padding: 0 0.3em;*/
  text-align: center;
  display: inline-block;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  background-color: #bcd8f4;
  background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
  border: 1px solid #759dc0;
  padding: 1px 4px 2px 4px;
}
.linkbtn-like-claro:hover {
  background-color: #86bdf2;
  color: #000000;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

/* panel heading */
.claro .dijitTitlePaneTitle.override {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #b5bcc7;
  background-color: #cfe5fa;
  background-image: url(images/standardGradient.png);
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  _background-image: none;
  font-size: 18px;
}
.claro .dijitTitlePaneTitle.override:lang(ja) {
  padding: 3px 8px 5px;
}
.claro .dijitTitlePaneTitle.override:lang(en) {
  padding: 4px 8px;
}
.claro .dijitTitlePaneTitle.override.adjustable {
  position: relative;
  width: 100%;
}
.claro .dijitTitlePaneTitle.override.ruled-line {
  border: 1px solid #b5bcc7;
}
.claro .dijitTitlePaneTitle.override.ALOS-2 {
  background-color: #e5facf;
}

/* panel result count */
.claro .dijitTitlePaneTitleOpen.ALOS-2 {
  background-color: #e5facf;
}

/* form */
.legend-box legend {
  display: block;
  float: left;
  border: 1px #b5bcc7 solid;
  width: calc(100% - 31px);
  padding: 0.4em 4px;
  margin-left: 3px;
  cursor: pointer;
}
.legend-box div.checkbox-div {
  float:left;
  margin-top: 0.3em;
}
.search-form fieldset {
  margin: 0.7em 0;
}
.form-title {
  border: 1px solid #b5bcc7;
  padding: 0.4em;
  margin: 0.5em 0;
}
.colored-form-title{
    background-color: #5B9BD5;
    color: white;
}
.colored-form-title.ALOS-2{
    background-color: #70AD47;
    color: white;
}
.form-indent {
  padding-left: 1em;
}
.form-item {
  margin: 0.3em 0;
}
.form-label {
  width: 115px;
  display: inline-block;
  word-wrap: break-word;
  white-space: normal;
  vertical-align: middle;
}
.form-region {
  width: 300px;
}
.region-bottom {
  text-align: right;
}
.region-up > div,
.region-bottom > div{
  display: inline-block;
}
.up-right-line > div {
  position: relative;
  top: 6px;
  width: 35px;
  height: 13px;
  border: solid;
  border-width: 7px 7px 0 0;
}
.bottom-left-line > div {
  width: 35px;
  height: 13px;
  border: solid;
  border-width: 0 0 7px 7px;
  margin-bottom: 20px;
}
.search-region input[type="text"],
.search-region input[type="number"] {
  width: 70px;
}
.lonlat-box input {
  width: 100px !important;
}
.form_table td{
  font-size: 12px;
  padding: 1px;
}

.dialog-item {
  margin: 15px 0;
}
.dialog-btn-area {
  margin: 30px 0 10px 0;
}

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

/* search result */
table.table_like_tabulator {
  font-size: 12px;
  border-collapse: collapse;
}
.table_like_tabulator thead {
  background-color: #e6e6e6;
  color: #555;
  font-weight: 700;
}
.table_like_tabulator th {
  border: 1px solid #999;
  padding: 2px 10px;
  word-break : normal;
}

.table_like_tabulator td {
  border: 1px solid #999;
  padding: 2px 10px;
  word-break : break-all;
}

#content_right .table_like_tabulator td:nth-last-child(2){
  word-break : normal;
}
.polygon-table thead td{
  word-break: normal;
}
.new-line-block{
  display: inline-block;
}
.table_like_tabulator tbody {
  background-color: white;
}
.polygon_hide_line{
  border: none !important;
  white-space: nowrap;
  padding: 0px !important;
}
.search-result-panel{
  display: flex;
  flex-direction: column;
}

/* dojo override */
.dijitTitlePaneTitle {
  cursor: default;
}

/* tabulator override */
.tabulator {
  font-size: 10px;
}
.tabulator input[type="text"]{ font-size:12px;}
.tabulator-col-title {
  text-align: center;
}

#content_left.dojo-layout-base {
  width: 350px;
}

.save-cond-notice {
  margin-top: 5px;
  margin-bottom: 15px;
}

.all-content{
  height: 100%;
  display: flex;
  flex-direction: column;
}

.all-content.no-dojo-layout{
  height: auto;
  min-height: 100%;
}

.dialog-message {
  max-height: 360px; 
  overflow-y: auto;
  width: 100%;
  padding-bottom: 2px;  /* IEで要素が小さいのにスクロールバーが表示されるのを防ぐため余裕を持たせる。*/
}

/* 検索条件保存・読み込みテーブル */
.search-cond-save-table, .search-cond-read-table {
  /* 検索条件名(ユーザ入力部分)のみ改行させる。 */
  white-space: nowrap;
}
.search-cond-save-table td:nth-last-child(1) {
  white-space: normal;
}
.search-cond-read-table td:nth-last-child(2) {
  /* 読み込みテーブルは選択チェックボックスが末尾にあるので二つ目を改行ありにする。 */
  white-space: normal;
}
.float_right {
  float: right;
}

/* 選択用レイヤーのクリックイベント無効 */
#selectedcenter_layer, #selected_layer {
  pointer-events: none;
}