/*

  Copyright 2010 National Institute of Advanced Industrial Science and Technology (AIST)

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.

*/


@import "xslt_style.css";

body{
  background: #666;
  margin: 0px;
  font-family: 'Lucida Console', 'Sim Hei', ' ｭ ｳ 繧ｴ繧ｷ繝 け', monospace;
}

body table{
  width: 100%;
  height: 100%;
}

body select{
  width: 100%;
}

body button{
  cursor: pointer;
}

.iepngfix{
  behavior: url("./css/iepngfix.htc")
}

#header{
  height: 20px;
}

#footer{
  height: 15px;
}

#gms_dialog{
  display: none;
  overflow: auto;
  font-size: small;
}
.gms_panel .menu_title{
  background-image: url("../../../base/img/menu_title_red.png");
  color: #FFF;
  text-align: center;
  height: 20px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.gms_panel .menu_item{
  width: 100%;
}
.gms_panel .menu_content{
  font-size: small;
  overflow: auto !important;
}

#menu_basemap{
  font-size: small;
  overflow: auto !important;
}

.gms_panel .menu_content fieldset{
  /* width: 220px; */
  padding: 5px;
  margin: 5px;
}
.span_button{
  border: 1px solid #555;
  background-color: #CCC;
  padding: 1px 4px;
  font-size: small;
  cursor: pointer;
}

#menu{
  width: 100%;
  border: 1px solid #CCC;
  vertical-align: top;
  z-index: 2000;
  background: #FFF;
}

#menu_panel{
  width: 220px;
}

#menu_header{
  height: 24px;
  background-image: url("../../../base/img/menu_bar_red.png");
  text-align: center;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
}

#search_catalogs{
  display: none;
  background: #EEE;
  border: 1px solid #DDD;
  margin: 5px;
  width: auto;
}

#search_catalog_list{
  overflow: auto;
  padding-bottom: 10px;
  width: 98%;
}

#search_catalog_list table{
  height: auto;
  width: 90%;
}

#search_catalog_list .catalog_title{
  cursor: pointer;
}

#search_catalog_list .catalog_title a{
  color: #000;
  text-decoration: none;
}

#search_catalog_list .catalog_title a:hover{
  color: #F00;
}

.listMap{
  cursor:pointer;
  margin:3px;
  padding:3px;
  background-color:gray;
}

.listMap2{
  cursor:pointer;
  margin:3px;
  padding:3px;
  background-color:LightGrey;
}

#menu_log_area{
  height: 100px;
  overflow: auto;
}
.textbox{
  background-color: #ECFFFF;
}

#search_thumbnail{
  display: none;
}

#layers_panel{
  /*overflow: auto;*/
  position: absolute;
  width: 220px;
}

#layers{
  border: 1px solid #CCC;
  vertical-align: top;
  z-index: 2000;
  background: #FFF;
}

#layers_header{
  height: 24px;
  background-image: url("../../../base/img/menu_bar_blue.png");
  text-align: center;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
}

#layers .menu_title{
  background-image: url("../../../base/img/menu_title_blue.png");
  color: #FFF;
  text-align: center;
  height: 20px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.selected_layer{
  margin: 3px;
  border: 1px solid #CCC;
  background: #EEE;
  cursor: pointer;
  word-break: break-all;
}
.selected_layer a{
  color: #000;
  text-decoration: none;
}
.selected_layer a:hover{
  color: #F00;
}

#legend_graphic{
  display: none;
  overflow: auto;
  padding: 5px;
}

#legend_graphic h3{
  margin-bottom: 3px;
  margin-left: 5px;
}

#legend_graphic img{
  margin-left: 10px;
}

#legend_graphic hr{
  width: 90%;
}

/* for layer_ope div selectedlayers.html */
#layer_ope,#layer_ope_titan2d {
  border: solid 1px #999;
  background-color: #AAA;
  padding: 5px;
  width: auto;
  height: 16px;
}

#layer_ope img,#layer_ope_titan2d img {
  cursor: pointer;
}

#layer_ope_tools,#layer_ope_tools_titan2d {
  float: left;
}

#layer_opacity,#layer_opacity_titan2d {
  font-size: small;
  width: 70px;
  float: left;
  margin-left: 10px;
  top: -5px;
}

#layer_ope span,#layer_ope_titan2d span {
  margin-left: 5px;
}

#slider_opac,#slider_opac_titan2d {
  margin-top: 2px;
}

/* for layer_base_ope div selectedlayers.html */
#layer_base_ope{
  border: solid 1px #999;
  background-color: #AAA;
  padding: 5px;
  width: auto;
  height: 16px;
}

#layer_base_ope img{
  cursor: pointer;
}

#layer_base_ope_tools{
  float: left;
}

#layer_base_opacity{
  font-size: small;
  width: 70px;
  float: left;
  margin-left: 10px;
  top: -5px;
}

#layer_base_ope span{
  margin-left: 5px;
}

#slider_base_opac{
  margin-top: 2px;
}

#map{
  height: auto;
  width: auto;
  border: 1px solid #000;
  padding: 0px;
  background: #000;
}

#gms_loader{
  position: absolute;
  display: none;
}

/* TOOLBAR */
#toolbar{
  height: 30px;
  border: 1px solid #555;
  background: #EBEBEB;
}

#toolbar .GMSToolbar{
  height: 30px;
  width: 100%;
  /* IE6縺ｧheight縺悟､ｧ縺阪￥縺ｪ縺｣縺ｦ縺励∪縺｣縺溷撫鬘悟屓驕ｿ縺ｮ縺溘ａ */
  overflow: hidden;
}

#toolbar .GMSToolbar div{
  width: 24px;
  height: 24px;
  cursor: pointer;
}

#toolbar .toolbar_logoItemInactive{
  background-image: url("../../../base/img/G-EVER_logo.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_titleItemInactive{
  background-repeat: no-repeat;
}

#toolbar .toolbar_zoomBoxItemActive{
  background-image: url("../../../base/img/toolbar/icon_zoom.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_zoomBoxItemInactive{
  background-image: url("../../../base/img/toolbar/icon_zoom.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_panItemActive{
  background-image: url("../../../base/img/toolbar/icon_pan.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_panItemInactive{
  background-image: url("../../../base/img/toolbar/icon_pan.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_bboxItemActive{
  background-image: url("../img/toolbar/icon_bbox.png");
  background-color: #F6BE73;
  /*background-color: #E15959;*/
  background-repeat: no-repeat;
}

#toolbar .toolbar_bboxItemInactive{
  background-image: url("../img/toolbar/icon_bbox.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_measureItemActive{
  background-position:center center;
  background-image:url("../../../../../js/OpenLayers-2.13.1/img/measuring-stick-on.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_measureItemInactive{
  background-image:url("../../../../../js/OpenLayers-2.13.1/img/measuring-stick-off.png");
  background-position:center center;
  background-repeat: no-repeat;
}

#toolbar .toolbar_infoItemActive{
  background-image: url("../../../base/img/toolbar/icon_volcano.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_infoItemInactive{
  background-image: url("../../../base/img/toolbar/icon_volcano.png");
  background-repeat: no-repeat;
}

/* 202302 火口情報用追加 */
#toolbar .toolbar_craterinfoItemActive{
  background-image: url("../../../base/img/toolbar/icon_crater.png");  
  background-color: #F6BE73;
  background-repeat: no-repeat;
}
#toolbar .toolbar_craterinfoItemInactive{
  background-image: url("../../../base/img/toolbar/icon_crater.png");  
  background-repeat: no-repeat;
}

#toolbar .toolbar_fullmapItemActive{
  background-position: center center;
  background-image: url("../../../base/js/FullMap/img/toolbar/icon_world.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_fullmapItemInactive{
  background-image: url("../../../base/js/FullMap/img/toolbar/icon_world.png");
  background-position: center center;
  background-repeat: no-repeat;
}

#toolbar .toolbar_zoomInItemActive{
  background-image: url("../../../base/img/toolbar/icon_zoomin.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_zoomInItemInactive{
  background-image: url("../../../base/img/toolbar/icon_zoomin.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_zoomOutItemActive{
  background-image: url("../../../base/img/toolbar/icon_zoomout.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_zoomOutItemInactive{
  background-image: url("../../../base/img/toolbar/icon_zoomout.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_volcano_pointItemActive{
  background-image: url("../img/toolbar/icon_volcano_point_on.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_volcano_pointItemInactive{
  background-image: url("../img/toolbar/icon_volcano_point_off.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_volcano_areaItemActive{
  background-image: url("../img/toolbar/icon_volcano_area_on.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_volcano_areaItemInactive{
  background-image: url("../img/toolbar/icon_volcano_area_off.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_volcano_lineItemActive{
  background-image: url("../img/toolbar/icon_volcano_line_on.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_volcano_lineItemInactive{
  background-image: url("../img/toolbar/icon_volcano_line_off.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_volcano_helpItemActive{
  background-image: url("../img/toolbar/icon_help.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_volcano_helpItemInactive{
  background-image: url("../img/toolbar/icon_help.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_exitItemActive{
  background-image: url("../../../base/js/Exit/img/toolbar/icon_exit.png");
  background-color: #F6BE73;
  background-repeat: no-repeat;
}

#toolbar .toolbar_exitItemInactive{
  background-image: url("../../../base/js/Exit/img/toolbar/icon_exit.png");
  background-repeat: no-repeat;
}

#toolbar .toolbar_contactItemInactive{
  background-repeat: no-repeat;
}

#toolbar .toolbar_gsjlogoItemInactive{
  background-image: url("../../../base/img/gsj_logo2.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#toolbar .toolbar_gsjlogoItemInactive_en{
  background-image: url("../../../base/img/gsj_logo3_en.png");
  background-repeat: no-repeat;
  background-size: contain;
}


/* tooltip */
#jHelperTipAttrContainer{
  z-index: 9999;
  font-size: small;
  background: #FFC;
  border: 1px solid #555;
  display: none;
}

#log{
  z-index: 9999;
  font-size: x-small;
  background: #F9EEEE;
  border: 1px solid #CCC;
  width: 98%;
  height: 100px;
  left: 1%;
  bottom: 20px;
  overflow: auto;
  display: none;
  position: absolute;
}

.olcustomLink {
  font-size:x-small;
  bottom:1.7em;
  display:block;
  position:absolute;
  right:3px;
}

/* リスト用 */
.list-map2-legend {
  margin-left: auto;
  margin-right: 0;
  display: block;
  float: right;
}
/* ×アイコン用 */
.ope-remove{
  color: #ff0000;
}
/* 代表的計算結果用 */
.td-examplelist {
  word-break: break-all;
}
#example_dialog {
  display: none;
  overflow: auto;
  font-size: small;
}
/* 計算結果/代表的計算結果リストのアイコン右寄せ */
td .span-icon-right, div .span-icon-right {
  padding: .1rem;
  float: right;
}
td .span-title-left, div .span-title-left div {
  padding: .2rem;
}

/* Font Awesomeアイコン表示関連 */
td .span-icon-right a, div .span-icon-right a {
  text-decoration: none;
}
td .span-icon-right a .fa-download, 
div .span-icon-right a .fa-download,
.fa-layer-group,
.fa-g,
.fa-m,
.fa-l {
  color: #4f9bff!important;
  background-color: #ffffff!important;
  border-color: #4f9bff !important;
}
.fa-download, 
.fa-times, 
.fa-layer-group, 
.fa-share,
.fa-g,
.fa-m,
.fa-l {
  padding: .1em !important;
}
.fa-fw {
  width: 1.1em !important;
}
/* 202302 add ↓ */
.ui-dialog {
  z-index: 1000 !important;
}
.olImageLoadError { 
  /* when OL encounters a 404, don't display the pink image */
  display: none !important;
}
.olControlAttribution {
  padding: 1px 5px !important;
  color: #333 !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.7) !important;
  margin: 0 !important;
  bottom:15px !important;
  right:140px !important;
  font: 400 10px 'roboto ' !important;
}
.olBingAttribution {
  color: #333 !important;
}
div.olControlMousePosition {
  padding: 1px 5px !important;
  color: #333 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  margin: 0 !important;
  bottom:15px !important;
  right:1px !important;
}
/* 202303 add ↑ */

/* 202403 add ↓ */
.pile-table {
  width: 100%;
}
.pile-table td {
  width: calc(100%/3);
}
.disp-inline {
  display: inline;
}
.width-auto {
  width: auto;
}
.talien-right {
  text-align: right;
}
.talien-left {
  text-align: left;
}
.div_mm {
  font-size: small;
  text-align: center;
}
.div_mm legend {
  text-align: left;
}
/* 202403 add ↑ */