@charset "UTF-8";

img {
    max-width : 50% ;
    height : auto ;
}

h2 {
    color : #008000 ;
}

@media screen and (max-width: 480px) {
    h1 {
        font-size : 130% ;
        margin : 0.2em 0 0.3em 0 ;
    }
    h2 {
        font-size : 120% ;
        margin : 0.2em 0 0.3em 0 ;
    }
    div#wrapper {
        width: 320px;
        margin: 0 auto;
        text-align: center;
    }
}

body {
    -webkit-text-size-adjust : 100% ;
    text-align: center;
}

#canvas .olControlAttribution {
    right: 5px;
    bottom: 5px;
    padding: 2px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
}

#canvas .olControlScale {
    font-size:20px;
    font-weight:bold;
    color:red;
    position:relative;
    right:350px;
    bottom:370px;
}
#canvas .olControlPanPanel {
    top:155px;
    left:230px;
}
#canvas .olControlPanPanel .olControlPanNorthItemInactive {
    top:-5px;
}
#canvas .olControlPanPanel .olControlPanSouthItemInactive {
    top:42px;
}

#map_canvas .olControlAttribution {
    font-size:13px;
    bottom:3px;
}

.olPopupContent {
    padding: 10px;
	color: #000000;
	background-color: #00f080;
	font-size: 12px;
	border: 10px;
}