/* 衛星データの使用可能な期間を表示するポップアップ用のスタイル シートです。 */
.balloonoya{
  position: relative;
}
.balloonoya:hover .balloon{
  display: inline;                
}
.balloon{
  position: absolute;
  display: none;
  padding: 2px;
  background-color: rgba(102, 102, 255, 0.50);
  width:180px;
  left: 30%;
  bottom: 100%;
  margin-bottom: 12px;
  font-size: 80%;
}
.balloon:after{
  border-top: 12px solid rgba(102, 102, 255, 0.50);  
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: -12px;
  left : 5%;
  content: "";
  position: absolute;
}