/*
//  野生鳥獣対策システム
//  copyright : 2016 株式会社バーテックスシステム
*/

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  font-family: Meiryo UI, sans-serif;
  font-weight: normal;
}

#loading-mask{
    background-color:white;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:20000;
}
#loading{
    height:auto;
    position:absolute;
    left:10%;
    top:10%;
    padding:2px;
    z-index:20001;
}
#loading a {
    color:#225588;
}
#loading .loading-indicator{
    background:white;
    color:#444;
    font:bold 13px Helvetica, Arial, sans-serif;
    height:auto;
    margin:0;
    padding:10px;
}
.settings { background-image:url(/wildlife/js/ext/examples/shared/icons/fam/folder_wrench.png);}
.nav { background-image:url(/wildlife/js//ext/examples/shared/icons/fam/folder_go.png);}
.info { background-image:url(/wildlife/js/ext/examples/shared/icons/fam/information.png);}

.kuma {  
 background-image: url(./img/kuma.png);
 background-size: 32px 32px;
}
.kumaHokaku {  
 background-image: url(./img/kumaHokaku.gif);
 background-size: 32px 32px;
}

.saru {  background-image: url(./img/saru.png);}
.saruHokaku {  background-image: url(./img/saruHokaku.png);}
.sarumure {  
  background-image: url(./img/sarumure.png);
  background-size: 32px 32px:
}

.shutubotu {  background-image: url(./img/shutubotu.png);}
.esabakonseki {  background-image: url(./img/asiato.png);}
.hokaku {  background-image: url(./img/hokaku.png);}

.kamosika {  background-image: url(./img/kamosika.png);}

.sika {  background-image: url(./img/sika.png);}
.sikaHokaku {  background-image: url(./img/sikaHokaku.png);}

.hakubisin {  background-image: url(./img/hakubisin.gif);}
.hakubisinHokaku {  background-image: url(./img/hakubisinHokaku.gif);}

.araiguma {  background-image: url(./img/araiguma.png);}
.araigumaHokaku {  background-image: url(./img/araigumaHokaku.png);}

.anaguma {  background-image: url(./img/anaguma.png);}
.anagumaHokaku {  background-image: url(./img/anagumaHokaku.png);}

.kawau {  background-image: url(./img/kawau.png);}
.sagi {  background-image: url(./img/sagi.png);}
.karasu {  background-image: url(./img/karasu.png);}
.sonota {  background-image: url(./img/sonota.png);}

.kakoiwana {  
  background-image: url(./img/kakoiwana.png);
  background-size: 32px 32px;
}
.hakowana {  background-image: url(./img/hakowana.png);}
.asikukuriwana {  background-image: url(./img/asikukuriwana.png);}
.jyunkai { background-image: url(./img/draw_jyunkai.png);}
.higaiti { background-image: url(./img/draw_higaiti.png);}
.denkimakisaku { background-image: url(./img/draw_denkimakisaku.png);}
.wiremeshsaku { background-image: url(./img/draw_wiremeshsaku.png);}
.sonotasaku { background-image: url(./img/draw_sonotasaku.png);}
.navigate { background-image: url(./img/navigate.png);}

.bogosaku { background-image: url(./img/draw_bogosaku.png);}
.fukugosaku { background-image: url(./img/draw_fukugosaku.png);}

.kosakuhokiti { background-image: url(./img/draw_kosakuhokiti.png);}
.kanribusokuti { background-image: url(./img/draw_.kanribusokuti.png);}
.honinkajyu {  background-image: url(./img/honinkajyu.png);}

.kanshotai { background-image: url(./img/draw_kanshotai.png);}
.footpath { background-image: url(./img/draw_footpath.png);}

.database {  background-image: url(./img/icon/databases.png);}
.search {  background-image: url(./img/icon/search_16.png);}


#north-panel .x-box-inner{
  background: url(./img/banner.png) no-repeat; 
  -moz-background-size:contain;
  background-size:contain; 

  //background-position: center center; 
}
.x-panel-body {
  border-color: #aaa;
  /*
  background-color: #838E9A;
  font-family: "メイリオ", sans-serif;
  */
}
.x-tab-inner {
 font-weight: normal;
 font-size: 14x;
}
/*
#genaratePasswordSpace {
  background-color: #838E9A;
}
*/
#west-panel-body {
  background-color: #ddd;
}
.olButton {
 font-weight: normal;
 font-size: 12px;
 font-family: Meiryo UI, sans-serif;

 /*
 background-color: #ccf;
 */
}

div.olControlLayerSwitcher {
  width: 230px;
}
/*
div.olControlNoSelect {
 width:  230px;
}
*/
.baseLbl {
  width: 280px;
 font-weight: normal;
 font-size: 12px;
 color: #ccffcc;
}
.dataLbl {
 font-weight: normal;
 font-size: 12px;
 color: #ccffcc;
}
.baseLayersDiv {
  height: 90px;
  width: 220px;
  overflow-y: scroll;
}
.dataLayersDiv {
  height: 260px;
  width: 220px;
  overflow-y: scroll;
}

#about_btn-btnInnerEl {
 font-weight: 700;
 font-size: 14px;
 color: #555;
 
}
#about_btn-btnEl { 
  background: url(./img/kagawa_about.png) no-repeat;
  width:312;
  height:22;
}
@-webkit-keyframes anime {
 0%   {left:1000px; -webkit-transform:}
 100% {left:0px;  -webkit-transform:}
}
div#anime> img {
   position:relative;
   top:0;
   left:0;
   -webkit-animation:anime 4s  linear;
   z-index:1;
}
.x-panel-header-text-default {
   font-family:  Meiryo UI, sans-serif;
   font-weight: normal;
   /*
   color: #f00;
   */
}

.prmtcd {
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-size: 9pt;
  padding: 2px;
  background: #fff;
}


.ux-notification-icon-information {
  background-image: url('./img/icon16_info.png');
}

.ux-notification-icon-error {
  background-image: url('./img/icon16_error.png');
}
.ux-notification-light .x-window-header {
	background-color: transparent;
}

body .ux-notification-light {
	background-image: url('./img/fader.png');
}

.ux-notification-light .x-window-body {
	text-align: left;
	padding: 15px 5px 18px 5px;
	width: 200px;
	background-color: transparent;
	border: 0px solid white;
}

.tuhoInfoLeftColumn {
    width: 60px;
}
table.tuhoInfo1{
    //table-layout: fixed;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:separate;
    border-spacing:0;
    background-color:#fff;
    empty-cells:show;
    width: 250px;
    height: 150px;
    font-size: 1.0em;
    font-family: Meiryo UI, sans-serif;
}
.tuhoInfo1 td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:0.1em 0.2em;
    font-size: 12px;

}
.tuhoInfo1 th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background-color:#cc00cc;
    padding:0.3em 1em;
    text-align:center;
}


table.tuhoInfo2{
    //table-layout: fixed;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:separate;
    border-spacing:0;
    background-color:#fff;
    empty-cells:show;
    width: 250px;
    height: 150px;
    font-size: 1.0em;
    font-family: Meiryo UI, sans-serif;

}
.tuhoInfo2 td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:0.1em 0.2em;
    font-size: 12px;

}
.tuhoInfo2 th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background-color:#0000cc;
    padding:0.3em 1em;
    text-align:center;
}

table.tuhoInfo3{
    //table-layout: fixed;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:separate;
    border-spacing:0;
    background-color:#fff;
    empty-cells:show;
    width: 250px;
    height: 200px;
    font-size: 1.0em;
    font-family: Meiryo UI, sans-serif;
}
.tuhoInfo3 td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:0.1em 0.2em;
    font-size: 12px;
}
.tuhoInfo3 th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background-color:#cc0000;
    padding:0.3em 1em;
    text-align:center;
}

table.kagawaInfo3{
    //table-layout: fixed;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:separate;
    border-spacing:0;
    background-color:#fff;
    empty-cells:show;
    width: 280px;
    height: 250px;
    font-size: 1.0em;
    font-family: Meiryo UI, sans-serif;
}
.kagawaInfo3 td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:0.1em 0.2em;
    font-weight: normal;
    font-size: 12px;

}
.kagawaInfo3 th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background-color:#ff6400;
    padding:0.3em 1em;
    text-align:center;
}

.x-menu-item-link {
   padding: 0 0 0 10px
}