/*
 * main.css
 * copyright (c) HCC 2017
 */

/* main tags */
html,
body {
    font-family: arial,helvetica,sans-serif;
    overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

tr.head {
	background-color: #ffff00;
}

h2 {
  border-bottom: 3px solid #6355a2;
  /* border-right: 1em solid #fcbe8b; */
  font-size: 120%;
  font-weight: bold;
  text-align:center;
  clear: both;
  margin: 1em 1em 1em;
  padding: 0 0 0 3px; }

h3 {
  border-left: 7px solid #178ACC;
  clear: both;
  font-size: 110%;
  font-weight: bold;
  margin: 1.5em 1em 0;
  padding: 0 0 0 3px; }

h4 {
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  }

h6 {
  font-size: small;
  font-weight: bold;
  text-align:center;
  margin: 0.5em 0.5em 0;
  padding: 0 0 0 3px; }


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

#loading2 {
	width:100%;
	height:100%;
	text-align:center;
	cursor:wait;
}


/* container */
.container-fluid {
}

.table {
	margin-bottom: 0px;
}

/* mainMap */
#mainMap {
	border: 1px solid #333333;
	width: 100%;
	height: 100%;
}
#mainMapInfo {
  position: absolute;
  /* bottom: 10px; */
  bottom: 0.5em !important;
  left: 10px;
  z-index: 1000;
  width:18em;
  height:3.5em;
  border: 1px #333333 solid;
  background-color: rgba(252, 252, 252, 0.9);
  padding: 5px; }

#mainMapInfo:empty {
	display: none;}

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

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

#footerText2 {
	position: absolute;
	bottom: 6px;
	left: 9px;
	z-index: 1000;
	border: 2px solid #BBBBBB;
	background-color:rgba(255, 255, 255, 0.6);
	padding: 1px 1px 0px 0px;
}
#findPanel {
	overflow-y:scroll;
	max-height: 500px;
	height: auto !important;
}

#centerIcon {
	position: relative;
	top:-1px;
	left:2px;
}

/* for Popup */
table.popup {
  border:1px solid #c0c0c0;
  background-color:#fcfcfc;
  margin: 27px 6px 6px 6px;
}

tr.popup_head {
  border:1px solid #c0c0c0;
  text-align:center;
  font-size:130%;
}

tr.popup_head img {
  margin: 2px 2px 2px 2px;
  vertical-align: bottom;
}

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

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

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

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

th.SubPanel {
  background-color:#6355a2;
  border:1px solid #eeeeee;
  padding: 2px 2px 2px 2px;
}


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

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

.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.top {
	/* display: block; */
	/* border-width:2; */
	color: #800000;
	background: #6355a2;
}

.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 2px 5px 2px;
	font-size : 90%;
}



/* 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: #6355a2;
}

.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;
}

/* caution */
.mainbox {
  background-color: #FFFFFF;
  border: 7px solid #FFFFFF; }

.cbox {
  margin: 5px;
  background-color: #f9f9fd;
  border: 3px solid #6355a2;
  padding:0px 24px 0px 4px;
}


.qbox {
  font-size: 1.0em;
  text-align: center;
  font-weight: normal; }

.ctext ul li {
  font-size: 90%;
  font-weight: bold;
  margin-left: 0em; }


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

.center-marker a {
   display: block;
   height: 39px; width: 39px;
   margin-top: -20px;  margin-left: -20px;
   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)
}

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




.lang_on {
	color:#ffffff;
	background: #178acc;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 4px;
}

.nav-tabs > li > a {
  margin-right: 1px;
  line-height: 0.5;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.off2 {
	width: 25px;
}

.off2_no {
/*	height:5px;
	width:5px;
/*	border-radius:50%;*/
	/*line-height:20px;*/
	text-align:center;
/*	background:#000000;*/
	font-size:14px;
	color:white;
	width:31px;
}

.off2_maru {
	height:22px;
	width:auto;
	border-radius:50%;
	/*line-height:20px;*/
	/*text-align:center;*/
	background:#000000;
/*	font-size:14px;
	color:white;*/
}