@import url(https://fonts.googleapis.com/css?family=Monda:400,700);
	@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
	
	html, body { height:100%; background-color: #2C4065;}
	body { margin:0; padding:0; overflow:hidden; }
	
    .menu a.cat {
      padding: 5px 10px;
      text-decoration: none;
      display: block;
      font-family: "Monda",verdana;
	  font-weight: bold;
      font-size: 12px;
      color: #2492D1;;
      position: relative;
      border-bottom: 1px solid #999999;
	  border-top: 1px solid #FFF;
	  
		background: #f2f2f2;
		border-top: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
		position: relative;
	  
    }
    .menu a.cat:hover {
      background: #FFF;
    }      

    .leftbar {
      width: 240px; 
      position: fixed;
      left: -240px;
      background: rgba(255, 255, 255, 0.9);
      height: 100%;
      padding: 0px;
	  z-index:9999;
    }

    .menu {
      width: 240px; 
      position: fixed;
      background: rgba(255, 255, 255, 0);
      height: 100%;
      padding: 0px;
    }
	
    .menu ul{
	    margin: 0; 
	    padding: 0; 
	    list-style: none;
		overflow:auto;
		height:168px;
    }

    .menu ul li{
      border-bottom: 1px solid #eee;
    }

    .menu ul li b{
      padding: 6px 10px;
      text-decoration: none;
      display: block;
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      color: #000;
      font-weight: bold;
    }

    .menu ul li a{
      padding: 6px 20px;
      text-decoration: none;
      display: block;
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      color: #000;
    }
	
    .menu ul li a:hover{
      background-color: #DDDDDD;
    }

    .ok {
        width: 50px; 
        position: fixed;
        background: rgba(5, 5, 5, 0.4);
        color:  #FFF;
        font-family: verdana;
        font-size: 16px;
        height: 50px;
        text-align: center;
        cursor:  pointer;
      }
	  
    .menu ol{
	    margin: 0; 
	    padding: 0; 
	    list-style: none;
		overflow:auto;
		height:100px;
    }

	.search{
		margin:10px;
		padding:0px;
		display:block;
		background: rgba(255, 255, 255, 1);
	}
	.logo{
		padding:15px 0px 15px 0px;
		text-align:center;
		display:block;
		background-color: #183794;
	}
	.logo_downborder{
		height:10px;
		display:block;
		background-color: #4C69C2;
	}
	.logo_titles{
		padding:10px 0px 10px 0px;
		text-align:center;
		display:block;
		font-family: "Monda",verdana;
	}

	.disable-select {
	  -webkit-user-select: none;  
	  -moz-user-select: none;    
	  -ms-user-select: none;      
	  user-select: none;
	  cursor:pointer;
	}
	.bina{
		cursor:pointer;
	}

	#pop{
		font-family: "Monda",verdana;
		font-size: 12px;
		position: absolute; 
		text-align: left; 
		top: -1000px; 
		left:-1000px; 
		padding: 6px 10px; 
  
		outline:none;
		line-height:30px;
		text-decoration:none;
		z-index:200;
		display:none; 
		margin-top:-30px; 
		margin-left:30px;
		line-height:16px;  
		display:inline; 
		color:#FFF;
		border:1px solid #183794; 
		background:#183794;	
		background-color: #183794; 
		border-radius:4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow: 5px 5px 8px #000;
		-webkit-box-shadow: 5px 5px 8px #000;
		box-shadow: 5px 5px 8px #000;		
	}
	
	#pin{
		top: -1000px; 
		left: -1000px;
		z-index:111;
		position: absolute;
	}
	
	#popHtml{
		/*width:150px;*/
	}
	.callout {z-index:20;position:absolute;top:12px;border:0;left:-12px; float:right;}
	
	#updateForm{
		font-family: "Monda",verdana;
		font-size: 12px;
		color:#000;
		position: absolute; 
		width: 300px; 
		top: 300px; 
		left: 300px; 
		background-color: #E6E6E6;
		border:1px solid #CCC;
		padding: 6px 10px;
		z-index: 9999;
		border-radius:4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow: 5px 5px 8px #000;
		-webkit-box-shadow: 5px 5px 8px #000;
		box-shadow: 5px 5px 8px #000;				
	}
	.navigation{
		z-index: 9999;
		position: absolute;
		top: 20px; 
		left: 260px; 
		opacity:0.5;
	}
	
	#yukariScroll{
		cursor:pointer;
	}
	.ghostObjects{
		opacity:0.3;
	}


.kat_layer{
	opacity: 0;
	pointer-events:none;
}

#Layer16, #Layer15, #Layer14, #Layer13, #Layer12,#Layer11,#Layer10,#Layer9,#Layer8,#Layer7,#Layer6,#Layer5,#Layer4,#Layer3,#Layer2,#Layer1,#Shadow1,#Shadow2,#Shadow3{
	opacity: 0;
	pointer-events:none;
}

#modal{
	font-family: "Monda",verdana;
	font-size: 12px;	
	position: absolute; 
	top: 30vh; 
	left:40vw; 
	line-height:16px;  
	display:none; 
	color:#000;
	background-color: #EAEDE6;
	border:1px solid #CCC;
	padding: 6px 10px;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #000;
	-webkit-box-shadow: 5px 5px 8px #000;
	box-shadow: 5px 5px 8px #000;
	z-index: 99999;
}
	
#naviga{
	position: absolute;
	top: 20px; 
	left:250px;
	width: 400px;
	height: 220px;
	background: url("images/1.png") no-repeat;
}

.but{
	position: relative;
	background-color: #111;
	color: #FFF;
	margin-top: 15px;
	padding: 2px 6px;
	border-radius: 2px;
	text-decoration: none;

}