body {
	background-color: #fff;
	padding:0px;
	margin:0px;
/*
	background-image: url(images/03.gif);
*/
}
a,a:visited,a:hover,a:active {
color: #000000;
}
a img{border : none }
#topBox{
	position: absolute;
	top : 0px;
	left : auto;	/*0px*/
	width: 206px;	/*1024px*/
	height: 210px;
	padding:0px;
	margin: 0px;
	background-color: #fff;	/* resize #99CCFF */
	right: auto;	/*addnew*/
	background-image: url(images/top_bk.gif);
        background-repeat: repeat-y;
 } 
#outerBox{ 
 position: absolute;
 top : 0px ;
 left : 0px ;
 width: 206px;		/*975px*/
 height: 210px;		/*700px*/
 padding:0px;
 margin: 0px;
 background-color: #FFFFFF; 
 overflow: hidden;	/* 2011.02.02 saga*/
 } 

/* --------------left navi------------- */
#leftBox {
 position: absolute;
 top : 0px ;
 left : 0px ;
 width: 268px;
 height: 573px;   /*670px*/
 padding:0px;
 margin: 0px;
 }
#logoBox {
	position : absolute;
	top : 5px;
	left : 15px;
	width: 250px;
	height: 65px;
	border: 1px solid #666666;
 }
#helpBtn{
 position : absolute ;
 top : 5px ;
 left : 5px ;
 font-size: 9pt ;
}
#urlBtn{
 position : absolute ;
 top : 5px ;
 left : 100px ;
 font-size: 9pt ;
}
#addFeatureBtn{
 position : absolute ;
 top : 50px ;
 left : 5px ;
 font-size: 9pt ;
}
#moveCancelBtn{
 display : none ;
 position : absolute ;
 top : 50px ;
 left : 100px ;/*60px*/
 font-size: 9pt ;
}
#addFeatureMenu{
 display : none ;
 height: 476px;
 width: 250px;
 margin: 0px ;
 font-size : 9pt ;
 border : solid 1px ;
/* overflow : auto ;*/
}

#addFeatureMenuItems{
 position : absolute ;
/* display : none ;*/
 top:170px;
 left:1px;
 height: 320px;
 width: 248px;
 margin: 0px ;
 font-size : 9pt ;
/* border : solid 1px rgb(255,255,0);*/
 overflow : auto ;
}


#logoutBtn{
 position : absolute ;
 top : 27px ;
 left : 5px ;
 font-size: 9pt ;
}
#goMenuBtn{
 position : absolute ;
 top : 27px ;
 left : 70px ;
 font-size: 9pt ;
}
#leftMenu{
 position : absolute ;
 top : 75px ;
 left : 15px;
}
#leftMenuTitle{
	margin: 0px;
	font-size: 12pt ;	/*10.5pt*/
	color: rgb(255,255,255);
	background-color: rgb(51,102,204);
	width: 250px;
	font-weight : bold;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
	text-decoration: none;
	background-image: url(images/tool_bk.gif);
        background-repeat: repeat-y;
}
#featureInfoBox{
 background-color: #ffffff; 
 margin : 0px ;
 width: 250px;
}
#birdView{
 margin : 0px;
}
#birdViewTitle{
	text-decoration: none;
	background-color:#FFFFFF;
	width: 100%;
	display : block;
	font-size: 9pt ;		/*10pt*/
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	border-left: solid 1px #333;
	padding: 5px 0px;	/*2px 0px*/
	background-image: url(images/menu_bk.gif);
        background-repeat: repeat-y;
}
#birdViewBox {
 width: 100%;
 border-top: solid 1px #000;   
 border-right: solid 1px #000;   
 border-left: solid 1px #000;   
 height : 218px ;
}
#modeCombo{
 margin : 0px;
}
#modeComboBox {
 font-size: 9pt ;		/*10pt*/
 width: 100%;
/*
 background-color:#99CCFF;  
 border-top: solid 1px #000;   
 border-right: solid 1px #000;   
 border-left: solid 1px #000;   
*/
 height : 25px ;

}

#IndexMap {
 border-style: none; 
 width: 100%;
 height : 100% ;
 }
#controlDisplay{
 width: 100%;
}
#controlDisplayTitle {
	text-decoration: none;
	width: 100%;
	display : block;
	font-size: 9pt;		/*10pt*/
	padding : 5px 0px;	/*2px 0px*/
	background-color:#FFFFFF;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	border-left: solid 1px #333;
	background-image: url(images/menu_bk.gif);
        background-repeat: repeat-y;
 }
#controlDisplayBox {
 border-top: solid 1px #000;   
 border-right: solid 1px #000;   
 border-left: solid 1px #000;   
 width: 100%	;
 }

.tabCtrlDisplay{
 font-size : 9pt ;
 float : left;
 text-align: center ;
 display: block;
 width: 24%;
 color : #778899 ;
 background: #CCCCFF;
 border-right: solid 1px #FFF; 
 border-bottom: solid 1px #FFF; 
 text-decoration: none;
}
.activeTabCtrlDisplay{
 font-size : 9pt ;
 float : left ;
 text-align: center ;
 background-color:#99CCFF;  
 font-weight: bold;
 width: 24%;
 border: solid 1px #CCCCFF; 
 text-decoration: none;
}
#tabItm{
 overflow : auto ;
 margin: 0px;
 clear : left;
 width: 100%;
 height : 130px ;
 background-color:#99CCFF;  
 font-size: 9pt ;
}
.displayControlLine{
  margin : 0px ;
}
.lineTable{
  margin : 0px ;
  text-align : left ;
  vertical-align : middle ;
  width : 230px ;
  font-size: 9pt ;
  padding : 0px ;
 }
.lineTable TD{
  padding : 0px ;
  vertical-align : middle ;
  border : 1px ;
 }
.checkboxCell{
  width : 16px ;
 }
.imgCell{
  width : 30px ;
  text-align: center ;
}

#legendPanel{
 width: 100%;
}
#legendTitle{
	width: 100%;
	display : block;
	font-size: 9pt ;		/*10pt*/
	padding : 5px 0px;	/*2px 0px*/
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	border-left: solid 1px #333;
	background-color:#FFFFFF;
	text-decoration: none;
	background-image: url(images/menu_bk.gif);
        background-repeat: repeat-y;
}
#legendBox {
 background-color:#99CCFF;  
 border-top: solid 1px #000;   
 border-right: solid 1px #000;   
 border-left: solid 1px #000;   
 width: 100%;
 height : 100px ;
 overflow : auto ;
}

#searchSpot{
 width: 100%;
}
#searchSpotTitle {
	width: 100%;
	display : block;
	font-size: 9pt ;		/*10pt*/
	padding : 5px 0px;	/*2px 0px*/
	border: solid 1px #333;
	background-color:#FFFFFF;
	text-decoration: none;
	background-image: url(images/menu_bk.gif);
        background-repeat: repeat-y;
}

#spotOption {
 padding : 5px 0px;		/*1px 0px*/
 width: 100%;
 font-size: 9pt ;		/*9pt*/
 border-bottom: solid 1px #000;   
 }
#spotOptionArea {
 display : none ;
 background-color:#99CCFF;  
 border-bottom: solid 1px #000;   
}
#spotOptionCondition{
 font-size: 9pt ;
 padding : 10px ;
}
#spotRadious{
 margin-top : 10px ;
}
#searchSpotBox {
 width: 100%;
 border-right: solid 1px #000;   
 border-left: solid 1px #000;   
 }
#spotResult {
	background-color:#99CCFF;
	overflow : auto;
	border-bottom: solid 1px #000;
	font-size: 9pt;		/*addnew*/
}

.spotConditonBottun{
 margin-top : 10px ;
 margin-right : 10px ;
}
.NeiCellName{
 width: 220px;
 font-size: 9pt ;
}
.NeiGO{
 padding:0px;
 margin: 0px;
 text-align: center; 
 width: 24px;
 font-size: 9pt ;
/* font-weight : bold ;*/
 color : #ffffff ;
 background-color: #FFFFFF;
 background-image: url(images/arrow.gif);
 height: 19px;
}

#centerBox {
 position: absolute;
 top : 0px ;
 left : 0px;		/*260px*/
 width: 206px;		/*755px*/
 height: 210px;         /*670px*/
 padding:0px;
 margin: 0px;
 }

#urlArea{
 display:none;
 width: 100%;
 position : absolute ;
 top : 4px ;
 height : 70px ;
 left : 0px; 
 background-color: #fff; 
 z-index : 9999 ;
}
#urlClose{
 position : absolute ;
 top : 0px ;
 left : 100%;
 margin-left : -16px ;
}
#urlPC{
 font-size : 9pt;
 position : absolute ;
 top : 0px ;
 left : 5px;
}
#urlPCText{
 font-size : 9pt;
 position : absolute ;
 top : 2px ;
 left : 80px;
 width : 575px;		/*645px firefox*/
}
#urlPhone{
 font-size : 9pt;
 position : absolute ;
 top : 32px ;
 left : 5px;
}
#urlPhoneText{
 font-size : 9pt;
 position : absolute ;
 top : 5px ;
 left : 80px;
 width : 575px;		/*645px firefox*/
}
.urlDetail{
 padding-left : 15px ;
}
#bottunsBox {
	width: 674px;			/*100%*/
	position : absolute;
	top : 4px;
/*	top : 5px;*/			/*4px*/
	left : 0px;
/*	padding: 3px;*/			/*addnew*/
/*	border: 1px solid #000000;*/	/*addnew*/
	height: 30px;			/*addnew*/
}
#menuBottuns{
	border: 1px solid #9C9C9C;
	display : block;
	width: 534px;
	position : absolute;

	padding: 3px;		/*addnew*/
/*	top : 5px;*/
        height: 100%;

/*	border: 1px solid #000000;	*/
}
#printLabel1{
 display : none ; 
 text-align: center ;
 width: 672px;			/*752px*/
 font-size : 16px ;
 color : #9999FF ;
 position : absolute ;
 top :4px ;
}
#printLabel2{
 display : none ; 
 text-align: center ;
 width: 672px;			/*752px*/
 font-size : 16px ;
 color : #9999FF ;
 position : absolute ;
 top : 38px ;
}
#searchAddress{
 margin : 2px;
 vertical-align : middle ;
 height : 23px;
 padding : 2px;
 font-size: 9pt ;
 text-decoration : underline ;
 border : none;
}
#searchFeature{
 margin : 1px 3px 0px 0px;
 vertical-align : middle ;
 height : 23px;
 padding : 2px;
 font-size: 12pt ;
 font-size: 9pt ;
 text-decoration : underline ;
}
#calcLine{
 margin : 1px 3px 0px 0px;
 vertical-align : middle ;
 height : 23px;
 padding : 2px;
 font-size: 12pt ;
 font-size: 9pt ;
 text-decoration : underline ;
}
#calcArea{
 margin : 1px 3px 0px 0px;
 vertical-align : middle ;
 height : 23px;
 padding : 2px;
 font-size: 12pt ;
 font-size: 9pt ;
 text-decoration : underline ;
}
#editMap{
 margin : 1px 3px 0px 20px;
 vertical-align : middle ;
 height : 23px;
 padding : 2px;
 font-size: 12pt ;
 font-size: 9pt ;
 text-decoration : underline ;
}
#printMap{
 margin : 1px 3px 0px 0px;
 vertical-align : middle ;
 height : 23px;
 padding : 2px;
 font-size: 12pt ;
 font-size: 9pt ;
 text-decoration : underline ;
}
#clearLast{
 width: 248px;
 margin : 5px 0px 5px 0px ;
}
#clearAll{
 width: 248px;
 margin : 5px 0px 5px 0px ;
}
#commitGeo{
 width: 248px;
 margin : 5px 0px 5px 0px ;
}

#calcOpeButtons{
 visibility : hidden ;
 display:none; 
 width: 100%;
 height : 30px ;
 padding-top: 5px ;
}
#calcLabel{
 display : inline ;
 height: 95%;
 text-align : center ;
 vertical-align : middle ;
 margin : 3px ;
 font-weight : bold ;
 font-size: 9pt ;
}
.calcOperation{
 width: 80px;
 text-align : center ;
 vertical-align : middle ;
 font-size: 15px ;
 padding:0px 5px 0px 5px;
 margin-left: 5px;
}


#scalesBox {
	position : absolute;
	top : 41px;
	left : 0px;			/*5px*/
	display : block;
	width: 534px;			/*100%*/
	padding: 3px;			/*addnew*/
	border: 1px solid #9C9C9C;
 }
.scaleButton{
 margin : 0px 3px 0px 0px;
 padding : 0px 2px 0px 2px;
 font-size: 15px ;
 height : 20px;
 font-size: 9pt ;
 text-decoration : underline ;
}
.scaleActiveButton{
 margin : 0px 3px 0px 0px;
 padding : 0px 2px 0px 2px;
 font-size: 15px ;
 height : 20px;
 font-weight: bold ;
 font-size: 9pt ;
 text-decoration : underline ;
 background-color: #e0FFFF; 
}
/*
#prvIDCombo{
 margin-left : 30px ;
 font-size: 9pt ;
}
*/
#mapZone{
 position : absolute ;
 width : 206px;	/*680px*/
 /*border: 1px solid #9C9C9C;*/

}
#addressBox {
	width : 100%;
	font-size : 12pt ;		/*10.5pt*/
	font-weight: bold;
	color: rgb(255,255,255);
	background-color: #a4caec ; /* resize rgb(51,102,204) */
	border-bottom : 1px solid #000000;
	background-image: url(images/tool_bk.gif);
        background-repeat: repeat-y;
}

#mapBox {
 width: 100%;
 height: 210px;
 margin: 0px ; 
 }
#MainMap {
 width: 100%;
 height: 100%;
 padding:0px;
 margin: 0px;
}

/* -- 縺顔ｵｵ縺九″逕ｨ險ｭ螳�--*/
#editMenuBox{
 display : none ;
 height: 472px;
 width: 250px;
 margin: 0px ;
 font-size : 9pt ;
}
#otherMenu{
 font-size : 9pt ;
 width : 100% ;
 top : 0px ;
 padding:0px;
 margin: 0px;
 border: solid 1px #000;  
}
.otherMenuItem{
 display : block ;
 width: 98%;
 padding:0px;
 margin-top: 2px;
 margin-bottom: 2px;
}
#opeMenu{
 width : 100% ;
 height : 55px ;
 border-left: solid 1px #000;  
 border-right: solid 1px #000;  
 border-bottom: solid 1px #000;  
}
#opeMenuLabel{
 font-size : 9pt ;
 padding : 3px 0px 0px 3px ;
}
.iconTypeMenuItem{
 width : 31px ;
 height : 24px ;
 margin : 2px 5px 0px 5px ;
 border : 3px solid #FFF3CC;  
}
.selectedMenuType{
 margin : 0px 5px 0px 5px ;
 border: 3px #FF0000 solid;  
 width : 31px ;
 height : 24px ;
}
#editType{
 width: 100%;
 padding:0px;
 margin-top: 2px;
 border-bottom: solid 1px #000;  
}
.editButton{
 display : block ;
 text-decoration : none ;
 width: 100%;
}
.editTypeItem{
 height : 15px ;
 display : block ;
 background-color:#CCF5A3;
 width: 100%;
 display : block ;
 font-size: 9pt ;
 padding : 2px 0px ;
 border-top: solid 1px #000;   
 border-right: solid 1px #000;   
 border-left: solid 1px #000;   
 text-decoration : none ;
 background-image: url(images/menu_bk.gif);
 background-repeat: repeat-y;
}
.editItem{
 width: 100%;
 overflow : auto ;
}
#iconBox{
display : none ; 
 height : 290px ;
 width: 100%;
 border-left: solid 1px #000;  
 border-right: solid 1px #000;  
 border-top: solid 1px #000;  
}
#polygonBox{
 display : none ; 
 width: 100%;
 height : 290px ;
 overflow : auto ;
 border-left: solid 1px #000;  
 border-right: solid 1px #000;  
 border-top: solid 1px #000;  
}
#lineBox{
 display : none ;
 height : 290px ;
 width: 100%;
 border-left: solid 1px #000;  
 border-right: solid 1px #000;  
 border-top: solid 1px #000;  
}
#textBox{
 display : none ;
 height : 290px ;
 width: 100%;
 border: solid 1px #000;  
}
#iconMenu{
 width : 180px ;
 margin-top : 5px ;
 margin-left : 5px ;
 border: solid 1px #FF3300;  
}
#iconTable{
 width: 160px;
}
.iconCell{
 padding : 2px ;
}
.labelEdit{
 margin-top : 2px ;
 clear : left ;
}
.selectedIcon{
 /*border: 1px #FF0000 solid;  */
 background-color: #FF0000;
}
.addItem{
 position: absolute;
}
.WTable{
 margin-top : 5px ;
 margin-left : 5px ;
 font-size : 9pt ;
}
.widthSelected{
 background-color: #9999FF ;
}
.CArea{
 margin : 5px ;
 display : block ;
}
.colorEdge{
 float : left ;
 border:0.25em inset ;
}
.colorItem{
 width: 15px;
 height: 15px;
}
.colorSelected{
 float : left ;
 border:0.25em solid #FF0000 ;
}
.OTable{
 clear : left ;
 width : 165px ;
 margin : 5px ;
 font-size : 9pt ;
}
.opacitySelected{
 background-color: #9999FF ;
}
#textEdit{
 margin : 5px ;
 width : 90% ;
}
/* -- 縺顔ｵｵ縺九″逕ｨ險ｭ螳�--*/


/* -- 蜊ｰ蛻ｷ逕ｨ繝壹�繧ｸ -- */
#p_outerBox{
 display : block ;
 position : absolute ;
 width: 680px;  /*800px*/
 height : 580px ;
 font-size : 16px ;
 text-align : center ;
 background-color: #FFF ;
 left : 50%;
 margin-left : -400px ;
}
#p_label1{
 position : absolute ;
 display : block ;
 width : 100% ;
 text-align : center ;
 top : 0px ;
 left : 50%;
 left : 20px;
}
#p_label2{
 position : absolute ;
 display : block ;
 width : 100% ;
 text-align : center ;
 top : 20px ;
 left : 20px;
}
#p_addressBox{
 position : absolute ;
 width : 100% ;
 text-align : center ;
 left : 20px;
 top : 40px ;
}
#p_mapBox{
 position : absolute ;
 top : 60px ; /* 60px */
 left : 20px ;
 height : 500px ;
}
#Measure_Result{
 position : absolute;
 overflow : hidden;
 backgroundColor : #FFFF99;
 padding  : 10px;
 fontWeight : bold;
/*蛻ｶ蠕｡荳翫�蝠城｡後〒js蛛ｴ縺ｫ險倩ｼ峨☆繧九％縺ｨ!!
 top      : 43px;
 left     : 702px;
 height   : 17px;
 width    : 238px;
*/
}


#attention{
 position : absolute ;
 top : 550px ;
 font-size: 80%;
}

#forbigmap{
  line-height: 1.5; 
}
#zoominbtn{
    position:absolute;
    bottom:20px;
    right:8px;
    z-index : 10000;
    width:58px;
    cursor : pointer;

/*
    background-color:rgba(0,0,0,0.65);
    border:1px solid rgba(0,0,0,0.3);
    padding:3px 20px 3px 20px;
    border-radius:0 30px 30px 0;
*/
}

#zoomoutbtn{
    position:absolute;
    bottom:20px;
    right:65px;
    z-index : 10000;
    width:58px;
    cursor : pointer;

/*
    background-color:rgba(0,0,0,0.65);
    border:1px solid rgba(0,0,0,0.3);
    padding:3px 20px 3px 20px;
    border-radius:30px 0 0 30px;
*/
}