@charset "UTF-8";

body, td, th, select, option {
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","ＭＳ　Ｐゴシック",sans-serif;
    font-weight: lighter;
    letter-spacing: 0;
}


#videoDiv iframe{
  display: block;
  margin: 0px auto;
}

/*
 * legend
 */
.mapLegends .legend .legendIcon {width: 16px; height: 16px; }
.legend { float:left; padding-left: 5px;}
.legendFooter { clear:both; }
#legendPanel .x-window-header {
  position: relative;
}
#legendPanel .x-window-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 60px;
  width: 100%;
  height: 0;
  padding-top: 13px;
  background-image: url(/_common/themes/gis/images/bg_stripe_b.gif);
  background-repeat: repeat-x;
  background-position: left center;
}
#legendPanel .x-window-header:after {
  content: "凡例";
  position: relative;
  float: left;
  line-height: 17px;
  padding-right: 4px;
  font-weight: bold;
  background-color: #F3F3F5;
}
#legendPanel .x-window-header-text {
  display: none;
}
#legendPanel .x-window-ml {
  padding-left: 0;
}
#legendPanel .x-window-mr {
  padding-right: 0;
}
#legendPanel .x-window-mc {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#legendPanel .x-window-bc {
  height: 0;
}
#legendPanel .x-panel-body {
  padding: 8px 5px;
}


/*
 * timeline for map
 */
.chronologies h2 {color: black; font-weight:bold;}
.chronologies h2.share_methanes_create {color: #FF0000 }
.chronologies h2.share_methanes_update {color: #E36600 }
.chronologies h2.share_human_damages_create {color: #FF0000 }
.chronologies h2.share_human_damages_update {color: #E36600 }
.chronologies .share_methanes_create .create {color: #FF0000 }
.chronologies .share_methanes_update .update {color: #E36600 }
.chronologies .share_human_damages_create .create {color: #FF0000 }
.chronologies .share_human_damages_update .update {color: #E36600 }

.chronologies a {color: #0000FF }
.chronologies div { padding: 2px }
.chronologies .chronology .author {color: #666666 }


/*
 * print
 */
#printPanel .x-window-header {
  position: relative;
}
#printPanel .x-window-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 60px;
  width: 100%;
  height: 0;
  padding-top: 13px;
  background-image: url(/_common/themes/gis/images/bg_stripe_b.gif);
  background-repeat: repeat-x;
  background-position: left center;
}
#printPanel .x-window-header:after {
  content: "印刷パネル";
  position: relative;
  float: left;
  line-height: 17px;
  padding-right: 4px;
  font-weight: bold;
  background-color: #F3F3F5;
}
#printPanel .x-window-header-text {
  display: none;
}
#printPanel .x-window-ml {
  padding-left: 0;
}
#printPanel .x-window-mr {
  padding-right: 0;
}
#printPanel .x-window-mc {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#printPanel .x-window-bc {
  height: 0;
}
#printPanel .x-panel-body {
  padding: 8px 5px;
}


/*
 * draw tool
 */
#drawPanel .x-window-header {
  position: relative;
}

#drawPanel .x-window-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 60px;
  width: 100%;
  height: 0;
  padding-top: 13px;
  background-image: url(/_common/themes/gis/images/bg_stripe_b.gif);
  background-repeat: repeat-x;
  background-position: left center;
}
#drawPanel .x-window-header:after {
  content: "作図パネル";
  position: relative;
  float: left;
  line-height: 17px;
  padding-right: 4px;
  font-weight: bold;
  background-color: #F3F3F5;
}
#drawPanel .x-window-header-text {
  display: none;
}
.drawFeatureTool {
  padding: 8px 5px;
  color: #333;
  font-size: 14px;
}
.drawFeatureTool h2 {
  font-size: 100%;
  letter-spacing: 0;
}
.drawFeatureTool .labelText{
  color: #333;
}
.drawFeatureTool hr {
  margin: 8px 0;
}
.drawFeatureTool input {
  font-size: 12px;
}
#drawPanel .x-window-ml {
  padding-left: 0;
}
#drawPanel .x-window-mr {
  padding-right: 0;
}
#drawPanel .x-window-mc {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#drawPanel .x-window-bc {
  height: 0;
}
#drawPanel .x-panel-body {
  padding: 8px 5px;
}


/*
 * link
 */
#linkPanel .x-window-header {
  position: relative;
}
#linkPanel .x-window-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 60px;
  width: 100%;
  height: 0;
  padding-top: 13px;
  background-image: url(/_common/themes/gis/images/bg_stripe_b.gif);
  background-repeat: repeat-x;
  background-position: left center;
}
#linkPanel .x-window-header:after {
  content: "リンクパネル";
  position: relative;
  float: left;
  line-height: 17px;
  padding-right: 4px;
  font-weight: bold;
  background-color: #F3F3F5;
}
#linkPanel .x-window-header-text {
  display: none;
}
#linkPanel .x-window-ml {
  padding-left: 0;
}
#linkPanel .x-window-mr {
  padding-right: 0;
}
#linkPanel .x-window-mc {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#linkPanel .x-window-bc {
  height: 0;
}
#linkPanel .x-panel-body {
  padding: 8px 5px;
}
#linkPanel #map_link_url {
  height: 150px !important;
  padding: 2px;
}

/*
 * help
 */
#helpPanel .x-window-header {
  position: relative;
}
#helpPanel .x-window-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 60px;
  width: 100%;
  height: 0;
  padding-top: 13px;
  background-image: url(/_common/themes/gis/images/bg_stripe_b.gif);
  background-repeat: repeat-x;
  background-position: left center;
}
#helpPanel .x-window-header:after {
  content: "ヘルプパネル";
  position: relative;
  float: left;
  line-height: 17px;
  padding-right: 4px;
  font-weight: bold;
  background-color: #F3F3F5;
}
#helpPanel .x-window-header-text {
  display: none;
}
#helpPanel .x-window-ml {
  padding-left: 0;
}
#helpPanel .x-window-mr {
  padding-right: 0;
}
#helpPanel .x-window-mc {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#helpPanel .x-window-bc {
  height: 0;
}
#helpPanel .x-panel-body {
  padding: 8px 5px;
}


/*
 * measurePanel
 */
#measurePanel .x-window-header {
  position: relative;
}
#measurePanel .x-window-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 60px;
  width: 100%;
  height: 0;
  padding-top: 13px;
  background-image: url(/_common/themes/gis/images/bg_stripe_b.gif);
  background-repeat: repeat-x;
  background-position: left center;
}
#measurePanel .x-window-header:after {
  content: "計測パネル";
  position: relative;
  float: left;
  line-height: 17px;
  padding-right: 4px;
  font-weight: bold;
  background-color: #F3F3F5;
}
#measurePanel .x-window-header-text {
  display: none;
}
#measurePanel .x-window-ml {
  padding-left: 0;
}
#measurePanel .x-window-mr {
  padding-right: 0;
}
#measurePanel .x-window-mc {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#measurePanel .x-window-bc {
  height: 0;
}
#measurePanel .x-panel-body {
  padding: 8px 5px;
}

/* shadow */
#ext-gen142 {
  padding: 16px 8px 9px 10px;
}
#ext-gen147 {
  width: 24px;
  height: 24px;
}
#ext-gen151 {
  padding-top: 5px;
  font-size: 1.2em;
}

/*
 * baseLayerList
 */

#baseLayerList {
  padding: 8px 5px;
  color: #333;
  font-size: 14px;
}


#mapContainer {
  width :100%;
}
#mapShow{
  height: 650px;
}

#header div.printHeader{
  color: #000000;
}
#layerDisplay {
  background: none repeat scroll 0 0 #FFFFFF;
  width: 20%;
  height: 650px;
  float:left;
  overflow: auto;
}
#mapdisplay {
  float:right;
  width: 80%;
  height: 650px;
}
.clearfix:after {
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden;
}
.layerSet{
  color: #000000;
}


/*
 * layerSwitcher
 */
.olControlLayerSwitcher {
  top: 0 !important;
  margin: 0 !important;
}


/*
 * x-toolbar
 */
.x-toolbar-left {
  padding-left: 5px;
}


/*
 * sideMenu
 */
.x-layout-split {
  display: none !important;
}
#toolTab {
  border-right: solid 5px #767676;
}
#toolTab .x-tool {
  top: 8px;
  right: 5px;
  background-image: url("/_common/themes/gis/images/map/btn_bg_arrow_left.gif");
}
#toolTab .x-tool:after {
  z-index: 1000;
}
#toolTab-xcollapsed {
  left: 0 !important;
  padding: 0 3px;
  border: solid 1px #999;
  border-bottom: none;
  background-color: #F3F3F5;
}
#toolTab-xcollapsed div {
  top: 8px;
  margin: 0;
}
#toolTab-xcollapsed .x-tool {
  background-image: url("/_common/themes/gis/images/map/btn_bg_arrow_right.gif")
}
#toolTab .x-tab-panel-header {
  padding-top: 0 !important;
  padding-bottom: 0;
  background-color: #767676 !important;
  border: none;
}
#toolTab .x-tab-strip-wrap {
  position: relative;
  top: 0;
  margin-top: 3px;
  overflow: visible;
}
#toolTab ul.x-tab-strip-top {
  position: relative;
  padding-left: 2px;
  background-image: none;
  background-color: #767676;
  border: none;
}
#toolTab ul.x-tab-strip-top:after {
  content: ".";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #FFF;
  z-index: 1;
}
#toolTab ul.x-tab-strip-top li {
  margin-right: 1px;
}
#toolTab ul.x-tab-strip-top li a {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #D9E9F7;
  border: solid 2px #FFF;
  border-radius: 4px 4px 0 0;
}
#toolTab ul.x-tab-strip-top li a .x-tab-strip-text {
  color: #333;
  font-weight: bold;
}
#toolTab ul.x-tab-strip-top li.x-tab-strip-active a {
  position: relative;
  background-color: #1974CC;
}
#toolTab ul.x-tab-strip-top li.x-tab-strip-active a:after {
  content: ".";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: solid 2px #1974CC;
  z-index: 100;
}
#toolTab ul.x-tab-strip-top li.x-tab-strip-active a .x-tab-strip-text {
  color: #FFF;
}
#toolTab .x-tab-strip-top .x-tab-right,
#toolTab .x-tab-strip-top .x-tab-left,
#toolTab .x-tab-strip-top .x-tab-strip-inner {
  background-image: none;
}
.x-tab-strip span.x-tab-strip-text {
  font-size:12px;
}
#toolTab #mapToolTab {
  border: none;
}
#toolTab .x-tab-panel-body {
  padding: 10px 0;
  background-color: #F5F5F5;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
  border-bottom: none;
}
#toolTab .x-tab-panel-body-top #layerPanel {
  padding: 0;
  border: none;
}
#toolTab .x-tab-panel-body-top #layerSet {
  padding: 0 0 5px;
}
#toolTab .x-tab-panel-body-top #portalSearchResult p {
  margin-bottom: 5px;
  font-size: 90%;
}
#toolTab .x-tab-panel-body-top #portalSearchResult p span {
  color: #D40000;
  font-weight: bold;
}
#toolTab .x-tab-panel-body-top #layerPanel .current a.open {
  margin-bottom: 10px;
  background-color: #1974CC;
  color: #FFF;
}
#toolTab .x-tab-panel-body-top #layerPanel .layerSet {
  padding: 0;
}
#toolTab .x-tab-panel-body-top #layerPanel input {
  float: left;
}
#toolTab .x-tab-panel-body-top #layerPanel .layerSet label {
  display: block;
  padding-left: 3px;
  overflow: hidden;
}
#toolTab .x-tab-panel-body #layerPanel .layerSet .countShow {
  color: #D40000;
  font-weight: bold;
}
#toolTab .x-tab-panel-body-top #layerPanel .layerSet br {
  display: none;
}
#portalSearchResult {
  padding: 0 8px;
}

#mapToolTab {
  padding-left: 0 !important;
}
div.area,
div.name,
div.category,
div.resultMapHeader {
  margin: 0 8px;
  padding: 2px 0;
}
div.resultMapHeader {
  margin-bottom: 5px;
}
#shisetsu {
  margin: 0 8px;
  padding: 10px 8px;
  background-color: #FFF;
  border: solid 1px #999;
  border-radius: 3px;
}
#shisetsu ul li {
  margin-bottom: 10px;
  padding-left: 8px;
  background: url(/_common/themes/gis/images/ic/ic-result_list.png) left 0.4em no-repeat;
}


/*header*/
.x-panel-body {
  border: none !important;
}
#ext-comp-1022 {
  height: 67px !important;
}
#header #headerContainer {
  background: #e4e1dd; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGUxZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #e4e1dd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e1dd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e1dd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#e4e1dd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#e4e1dd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#e4e1dd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e1dd',GradientType=0 ); /* IE6-8 */
  background-color: #E4E1DD;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}
#header #headerBody {
  position: relative;
  top: 0;
  left: 0;
  min-width: 835px;
  height: 67px;
}
#commonHeader {
  max-width: 100% !important;
  padding: 0;
}
.logo {
  position: relative;
  float: left;
  width: 60%;
  padding-top: 8px !important;
  padding-left: 45px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.logo {
  padding-top: 12px !important;
}
}

.logo img,
.logo h1,
.logo span.department {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  zoom: 1;
}
.logo img {
  position: absolute;
  top: 8px;
  left: 0;
}
.logo h1 {
  margin-bottom: -3px;
  padding-top: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.logo h1 {
  margin-bottom: 0;
}
}
.logo h1 a {
  padding-left: 5px;
  color: #000;
  font-size: 24px !important;
  fong-weight: bold;
  text-decoration: none;
}
* html .logo h1 a {
  color: #000 !important;
}
* html .logo h1 a:hover {
  text-decoration: none;
}
.logo span.department {
  display: block !important;
  margin-left: 5px !important;
}
.site-header-toogle {
  display: none;
}
.menu {
  float: right;
  padding-right: 5px;
  font-size: 90%;
}
.upperMenu {
  display: block;
  margin-top: 5px;
  text-align: right;
}
.upperMenu a {
  display: inline-block;
  vertical-align: top;
}
.upperMenu a img {
}
.lowerMenu {
  margin: 10px 0 8px;
  text-align: right;
}
.lowerMenu form {
  padding: 0;
}
input#search-button {
  padding: 2px 3px;
}
input#search-button,  x:-moz-any-link  { padding: 0; }
.lowerMenu a {
  display: inline;
}
.searchContainer {
  display: inline-block;
  padding: 0 0 0 0;
}
#commonHeader .menu form {
  display: inline-block;
  vertical-align: middle;
}
input#search-box {
  width: 125px;
  height: auto;
  padding: 2px 5px 3px;
  border: solid 1px #858585;
}
input#search-button {
  height: auto;
  margin-left: -2px;
  padding: 2px 3px 3px;
  background-color: #FFF;
  border: solid 1px #858585;
  border-radius: 3px;
  cursor: pointer;
  vertical-align: top\9;
}
.lowerMenu a {
  display: inline-block;
  padding: 1px 10px 0;
  background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmRkZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(207,221,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(207,221,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(207,221,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(207,221,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(207,221,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(207,221,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfddff',GradientType=0 ); /* IE6-8 */
  zoom: 1;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  border-right: solid 1px #999;
  color: #333;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
}
.lowerMenu a.toiawase {
}
.lowerMenu a.siteMap {
  border-radius: 0 3px 3px 0;
}

* html .lowerMenu a {
  background-color: #cfddff;
  zoom: 1;
}
/* back--
.lowerMenu a {
  background-image: url(/_common/themes/gis/images/ic/ic_arrow02.gif);
  background-position: left center;
  background-repeat: no-repeat;
  margin-left: 8px;
  padding-left: 9px;
}
-- */

/*--footer--*/
#footer {
  padding: 3px 0 !important;
  background-color: #EBEBEB;
  border-top: solid 1px #999;
}
#footerBody {
  min-width: 900px;
  padding-top: 0 !important;
}
#footerBody .footerLink {
  padding: 5px 10px 10px;
  text-align: center;
}
#footerBody .copyright {
  width: auto !important;
  padding-right: 5px !important;
  text-align: center !important;
}
#footerBody .copyright:before {
  content: "Copyright © 2013 徳島県総合地図提供システム All Rights Reserved.";
  color: #333;
}
#footerBody .copyright a {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.dataLbl {
    display: none;
}

.dataLayersDiv {
    display: none;
}

.gm-style-cc {
  margin-right: 160px;
}
.gmnoprint{
  margin-right: 0 !important;
}
.olControlLayerSwitcher .baseLayersDiv br {
  display: inline;
}