@charset "UTF-8";

/*
 * 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(../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;
}


/*
 * 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, .baseLayers{
  color: #000000;
}


/*header*/
.x-panel-body {
  border: none !important;
}
#header {
}
#header #headerContainer {
  background: -moz-linear-gradient(#FFFFFF,#E4E1DD);
  background: -webkit-gradient(linear,left,top,left,bottom,from(#FFFFFF),to(#E4E1DD));
  background: linear-gradient(#FFFFFF,#E4E1DD);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#E4E1DD');
  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;
  padding-left: 15px;
}

#header h1 img {
  display: inline-block;
  margin-right: 10px;
  padding-bottom: 5px;
  vertical-align: middle;
}

#header .rightMenu {
  float: left;
  height: 67px;
  white-space: nowrap;
}
#header h1 {
  float: left;
  margin-right: 30px;
  font-size: 26px;
  font-weight: bold;
  line-height: 67px;
  white-space: nowrap;
}
#header .department {
  float: left;
  line-height: 67px;
  white-space: nowrap;
}
#header .tokushimahp {
  position: absolute;
  top: 7px;
  right: 5px;
  display: block;
  width: 159px;
  height: 0;
  padding-top: 20px;
  background-image: url(/_common/themes/gis/images/kenHP_a.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}
#header .sougouGIs {
  position: absolute;
  top: 33px;
  right: 5px;
  display: block;
  width: 217px;
  height: 0;
  padding-top: 28px;
  background-image: url(/_common/themes/gis/images/bn_gisportal.png);
  background-repeat: no-repeat;
  overflow: hidden;
}
#header #breadCrumbs {
  padding: 5px 10px;
  border-bottom: solid 1px #999;
}
#header #breadCrumbs a {
  color: #003399;
}

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

.dataLbl {
    display: none;
}

.dataLayersDiv {
    display: none;
}



/*
 * sideMenu
 */
.x-layout-split {
  display: none !important;
}
#toolTab, #rightTabs{
  border-right: solid 5px #767676;
}
#toolTab .x-tool,
#rightTab .x-tool {
  top: 8px;
  right: 5px;
  background-image: url("../images/map/btn_bg_arrow_left.gif");
}
#toolTab .x-tool:after,
#rightTabs .x-tool:after {
  z-index: 1000;
}
#toolTab-xcollapsed,
#rightTab-xcollapsed {
  right: 0 !important;
  padding: 0 3px;
  border: solid 1px #999;
  border-bottom: none;
  background-color: #F3F3F5;
}
#toolTab-xcollapsed div ,
#rightTab-xcollapsed div {
  top: 8px;
  margin: 0;
}
#toolTab-xcollapsed .x-tool,
#rightTab-xcollapsed .x-tool {
  background-image: url("../images/map/btn_bg_arrow_left.gif")
}
#toolTab .x-tab-panel-header,
#rightTab .x-tab-panel-header {
  padding-top: 0 !important;
  padding-bottom: 0;
  background-color: #767676 !important;
  border: none;
}
#toolTab .x-tab-strip-wrap ,
#rightTab .x-tab-strip-wrap {
  position: relative;
  top: 0;
  margin-top: 3px;
  overflow: visible;
}
#toolTab ul.x-tab-strip-top ,
#rightTab 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 ,
#rightTab 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 ,
#rightTab ul.x-tab-strip-top li {
  margin-right: 1px;
}
#toolTab ul.x-tab-strip-top li a ,
#rightTab 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 ,
#rightTab 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 ,
#rightTab 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 ,
#rightTab 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 ,
#rightTab 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,
#rightTab .x-tab-strip-top .x-tab-right,
#rightTab .x-tab-strip-top .x-tab-left,
#rightTab .x-tab-strip-top .x-tab-strip-inner {
  background-image: none;
}
.x-tab-strip span.x-tab-strip-text {
  font-size:12px;
}
#toolTab #mapToolTab ,
#rightTab #pointPanel {
  border: none;
}
#toolTab .x-tab-panel-body,
#rightTab .x-tab-panel-body {
  padding: 10px 0;
  background-color: #F5F5F5;
}
#mapToolTab ,
#pointPanel {
  padding-left: 0 !important;
}
div.geoCodeFormSet{
  padding-left: 5px;
}
#resetResult{
  font-size: 14px;
}
p.geoCopyRight{
  font-size: 10px;
  padding-bottom: 5px;
}
.mapPortalList a,
.mapPortalList a:active,
.mapPortalList a:visited{
  text-decoration:none;
  color: #000;
  margin: 5px;
}
.mapPortalList a:hover{
  position:relative;
  top:1px;
  left:1px;
  color: #000;
}
.mapPortalList div.layerTitle{
  margin-bottom: 5px;
  background-image: url("/_common/js/ExtJs/resources/images/original/ic_plus.gif");
  background-position: 5px center;
  background-repeat: no-repeat;
  background-color: #EDECEC;
  font-weight: bold;
  filter: none;
  padding-left: 20px;
}
.mapPortalList{
  background-color: #FFF;
}
.mapPortalList a.selected div.pointItem{
  background-color: #FFFFCC;
}