body {
	behavior:url("csshover3.htc");
}
html, body {
	width:			100%;
	height:			100%;
	padding:	0;
	margin:		0;
	overflow:	hidden !important;
  /* background-color: #cf747b; */
  background-color:#DDF0FF;
  /* background-color: #ffffff; */
  /* background-color: #dddddd;  */
}

div#titleText{
	/* background-color:#DDF0FF; */
	font-size: 36px;
}
div#titleText span{
	margin-left:10px;
	vertical-align:bottom;
}

div#helpjump{
	text-align:right;
	font-size:1em;
	height:1.8em;
}

a.popimg {
  color:#0073ea;
  font-weight:bold;
/*  text-decoration:none; */
}

.footer{
	padding:5px 0;
}
.copy{
	text-align:center;
}
.copy_left{
	text-align:left;
}
.buttons{
	overflow:auto;
	clear:both;
	position:relative;
	background-color:#dddddd;
}
.tablePan{
	height:100%;
}
#layerTable tr {
	height: 2em;
}
.ftbl {
	width:100%;
	table-layout:fixed;
}
#layerTable {
	margin:16px 0;
	width:100%;
	table-layout:fixed;
}
.ftbl table {
	margin:10px 10px 0 0;
	overflow:scroll;
}
#layerTable table {
	margin:10px 10px 0 0;
	overflow:scroll;
}
.ftbl tr {
	height:2em;
}
.ftbl th{
	font-weight:bold;
}
.ftbl td {
	padding:5px 10px 5px 10px;
/*	width:10em;*/
}
#layerTable td {
	padding:5px 10px 5px 10px;
}
.ftbl td.on {
	cursor:pointer;
	border:1px #444444 solid;
}
#layerTable td.on {
	cursor:pointer;
	border:1px #444444 solid;
}
#layerTable td.current {
	background-color:#ff0084;
	color:#ffffff;
}
.ftbl td.on:hover {
	background-color:#0073ea;
	color:#ffffff;
}
#layerTable td.on:hover {
	background-color:#0073ea;
	color:#ffffff;
}
.ftbl td.off {
	border:0px;
}
#layerTable td.off {
	border:0px;
}

#explain{
	background-color:#ffffdd;
	color:#000000;
	height:1.5em;
}

.dialog{
	display:none;
}

#head,
#mainPanel,
#authority
{
  display:none;
}

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


/*
#about, #legend, #facility, #etc, #permaLink {
  display:none;
}
*/

#about h2, #legend h2, #facility h2, #etc h2, #permaLink h2 {
  font-size:1.5em;
  font-weight:bold;
}

#about h3, #legend h3, #facility h3, #etc h3, #permaLink h3 {
  font-size:1.2em;
  font-weight:bold;
}

#legend ul li {
  padding-bottom:0.5em;
}

span.tableCaption {
  font-size:12pt;
  font-weight:bold;
  text-decoration:underline;
/*
  text-align:center;
*/
}

div#mainMap{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
}

/* for Popup */
table#popup {
  background-color:#fcfcfc;
}

td.popup {
  white-space:nowrap; 
}

td.popup_null {
  white-space:nowrap; 
  text-align:center;
}

th.popup {
  font-weight:bold;
  white-space:nowrap; 
  padding-right:1em;
  
}

div#about {
  height:100%;
  overflow:scroll!important;
}

div#legend {
  height:100%;
  overflow:scroll!important;
}

input#permalinkArea {
  font-size:30px!important;
}
#permalinkArea {
	font-size:1em;
	height:2.4em;
	width:90%;
}

#authority {
  font-size:8pt !important;
  /* background-color:white; */
}

#optional-container {
	width: 96%;
	height: 96%;
	margin-top: 2%;
	margin-left: 2%;
}

.olControlAttribution {
  width:300pt;
  height:55pt;
  /* height:10pt; */
  font-size:6pt !important;
  bottom:1em !important;
  left:1em;
  color:#404040 !important;
  background-color:white;
  padding:5px;
  border:2px solid #c0c0c0;
}

.olControlOverviewMapElement {
  padding: 5px 5px 40px 5px;
  background-color: #1d2088;
  -moz-border-radius: 1em 0 0 0;
}



/* jquery ui.layout */
.ui-layout-pane { background: transparent; border: 0;  padding: 0; overflow: auto; }
.ui-layout-toggler { color: #666; border: 1px solid #BBB; background-color: #999; }
.ui-layout-toggler:hover { background-color: #FC6; }
.ui-layout-toggler-north , .ui-layout-toggler-south { border-width: 0 1px; }
.ui-layout-toggler-west , .ui-layout-toggler-east { border-width: 1px 0; }
.ui-layout-resizer-sliding  .ui-layout-toggler {	display: none; }
.ui-layout-toggler .content { font: 30px bold Verdana, Arial, Helvetica, sans-serif; padding-bottom: 0.35ex; }

#head {
  height:50px;
/*
  border: 2px solid #1d2088;  
  -webkit-border-radius: 5px; -moz-border-radius: 5px;
*/
}

#mainPanel {
  background-color: #ffffff;
}

.ui-layout-north, .ui-layout-south {
/*  background-color: #feeeed; */
}
.ui-layout-center {
}
.ui-layout-north, .ui-layout-south, .ui-layout-center {
  overflow: hidden 
}

.ui-widget-header {
/*
  background-image: none;
  background-color: #feeeed;
*/
}

.ui-dialog {
	border:2px #0073ea solid;
}

#facilityTableHinan tr,
#facilityTableRenraku tr,
#facilityTableByoin tr
{
  font-size:10.5pt!important;
}

  
.ui-jqgrid {
  font-size:12px!important;
}

.olControlMousePosition {
  color:#ff0000;
  bottom:50px !important;
  left:1em !important;

}

.olImageLoadError { 
    background-color: transparent; 
} 

/*
.olControlScaleLineTop {
  border-width: medium 3px 3px;
}
*/

.olControlScaleLine {
  font-weight: bold;
  font-size: 0.8em;
}

.olControlLayerSwitcher {
  background-image: url("lib/img/layer-switcher-maximize.png");
}
#mapLayer .baseLbl{
	display: none;
}
#mapLayer .baseLayersDiv{
	opacity: 1;
	font-size : 1.2em;
	line-height : 1.2em;
}
#mapLayer .labelSpan{
	cursor:pointer;
	padding:0 5px 0 5px;
}
#mapLayer .labelSpan:hover{
	background-color:#0073ea;
	color:#ffffff;
}

.mapTitle {
    font-weight: bold;
    font-size: 0.7em;
    color:#3366ff;
}