/**
 * CSS Reset
 * From Blueprint reset.css
 * http://blueprintcss.googlecode.com
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/**
 * Basic Typography
 */
body {
    font-family: Roboto, Arial, sans-serif, "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
/*    font-size: 80%;*/
    color: #222;
    background: #fff;
}
/******* リスト *******/
ol {
	list-style-type: decimal;		/* 初期値*/
	list-style-position: outside;	/* 初期値*/
	margin-left:1em;
	padding-left:0em;
/*	border:solid 1px #999;*/
}
ul {
	list-style-type: disc;			/* 初期値 square*/
	list-style-position: outside;	/* 初期値*/
	margin-left:1em;
	padding-left:0em;
/*	border:solid 1px #999;*/
}
/******* テーブル *******/
table {
	border-collapse	: collapse;
	empty-cells	: show;
	margin: 0.1em;
	line-height:1.2em;
/*	border:solid 1px #999; */
}
th, td {
	padding:3px;
	border:solid 1px #999;
}
table caption{
	font-weight:bold;
}
td {
	vertical-align:top;
}
/******* 画	像 *******/
img {
	border:solid 0px #999;
}
/******* フレーム *******/
frame {
/*	border:solid 1px #999;*/
}
/******* アンカー *******/
a:link, a:visited, a:active {
	text-decoration: none;
	color: #00C;
}
a:hover {
	text-decoration: underline;
	color: #33F;
}
/******* ボタン *******/
input[type="button"],input[type="submit"],input[type="reset"],
input[type="checkbox"],input[type="radio"],input[type="file"]{
	cursor:pointer;
}
label[for]:hover{
	background: #EEE;
	cursor:pointer;
}
/*********************************************/
/*** 共通クラス ****************************/
/*********************************************/
/* フロート解除 */
.clearfix:after {
	content: url(./clearfix.png);
	display: block;
	clear: both;
	height: 0px;
}
/* 枠線 共通，テーブル配下のセル
   ※tableのクラスよりth/tdのクラスを優先させるため
     「枠線 th/td」とセットで使用 */
.bn, table.bn th, table.bn td {
	border:solid 0px #999;
}
.b1, table.b1 th, table.b1 td {
	border:solid 1px #999;
}
/* 枠線 th/td 
   ※tableのクラスより子要素のクラスを優先させるため
     「table.bn th, table.bn td」の後に記述 */
table > tbody > tr > th.bn, table > tbody > tr > td.bn{
	border:solid 0px #999;
}
table > tbody > tr > th.b1, table > tbody > tr > td.b1{
	border:solid 1px #999;
}
/* チェック用枠線 
div,p,ol,ul,li,im,frame,h1,h2,h3.span,a{
	border:solid 1px #999;
}
*/
/* 等幅フォント */
.mono {
	font-family:Monospace;
}

/**
 * Layer switcher & Settings
 googleに切り替えると動的に下記スタイルが生成されるので合わせた
 (.gm-style div, .gm-style span, .gm-style label, .gm-style a)
 */
 
div.olControlLayerSwitcher,
div.PMLControlSettings{
	border:#FFF solid 1px;
	border-right-width:0px;
}
.olControlLayerSwitcher div,
.olControlLayerSwitcher span,
.olControlLayerSwitcher label,
.olControlLayerSwitcher a,
.PMLControlSettings div,
.PMLControlSettings span,
.PMLControlSettings label,
.PMLControlSettings a{
	font-family: Roboto,Arial,sans-serif;
    font-size: 12px;	/* gm-style 11px */
    font-weight: 400;
}
.olControlLayerSwitcher, 
.PMLControlSettings{
	width:auto;
}
.olControlLayerSwitcher{/* OL初期値 25px */
	top:10px;
}
.olControlLayerSwitcher input,
.PMLControlSettings input{
	vertical-align:top;
}

/* #featurePopup_contentDiv */
.olFramedCloudPopupContent div.img{
	width:202px;
	height:152px;
}
.olFramedCloudPopupContent img{
	max-width:200px;
	max-height:150px;
	border:solid 1px #999;
}
.olImageLoadError /* openlayers2.12 */{
    /* when OL encounters a 404, don't display the pink image */
    display: none !important;
/*
    display: none !important;
	background-image:url(http://cyberjapandata.gsi.go.jp/sqras/transparent.png);// 透過：ピンク
	background-image:url(http://cyberjapandata.gsi.go.jp/sqras/no_map.png);		// 海色
	background-image:url(http://cyberjapandata.gsi.go.jp/sqras/white.png);		// 「NO DATA」
*/
}

/**
 * Settings
 */
.PMLControlSettings {
    position: absolute;
    top: 60px;
    right: 0;
 /*   width: 20em;*/
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    color: white;
    background-color: transparent;
}

.PMLControlSettings .settingsDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    background-color: darkblue;
}

.PMLControlSettings .settingsDiv .settingLbl {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
 /*   font-weight: bold;*/
}

.PMLControlSettings .settingsDiv .settingDiv {
    padding-left: 10px;
}

.PMLControlSettings .maximizeDiv,
.PMLControlSettings .minimizeDiv {
/*    width: 18px;
    height: 18px; 下記に変更*/
    top: 5px;
    right: 0;
    cursor: pointer;
}

/**
 * 現在地
 */
.PMLControlGeolocate {
    position: absolute;
    top: 110px;
    right: 0;
 /*   width: 20em;*/
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    color: white;
    background-color: transparent;
}

.PMLControlGeolocate .onDiv,
.PMLControlGeolocate .offDiv {
/*    width: 18px;
    height: 18px; 下記に変更*/
    top: 5px;
    right: 0;
    cursor: pointer;
}




/* ボタンサイズ */
.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv, 
.PMLControlSettings .maximizeDiv, .PMLControlSettings .minimizeDiv{
	height:36px;width:36px; /* 18px */
}
/* ボタン画像サイズ */
#OpenLayers_Control_MaximizeDiv_innerImage, #OpenLayers_Control_MinimizeDiv_innerImage, 
#PML_Control_MaximizeDiv_innerImage, #PML_Control_MinimizeDiv_innerImage{
	height:36px;width:36px; /* 18px */
}


/* 凡例 */
.PMLControlLegend {
    right: 2em;
    bottom: 5em;
    display: block;
    position: absolute;
	font-size: 12px;
/*	background-color: #FFF;*/
}
.PMLControlLegend table{
	min-width:100px;
	margin:1px 1px 1px 1px;
}
.PMLControlLegend td{
	vertical-align:middle;
	white-space:nowrap;
	border:solid 1px #666;
}
td.PMLLegendHeader{
	text-align: center;
	font-weight:bold;
	color:#333;
}
.tdLegend{
	text-align: center;
}
/* ポイント */
.tdLegend img{
	max-width:50px;
	max-height:16px;
}
/* ライン */
.tdLegend hr{
	width:50px;
	border:none;
	border-bottom:solid 3px #999;
}
/* ポリゴン */
.tdLegend div{
	margin:auto;
	width:40px;
	height:15px;
	border:solid 1px #666;
}

table.PMLLegend{
    font-size:12px;
}
table.PMLLegendSmall{
    font-size:10px;
}
table.PMLLegendSmall .tdLegend img{
	max-width:40px;
	max-height:10px;
}
table.PMLLegendSmall .tdLegend hr{
	width:40px;
}

/* Mouse Position 要素必須(div) */
div.olControlMousePosition{
	display:none;
}
/* Attribution */
div.olControlAttribution {
	background-color:#DDC;
	color:#666;
	font-size:11px;
	font-weight: 400;
	line-height:1.1em;
	bottom:0px;
	padding:2px 3px 0px 5px;
	right:0px;
}

/* スケールライン */
.PMLControlScaleLine {
	text-align:center;
	border:solid 1px #666;
	padding:2px 10px 5px 10px;
	display: block;
	position: absolute;
	left:auto;
	right: 10px;
	bottom: 15px;
	font-size: xx-small;
	letter-spacing:-1px;
/*	background-color: #FFF;*/
	/* CSS3 standard */
	opacity:1;
	/* for IE */
	filter:alpha(opacity=100);/**/
}
.PMLControlScaleLineTop {
   border: solid 1px #333;
   border-bottom-width: 2px;
   border-top: none;
   height:7px;
   margin-top:-5px;
}

/* 印刷設定 */
@media print{
	.olControlPanZoomBar,
	.olControlLayerSwitcher,
	.PMLControlSettings{
		display:none;
	}
}


/* mobile specific */
@media only screen and (max-width: 600px) {
    body {
        height           : 100%;
        margin           : 0;
        padding          : 0;
        width            : 100%;
    }
    #map {
        background : #7391ad;
        width      : 100%;
    }
    #map {
        border : 0;
        height : 250px;
    }
}
@media only screen and (orientation: landscape) and (max-width: 600px) {
    #map {
        width: 70%;
    }
}
body {
    -webkit-text-size-adjust: none;
}