/*
 * main.css
 * copyright (c) HCC 2014
 */
 
/* main tags */
html, 
body {
    font-family:arial,helvetica,sans-serif;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	/* overflow: hidden !important; */
	background-color: #FFFFFF;

}

#mapBody {
  position:fixed!important;

}

/* loading */
#loading {
	width:100%;
	height:100%;
	padding-top:10em;
	text-align:center;
	cursor:wait;
}

/* container */
.container-fluid {
}

.scrollbox::-webkit-scrollbar-button {
  display:none;
}


/*
#header_panel {
//	background-color: #ffffff;
}

#footer_panel {
//	background-color: #ffffff;
}

#main_panel {
//	background-color: #ffffff;
}

#first_panel {
//	background-color: #ffffff;
}

#second_panel {
//	background-color: #ffffff;
}
*/

.table {
	/* margin-bottom: 5em; */
}

#findPanel {
/*
	padding-bottom: 5em;
	margin-bottom: 5em;
*/
}

/*　mainMap */
#mainMap {
	border: 1px solid #333333;
	width: 100%;
	height: 100%;
}

/* subPanel */
#subPanel {
	overflow:auto;
	/*padding-top: 10px;*/
	border: 1px solid #333333;
	width: 100%;
	/* height: 100%; */
  /* padding-bottom: 4em; */
}

/* footer text */
#footerText {
    position: absolute;
    bottom: 175px;
    left: 9px;
    /*z-index: 1;*/
    border: 2px solid #BBBBBB;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 1px 1px 0px 0px;
}
#overTable {
  margin-bottom: 2em;
}

/* for Popup */
#popup-content {
  width:320px!important;
  margin-bottom:1em; 
}


table.popup {
  background-color:#fcfcfc;
  margin: 2px 2px 2px 2px;
}

td.popup {
  white-space:nowrap;
  border:1px solid #c0c0c0;
  background-color:#FFFDFB;
  /*font-size:90%; */
  padding: 0px 5px 0px 5px;
  width: 100%;
  /* white-space:normal;  */
  white-space:normal;
}

td.popup_null {
  white-space:nowrap;
  border:1px solid #c0c0c0;
  text-align:left;
}

td.popup_img {
  white-space:nowrap;
  padding: 0px 4px 0px 2px;
}

th.popup {
  /*font-weight:bold;*/
  /* white-space:nowrap;  */
  border:1px solid #c0c0c0;
  background-color:#F1FFC8;
  /*padding-right:1em;*/
  /* font-size:90%; */
  vertical-align:top;
  width: 120px;
  padding: 0px 2px 0px 2px;
}

.lang-short {
  white-space:nowrap; 
}

.lang-long {
  white-space:normal; 
}



th.popup_title {
  font-weight:bold;
  /* white-space:nowrap;  */
  /*border:1px solid #c0c0c0;*/
  /*background-color:#F1FFC8;*/
  /*padding-right:1em;*/
  font-size:100%;
  vertical-align:top;
  padding: 5px 5px 5px 5px;
} 

/* for SubPanel */
table.SubPanel {
  background-color:#ffffff;
  border:1px solid #c0c0c0;
  margin: 1% 1% 1% 1%;
  width: 98%;
}

th.SubPanel {
  background-color:#F5DEB3;
  border:1px solid #c0c0c0;
  padding: 2px 2px 2px 2px;
}


td.SubPanel {
  padding: 2px 2px 2px 2px;
}

.divLegend {
  padding-bottom:3em;
}

table.Legend {
  background-color:#ffffff;
  border: none!important;
  /* margin: 1% 1% 1% 1%; */
  margin-right:auto;
  margin-left:auto;
  margin-bottom:2em;
}

#legend_contents_depth {
  margin: 1% 1% 1% 1%;
  width: 98%;
}

#second_panel_name {
  padding-left:0.5rem;
  font-size: 0.8rem;
  font-weight: bold;
}

/* for layer_switcher */
.lwTbl {
	/* margin:16px 0; */
	/* table-layout:fixed; */
	width:100%;
}

.lwTbl table {
	margin:10px 10px 0 0;
	overflow:scroll;
}

.lwTbl tr {
	padding:5px 10px 5px 10px;
	/*cursor:pointer;*/
	border:1px #aaaaaa solid;
	vertical-align:center;
	background-color:#FFFDFB;
}
.lwTbl tr:not(:first-child):hover {
    background-color: #ffffdd/*#F1FFC8*/;
}

.lwTbl tr.top {
	/* display: block; */
	border-width:2;
	color: #800000;
	background: #F5DEB3;
}

.lwTbl tr.head {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	/* border:1px #444444 solid; */
	vertical-align:center;
	background-color:#F1FFC8;
}

.lwTbl th {
	width:5%;
	padding:2px 2px 2px 2px;

}

.lwTbl td.img {
	width:5%;
	padding:2px 2px 2px 2px;
}

.lwTbl td.disp {
	padding:5px 10px 5px 10px;
}

/* for trac */
.tracTbl {
	margin:16px 0;
	width:100%;
	table-layout:fixed;
}

.tracTbl table {
	margin:10px 10px 0 0;
	overflow:scroll;
}

.tracTbl tr {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	border:1px #aaaaaa solid;
	vertical-align:center;
	background-color:#FFFDFB;
}

.tracTbl tr.top {
	/* display: block; */
	border-width:2;
	color: #800000;
	background: #F5DEB3;
}

.tracTbl tr.head {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	/* border:1px #444444 solid; */
	vertical-align:center;
	background-color:#F1FFC8;
}

.tracTbl th {
	width:5%;
	padding:2px 2px 2px 2px;

}

.tracTbl td.img {
	width:5%;
	padding:2px 2px 2px 2px;
}

.tracTbl td.disp {
	padding:5px 10px 5px 10px;
}

.hinantitle {
  font-weight:bold;
  white-space:nowrap; 
  font-size:120%;
  vertical-align:top;
  padding:0em 5px 0em 5px ;
}

.hinandesc {
  font-weight:bold;
  white-space:nowrap; 
  font-size:90%;
  vertical-align:top;
  padding:0em 5px  0em 5px ;
}


.findlist-th-no { width: 2em; white-space: nowrap; text-align:center;}
.findlist-td-no { white-space: nowrap; text-align:center; cursor: pointer; }

.findlist-th-name { text-align:center; }
.findlist-td-name { cursor: pointer; }
.findlist-th-addr { text-align:center; }
.findlist-td-addr { cursor: pointer; }

.findlist-th-height { text-align:center;}
.findlist-td-height { text-align:right; cursor: pointer; }

.findlist-th-jishin { width: 2em;  text-align:center;}
.findlist-td-jishin { white-space: nowrap; text-align:center; cursor: pointer; }

.findlist-th-tsunami { width: 2em;  text-align:center;}
.findlist-td-tsunami { white-space: nowrap; text-align:center; cursor: pointer; }

.findlist-th-kozui { width: 2em;  text-align:center;}
.findlist-td-kozui { white-space: nowrap; text-align:center; cursor: pointer; }

.findlist-th-dosha { width: 2em;  text-align:center;}
.findlist-td-dosha { white-space: nowrap; text-align:center; cursor: pointer; }

.findlist-th-kazan { width: 2em;  text-align:center;}
.findlist-td-kazan { white-space: nowrap; text-align:center; cursor: pointer; }

.findlist-th-url { width: 2em;  text-align:center;}

tr.findlist_records:hover {
    background-color: #ffffdd/*#F1FFC8*/;
}
.off2 { width: 2em; white-space: nowrap; text-align:center;}
.off3 { width: 2em; white-space: nowrap; text-align:center;}
.off4 { width: 2em; white-space: nowrap; text-align:center;}
.off5 { width: 2em; white-space: nowrap; text-align:center;}

.off6 { width: 10em; white-space: wrap; text-align:left;}
.off7 { width: 3em; white-space: nowrap; text-align:center;}
.off8 { width: 8em; white-space: wrap; text-align:left;}
.off9 { width: 8em; white-space: nowrap; text-align:left;}

.z-index-999 {
    /*z-index: 999 !important;*/
    z-index: auto !important;
}


.marusu_shitei {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  line-height: 24px;
  text-align: center;
  background: #007e63;
  font-size: 14px;
  color: white;
  display: inline-block;
}
.marusu_ichiji {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  line-height: 24px;
  text-align: center;
  background: #f39700;
  font-size: 14px;
  color: white;
  display: inline-block;
}

.marusu_biko {
  border-radius: 0%!important;
  height: 22px;
  width: 22px;
  line-height: 22px;
}

.popup .marusu_shitei {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 12px;
}

.popup .marusu_ichiji {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 12px;
}

/*対応災害*/
.saigai_tbl{
  background: #ffffff;
}

#dummy {
  display:none;
}

#infoHinanjoShitei,
#infoHinanjoIchiji {
  display:none;
}

#infoHinanjoShitei li,
#infoHinanjoIchiji li{
  list-style: none;
}

#infoKome1,
#infoKome2 {
  display:none;
}


#titleText {
/*  padding-left:1em; */
  font-size: 1.3em;
  font-weight: bold;
}
@media (max-width: 767px) {
    #titleText {
/*    font-size: 12px !important; */
      font-size: 1.0em;
    }
}

.legendCellCenter {
  text-align: center!important;
}

.legendCellLeft {
  text-align: left!important;
}



/* centermarker */
.center-marker {
    position: absolute;
    top: 50%;
    left: 50%;
}

.center-marker a {
    display: block;
    /*
    height: 39px;
    width: 39px;
    margin-top: -20px;
    margin-left: -20px;
    */
    height: 13px;
    width: 13px;
    margin-top: -6px;
    margin-left: -6px;
    background-image: url(../img/marker.png);
}

.centermarker {
    margin: 0px;
    padding: 0;
    color: #fff;
    font-size: 0.95em;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    height: 1.9em;
    width: 3.4em;
    line-height: 0.1em;
    background-color: #7b98bc;
    background-color: rgba(0, 60, 136, .5);
    border: none;
    border-radius: 2px
}

.centermarker:focus,
.centermarker:hover {
    text-decoration: none;
    background-color: #4c6079;
    background-color: rgba(0, 60, 136, .7)
}

/* 以下は印刷画面に必要 */

._basicCotainer {
    position: absolute;
    z-index: 999999;
    background: #ffffff;
    top: 0px;
    left: 0px;

    width:100%;
    height:100%;
    overflow:auto;
}

._printMapPanel {
    border: 1px solid #555555;
    background: #000000;
    margin-top: 3px;
    margin-left: 20px;
    width:100%;
    height:100%;
    overflow:hidden;
}

span.print-title {
    margin-left: 1em;
    font-weight: bold;
    font-size: 1.2em;
}
.print_btn {
    margin: 1em;
}

@media print {
  .no_print {
    display: none;
  }
  .dummy {
    display: none;
  }
}

@media screen {
    .only_print {
        display: none;
    }
}