html {height: 100%;font-family: sans-serif;font-size: 1em;} body {height: 100%;font-family: sans-serif;font-size: 10pt;margin: 0;padding: 0;} .textSelectionDisabled {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;cursor: default;} a {text-decoration: none;} a:link {color: #bb0000;} a:visited {color: #880000;} a:hover {color: red;} a:active {color: #ffbb00;} #jrmContainer {position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;} #jrmContainer.jrmMap {background-color: #396088;} #zeroMap {display:none;width:1px;height:1px;} #jrmMap {position: relative;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;transition: opacity .2s ease-in;-moz-transition: opacity .2s ease-in;-webkit-transition: opacity .2s ease-in;-o-transition: opacity .2s ease-in;} .init #jrmMap {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity: 0;opacity: 0;} #header {z-index: 10;} #jrmInfoBar {position: absolute;left: 0;top: 0;z-index: 10;margin-right: 30%;padding-left: 1em;padding-right: 1em;padding-top: .5em;white-space: nowrap;background-color: white;box-shadow: 0 0 1em rgba(0,0,0,.8);} #jrmInfoPopUp {z-index: 20;display: none;position: absolute;left: 0;margin: 0;margin-top: .5em;padding: 1em;padding-top: .5em;color: #333333;background-color: #eeeeee;border: 2px #cccccc solid;border-top: none;cursor: pointer;white-space: normal;box-shadow: 0 0 1em rgba(0,0,0,.8);} #jrmInfoBar h1 {display: inline;font-size: 1.5em;color: black;font-weight: bold;margin: 0;margin-bottom: 1em;padding: .5em;padding-left: 0;} #jrmInfoBar h3 {display: inline;font-size: 1em;color: black;font-weight: bold;margin: 0;margin-left: -1em;} #jrmInfoBar .pipe {color: #888888;font-weight: bold;margin: 0;padding: 0;} #jrmInfoBar .caption {position: relative;top: 0;font-size: 1em;margin-top: .5em;color: black;border-top: 2px #cccccc solid;padding: .5em;padding-left: 0;white-space: normal;transition: font-size .2s ease-in;-moz-transition: font-size .2s ease-in;-webkit-transition: font-size .2s ease-in;-o-transition: font-size .2s ease-in;} .init #jrmInfoBar .caption {font-size: 2em;color: #666666;line-height: 1.5em;} #legend {display: block;position: absolute;left: 0;margin-left: 0;margin-top: .5em;background-color: white;padding: .5em;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;box-shadow: 0 0 1em rgba(0,0,0,.8);transition: opacity .2s ease-in;-moz-transition: opacity .2s ease-in;-webkit-transition: opacity .2s ease-in;-o-transition: opacity .2s ease-in;} .init #legend {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-opacity: 0;opacity: 0;} #legend ul {list-style: none;margin: 0;padding: 0;} #legend ul li {clear: left;width: 100%;} .icon.nGy50 {background-color: #a0ff63;} .icon.nGy100 {background-color: #d7ff47;} .icon.nGy200 {background-color: #ecff39;} .icon.nGy400 {background-color: #ffe83f;} .icon.nGy800 {background-color: #ffc50f;} .icon.nGy1600 {background-color: #ff9137;} .icon.nGy3200 {background-color: #ff4141;} .icon.nGy6400 {background-color: #ff0385;} .icon.nGy12800 {background-color: #ce3ffd;} #jrmList {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} #jrmList table {margin-top: 3em;margin-bottom: 3em;} #jrmList td {border-top: 2px solid #dddddd;padding-left: .5em;padding-right: .5em;vertical-align: top;} #jrmList table .prefecture {background-color: #333333;color: white;font-weight: bold;} #jrmList table .radiation {font-weight: bold;text-align: right;} #jrmList table .windSpeed {background-color: #bbccff;text-align: right;} #jrmList table .windDirection {background-color: white;} #jrmList table img {width: 1.5em;height: 1.5em;} .opaque {zoom: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;} .translucent {zoom: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);-moz-opacity: .85;opacity: .85;} #jrmMap div.markerOverlay {position: absolute;} div.icon {z-index: 10;font-size: .8em;width: 1em;height: 1em;border-radius: 50%;border: 2px rgba(0,0,0,.5) solid;} div.markerOverlay div.icon {cursor: pointer;} #legend div.icon {float: left;margin-top: .2em;margin-right: .5em;} #jrmMap div.markerOverlay div.icon {position: absolute;left: -3px;top: 0px;margin-left: -.5em;margin-top: -.5em;} #jrmMap div.markerOverlay div.icon div {position: absolute;font-family: 'Arial';font-size: 1.25em;font-weight: 900;line-height: .8em;padding-left: .1em;color: rgba(0,0,0,.5);text-shadow: 0 0 .25em white;} #jrmMap div.markerOverlay div.label {position: relative;top: .8em;font-size: 1.2em;line-height: .8em;color: black;text-shadow: 0 0 .4em white;background-color: rgba(255,255,255,.4);cursor: pointer;white-space: nowrap;display: none;} #jrmMap div.markerOverlay div.windMarkerOverlay {position: absolute;top: 2px;height: 50pt;width: 50pt;margin-left: -25pt;margin-top: -25pt;overflow: hidden;} #jrmMap div.markerOverlay div.windMarkerOverlay img {line-height: 0;height: 100%;margin-left: 0%;} #jrmMap div.infoOverlay {z-index: 9999;position: absolute;width: 20em;padding: 5px;background-color: rgba(255,255,255,.9);border: 2px solid rgba(255,255,255,.8);border-right-color: rgba(0,0,0,.5);border-bottom-color: rgba(0,0,0,.5);display: none;} #jrmMap div.infoOverlay table {width: 100%;text-align: left;float: left;margin: 0;padding: 0;} #jrmMap div.infoOverlay table td {vertical-align: top;padding-top: .25em;} #jrmMap div.infoOverlay table td.name {font-size: 1.2em;font-weight: bold;padding-bottom: .5em;color: black;border-top: 2px solid #444444;} #jrmMap div.infoOverlay table td.value {font-weight: bold;text-align: right;color: black;} #jrmMap div.infoOverlay table td.label a {color: black;} #jrmMap div.infoOverlay table td.label a strong {color: #bb0000;} #jrmMap div.infoOverlay table td.label a:hover,#jrmMap div.infoOverlay table td.label a:hover strong {color: red;} #jrmMap div.infoOverlay table td.label,#jrmMap div.infoOverlay td.update,#jrmMap div.infoOverlay table td.value,#jrmMap div.infoOverlay table td.title {border-top: 1px solid #bbbbbb;} #jrmMap div.infoOverlay table td.name,#jrmMap div.infoOverlay table td.update {padding-bottom: .5em;} #jrmMap div.infoOverlay table td.title,#jrmMap div.infoOverlay table td.source {font-size: 0.8em;padding-bottom: 0;line-height: 1em;} #jrmMap div.infoOverlay table td.source {padding-top: 0;} #jrmMap div.radiationOverlay {z-index: 9999;position: absolute;width: 100pt;height: 100pt;background-color: black;margin-left: 0em;margin-top: 0em;display: none;} #jrmMap div.radiationOverlay img {width: 100%;height: 100%;} #jrmMap div.radiationOverlay img.nGy50 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);-moz-opacity: .9;opacity: .9;} #jrmMap div.radiationOverlay img.nGy100 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-moz-opacity: .8;opacity: .8;} #jrmMap div.radiationOverlay img.nGy200 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);-moz-opacity: .7;opacity: .7;} #jrmMap div.radiationOverlay img.nGy400 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);-moz-opacity: .3;opacity: .3;} #jrmMap div.radiationOverlay img.nGy800 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);-moz-opacity: .15;opacity: .15;} #jrmMap div.radiationOverlay img.nGy1600 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);-moz-opacity: .1;opacity: .1;} #jrmMap div.radiationOverlay img.nGy3200 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);-moz-opacity: .1;opacity: .1;} #jrmMap div.radiationOverlay img.nGy6400 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);-moz-opacity: .15;opacity: .15;} #jrmMap div.radiationOverlay img.nGy12800 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);-moz-opacity: .08;opacity: .08;} #jrmMap div.icon.shadow,#jrmMap div.label.shadow {-webkit-box-shadow: 0 0 .5em rgba(255,255,255,.6);-moz-box-shadow: 0 0 .5em rgba(255,255,255,.6);box-shadow: 0 0 .5em rgba(255,255,255,.6);} #jrmMap div.radiationOverlay.shadow {box-shadow: 0 0 .2em rgba(255,255,255,.6);} #jrmContainer .radiation50 {background-color: #a0ff63;} #jrmContainer .radiation100 {background-color: #d7ff47;} #jrmContainer .radiation200 {background-color: #ecff39;} #jrmContainer .radiation400 {background-color: #ffe83f;} #jrmContainer .radiation800 {background-color: #ffc50f;} #jrmContainer .radiation1600 {color: white;background-color: #ff9137;} #jrmContainer .radiation3200 {color: white;background-color: #ff4141;} #jrmContainer .radiation6400 {color: white;background-color: #ff0385;} #jrmContainer .radiation12800 {color: white;background-color: #d03fff;} #jrmMap .hidden {display: none;} #timestamp {position: absolute;font-size: 2em;right: 6em;bottom: 2em;color: white;} #timestamp .day {font-weight: bold;} #timestamp .time {color: #cccccc;}