* {
  margin:0;
  padding:0;
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size:12px;
}
#background{
//  background-color:#000;
  top: 0px;
  left: 0px;
  position:fixed;
}

/* heder */
#header {
  height: 45px;
  overflow: hidden;
//  background-image: url("/static/service/img/v1/siomi.png");
//  background-position: 0 -200px;
//  border-top: solid 2px #EEE;
  border-top: solid 2px #FFF;
  border-bottom: solid 2px #DDD;
}
#header-title {
  height:45px;
  line-height:45px;
  vertical-align:middle;
  float:left;
}
#header-title h1 {
  margin-left:15px;
  letter-spacing:0.1em;
  padding-top:3px;
  font-weight:normal;
//  font-size:28px;
  font-size:22px;
  color:#333;
//  text-shadow:3px 2px 2px #c0c0c0;
}
#info-button {
  float:right;
  margin:5px 10px 0 0;
  width:43px;
  height:43px;
//  padding-rop:10px;
  overflow: hidden;
  background-image: url("/static/service/img/v1/siomi.png");
  background-position: 0 -50px;
}
#info-button:hover {
  opacity:0.6;
}
#info-dialog {
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-bottom:none;
}
.ui-dialog {
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border:solid 1px #888;
  box-shadow: 0 0 10px #888;
  -moz-box-shadow: 0 0 10px #888;
  -webkit-box-shadow: 0 0 10px #888;
}
.ui-dialog-titlebar {
  display:none;
}
#info-box {
  overflow:hidden;
  border:none;
}
#info-header {
  height:30px;
  line-height:30px;
  vertical-align:middle;
  font-size:18px;
  padding:5px 0 0 5px;
  border:none;
  background-color:#DDD;
  border-bottom:solid 1px #999;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 7px;  
  -moz-border-radius-topright: 7px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
#info-content {
  padding:5px;
  font-size:16px;
  border:none;
  background-color:#EEE;
  border-bottom:none;
  overflow-x:hidden;
  overflow-y:scroll;
}
#info-content-118 {
  margin:5px 0;
  font-size:16px;
  background-color:#FBFBFB;
  border-top:solid 1px #FFF;
  border-right:solid 1px #CCC;
  border-bottom:solid 1px #CCC;
  border-left:solid 1px #FFF;
}
#info-content-118-head {
  text-align:center;
  font-size:16px;
  text-decoration:underline;
}
#info-content-118-case {
  border:solid 1px #999;
  margin:5px;
}
.information-content a {
  font-size:18px;
}
.ui-dialog-buttonpane {
  background-color:#fbfbfb;
  border-top:none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-border-radius-topleft: 0;  
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;  
  -webkit-border-top-left-radius: 0;  
  -webkit-border-top-right-radius: 0;  
  -webkit-border-bottom-right-radius: 7px;  
  -webkit-border-bottom-left-radius: 7px;  
}
.ui-dialog-buttonset {
  background-color:#EEE;
  border:none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-border-radius-topleft: 0;  
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;  
  -webkit-border-top-left-radius: 0;  
  -webkit-border-top-right-radius: 0;  
  -webkit-border-bottom-right-radius: 7px;  
  -webkit-border-bottom-left-radius: 7px;  
}
button.ui-button {
  margin:5px;
  width:84px;
  height:40px;
  vertical-align:middle;
  background-color:#FFF;
  border:#777 1px solid;
  cursor:pointer;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  diplay:block;
  background: linear-gradient(to bottom, #ededed, #e9e9e9 45%, #dadada 45%, #cfcfcf);
  background: -moz-linear-gradient(top, #ededed, #e9e9e9 45%, #dadada 45%, #cfcfcf);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(0.45, #e9e9e9), color-stop(0.45, #dadada), to(#cfcfcf)); // cfcfcf
  box-shadow: 0 0 1px 1px #FFF inset;
  -moz-box-shadow: 0 0 1px 1px #FFF inset;
  -webkit-box-shadow: 0 0 1px 1px #FFF inset;
}
span.ui-button-text {
  font-size:23px;
  font-weight:normal;
  color:#555;
}
#link-jma {
  width:120px;
  height:60px;
  display:block;
  overflow:hidden;
}
#link-jma img {
  margin:-60px 0 0 -500px;
}
#link-jcg {
  width:300px;
  height:50px;
  display:block;
  overflow:hidden;
}
#link-jcg img {
  margin:-50px 0 0 -650px;
}
#link-contact {
  font-size:18px;
  margin-left:5px;
}

/* news */
#news{
  height:0;
  background-color:#111;
  border:solid 1px #333;
  color:#0F0;
  vertical-align:center;
  padding:5px 0px 3px 0px;
  font-size:small;
  display:none;
}
#weather {
  height:0;
  background-color:#FFF;
  border:1px;
  display:none;
}
#mode-body {
  overflow:hidden;
  border-top:solid 1px #FFF;
  border-bottom:solid 1px #BBB;
}

/* script#calendar-square-tmpl */
#calendar-square-content {
  overflow-y:scroll;
}
div.jspTrack,div.jspVerticalBar {
  width:5px;
  background-color:transparent;
}
div.jspDrag {
  width: 6px;
  background-color:#cb0000;
  border-radius:3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* script#calendar-day-tmpl */
.jspContainer {
  background-color:#d1dff7;
}
.calendar-day-base {
  background-color:transparent;
  height:54px; // default
  width:300px; // default
  margin:0;
  margin-top:-2px;
  padding:2px 3px 2px 2px;
}
.calendar-day-base.selected{
  background:#fae852;
}
.calendar-day-box {
  height: 46px;
  padding: 2px 0;
  margin: 0 0 0 1px;
  background-color: #fff;
  overflow: hidden;
  border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border:solid 2px #BBB;
  box-shadow: 0 0 1px 1px #FFF inset;
  -moz-box-shadow: 0 0 1px 1px #FFF inset;
  -webkit-box-shadow: 0 0 1px 1px #FFF inset;
}
.calendar-day-box.saturday {
  border:solid 2px #000080;
  background-color:#f5fffa;
}
.calendar-day-box.sunday {
  border:solid 2px #cd5c5c;
  background-color:#fff0f5;
}
.calendar-day-box.holiday {
  border:solid 1px #cd5c5c;
  background-color:#fff0f5;
}
.calendar-day-today {
  float:left;
  border:none;
  margin:6px 0 0 2px;
  height:35px;
  width:4px;
  background-color:transparent;
}
.calendar-day-today.today {
  background-color:#F00;
}
.calendar-day-moon {
  float:left;
  width: 35px;
  height: 35px;
  margin: 6px 0 0 2px;
  overflow: hidden;
  background-color: transparent;
  border: none;
}
.calendar-day-moon img{
  top: 0;
  left: 0;
  margin: -120px 0 0 0;
}
.calendar-day-date {
  float:left;
}
.calendar-day-date-top.saturday {
  color: #0000cd;
}
.calendar-day-date-top.sunday {
  color: #dc143c;
}
.calendar-day-date-top.holiday {
  color: #dc143c;
}
.calendar-day-date-top {
  margin-top: -3px;
}
.calendar-day-date-top,.calendar-day-date-middle,.calendar-day-date-bottom {
  font-size: 14px;
  border: none;
  height: 15px;
  text-align: center;
}
.calendar-day-high-tide,.calendar-day-low-tide {
  float: left;
  overflow-y: hidden;
  text-align: center;
  padding: 1px 0 0 3px;
}
.calendar-day-high-tide {
  margin-left:-7px;
  color: #0000cd;
}
.calendar-day-low-tide {
  color: #dc143c;
}
.calendar-day-high-tide pre, .calendar-day-low-tide pre {
  font-size: 14px;
  line-height: 15px;
}

/* script id#daily-plotarea-tmpl */
#line-today {
  top: 10px;
  width:1px;
  border:0;
  background-color:#F00;
  position:absolute;
}

/* script id#daily-calendar-tmpl */
.daily-calendar-box {
  top:80px;
  z-index: 100;
  padding: 3px;
  position:absolute;
  border:solid 2px #999999;
  color: #555;
  border-radius:6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.daily-calendar-date {
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  text-decoration: underline;
  letter-spacing: 0.1em;
  text-align:center;
}
.daily-calendar-date.saturday {
  color:#0000cd;
}
.daily-calendar-date.sunday {
  color:#dc143c;
}
.daily-calendar-body {
}
.daily-calendar-body-inner {
  float:left;
  display:inline-block;
}
.daily-calendar-body-inner.left {
//  margin-left:5px;
}
.daily-calendar-body-inner-content {
  text-align:center;
  font-size:14px;
}
.daily-calendar-body-inner-content.tide-name {
}
.daily-calendar-body-inner-content.moon-age {
}
.daily-calendar-body-inner-content.moon-image {
  width: 35px;
  height: 35px;
  margin: 0 0 0 12px;
  overflow:hidden;
}
.daily-calendar-body-inner-content.moon-image img {
  top:  0;
  left: 0;
  margin:-120px 0 0 0;
}
.daily-calendar-body-inner.right {
//  margin-left:5px;
  padding-top:4px;
}
.daily-calendar-body-inner-content.high-low-tide {
  line-height:14px;
  font-size:14px;
  text-align:left;
}
.daily-calendar-body-inner-content.high-low-tide.high-tide {
  color:#0000cd;
}
.daily-calendar-body-inner-content.high-low-tide.low-tide {
  color:#dc143c;
}

/* div.daily-plotarea-tmpl */
.daily-plotarea-box {
  overflow:hidden;
}

/* axes */
/*
#daily-plotarea-xaxis {
  z-index:998;
  position:absolute;
  left:0;
}
#daily-plotarea-yaxis {
  z-index:998;
  position:fixed;
  left:0;
}
 */
/* .daily-night-box */
.daily-night-box {
  top: 10px;
  float:left;
  ovarflow:hidden;
  opacity:0.5;
  border:none;
}
.daily-night-box.left {
  border-right:solid 1px #fe7509;
  background: linear-gradient(to right, rgba(25,25,112,0.6), rgba(25,25,112,0.3) 70%, rgba(254,117,9,0.3));
  background: -moz-linear-gradient(left, rgba(25,25,112,0.6), rgba(25,25,112,0.3) 70%, rgba(254,117,9,0.3));
  background: -webkit-gradient(linear, left top, right top, from(rgba(25,25,112,0.6)), color-stop(0.7, rgba(25,25,112,0.3)), to(rgba(254,117,9,0.3)));
}
.daily-night-box.right {
  border-left:solid 1px #fe7509;
  background: linear-gradient(to right, rgba(254,117,9,0.3), rgba(25,25,112,0.3) 30%, rgba(25,25,112,0.6));
  background: -moz-linear-gradient(left, rgba(254,117,9,0.3), rgba(25,25,112,0.3) 30%, rgba(25,25,112,0.6));
  background: -webkit-gradient(linear, left top, right top, from(rgba(254,117,9,0.3)), color-stop(0.3, rgba(25,25,112,0.3)), to(rgba(25,25,112,0.6)));
}
.daily-daytime-box {
  top: 10px;
  float:left;
  ovarflow:hidden;
  border:none;
  background-color:transparent;
  opacity:0.9;
}
.daily-daytime-box-icon-box {
  margin-top: 20px;
  width:30px;
  height:32;
  position:absolute;
  float:left;
  disply:inline;
}
.daily-daytime-box-icon-box.left {
  margin-left:-15px;
  float:left;
  disply:inline;
}
.daily-daytime-box-icon-box.right {
  float:left;
  disply:inline;
}
.daily-daytime-box-icon {
  width:30px;
  height:22px;
  overflow:hidden;
  background-color:transparent;
}
.daily-daytime-box-icon.left {
}
.daily-daytime-box-icon.right {
}
.daily-daytime-box-icon img {
  margin:-50px 0 0 -50px;
}
.daily-daytime-box-time {
  font-size:12px;
  font-weight:bold;
  text-align:center;
}
.daily-night-box-time.left {
}
.daily-night-box-time.right {
}

/* div.pager */
.pager {
  position:fixed;
  height:45px;
  width:45px;
  border:1px solid #ffa500;
  background:transparent;
  border-radius:24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  cursor:pointer;
}
.pager.left {
  left:20px;
}
.pager.right {
  left:80px;
}
.pager-back {
  top:0;
  left:0;
  height:45px;
  line-height:45px;
  width:43px;
  overflow:hidden;
  text-align:center;
  vertical-align:middle;
  padding:0px;
  background-color:#FFF;
  opacity:0.3;
  cursor:pointer;
  border-radius:24px;
  -webkit-border-radius: 24px; 
  -moz-border-radius: 24px;
  background: rgb(255,255,255);
}
.pager-mark {
  position:relative;
  top:-43px;
  left:0px;
  width:45px;
  height:45px;
  overflow:hidden;
  cursor:pointer;
}
.pager-mark.left {

}
.pager-mark.left img {
  margin:-51px 0 0 -298px;
}
.pager-mark.right {

}
.pager-mark.right img {
  margin:-51px 0 0 -348px;
}
/* script#map-area-tmpl */
/* .map-area-point, .daily-plotarea-point {
  height:20px;
  line-height:20px;
  background-color:#FFFFFF;
  opacity:0.5;
  text-align:center;
  vertical-align:center;
}
 */
/* script#alert-area-tmpl */
.map-area-base {
//  width:300px;
//  height:200px;
//  overflow:scroll;
}
.map-area-inner {
//  margin:-230px 0 0 -150px;
  margin:-110px 0 0 -10px;
  width:1400px;
  height:1000px;
}
#iframe-warn {
  width:1400px;
  height:1400px;
  zoom:0.6;
  -moz-transform: scale(0.6);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.6);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.6);
  -webkit-transform-origin: 0 0;
}
#alert-legend {
  position:fixed;
  top:;
  right:0;
  width:81px;
  height:147px;
  overflow:hidden;
}
#alert-legend img {
  margin:0 0 0 -1150px;
}

/* point-box */
.point-box {
  height:30px;
  line-height:35px;
  vertical-align:middle;
  font-weight:bold;
  text-underline-position: above;
  background-color:#EEE;
  border-top:solid 1px #FFF;
  border-bottom:solid 1px #BBB;
  text-align:center;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.point-box:hover {
  background-color:#E9E9E9;
  text-decoration: underline;
}
.point-box-star {
  display:inline;
  margin:0;
  width:25px;
  height:25px;
  overflow:hidden;
  display:inline-block;
}
.point-box-star img {
  top: 0;
  left: 0;
  margin:-75px 0 0 -250px;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.point-box-star img.selected {
  margin:-50px 0 0 -250px;
}
.point-box-name {
  display:inline-block;
  color:#0000cd;
  font-size:22px;
  padding-top:1px;
  height:25px;
  line-height:25px;
  vertical-align:top;
  text-decoration: underline;
  -moz-user-select: none;
  -webkit-user-select: none;
}
/* book mark popup */
.bookmark-point-box {
  height:37px;
  vertical-align:middle;
  border:solid 1px #3cb371;
  margin:5px 5px 2px 5px;
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.bookmark-point-box:hover {
  background-color:#92f2bd;
  opacity:0.6;
}
.bookmark-point-delete {
  width:31px;
  height:31px;
  margin:3px 0 3px 7px;
  border:none;
  overflow: hidden;
  display:inline-block;
}
.bookmark-point-delete img {
  margin:-50px 0 0 -400px;
}
.bookmark-point-delete img:hover {
  opacity:0.7;
}
.bookmark-point-label {
  height:31px;
  line-height:31px;
  color:#19197;
  font-size:20px;
  vertical-align:middle;
  position:absolute;
  margin:4px 0 0 13px;
  display:inline-block;
  border:none;
}
.bookmark-point-label:hover {
  opacity:0.7;
}

/* mode changer */
.mode-box {
  height:10px;
  background-color:#FFF;
  box-shadow: 0 5px 5px 3px #FFF;
  -moz-box-shadow: 0 5px 5px 3px #FFF;
  -webkit-box-shadow: 0 5px 5px 3px #FFF;
}
.mode-button {
  position:fixed;
  font-size:23px;
  float:left;
  width:70px;
  height:32px;
  line-height:32px;
  margin-left:5px;
  vertical-align:middle;
  text-align:center;
  background-color:#EEE;
  border:#707070 1px solid;
  cursor:pointer;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background: linear-gradient(to bottom, #ededed, #e9e9e9 45%, #dadada 45%, #cfcfcf);
  background: -moz-linear-gradient(top, #ededed, #e9e9e9 45%, #dadada 45%, #cfcfcf);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(0.45, #e9e9e9), color-stop(0.45, #dadada), to(#cfcfcf)); // cfcfcf
  box-shadow: 0 0 1px 1px #FFF inset;
  -moz-box-shadow: 0 0 1px 1px #FFF inset;
  -webkit-box-shadow: 0 0 1px 1px #FFF inset;
}
.mode-button:hover {
  color:#555;
}
.mode-button._1st {
  left: 0px;
  letter-spacing:-0.2em;
}
.mode-button._2nd {
  left: 80px;
}
.mode-button._3rd {
  left: 160px;
}
.mode-button._4th {
  left: 240px;
}

/* #social-plugin-box */
#social-plugin-box {
  position:fixed;
  left: 5px;
}

/* .selector-button */
.selector-button {
  height:60px;
  width:46px;
  position:fixed;
  border-bottom:none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;  
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;  
  -webkit-border-top-left-radius: 4px;  
  -webkit-border-top-right-radius: 4px;  
  -webkit-border-bottom-right-radius: 0;  
  -webkit-border-bottom-left-radius: 0;  
}
.selector-button.left {
  right:105px;
  background-color:#c11414;
}
.selector-button.center {
  right:55px;
  background-color:#224dc9;
}
.selector-button.right {
  right:5px;
  background-color:#0ea552;
}
.selector-button-top {
  border-bottom:solid 1px #FFF;
  height:6px;
  margin-bottom:3px;
}
.selector-button-icon {
  float:left;
  height:45px;
  width:37px;
  margin:4px 4px 0 6px;
  line-height:30px;
  vertical-align:middle;
  text-align:center;
  border:none;
  color:#FFF;
  font-weight:bold;
  overflow:hidden;
}
.selector-button-icon.date-select img {
  margin:-50px 0 0 -100px;
}
.selector-button-icon.point-select img {
  margin:-50px 0 0 -150px;
}
.selector-button-icon.book-mark img {
  margin:-50px 0 0 -200px;
}

/* #slide-popup */
#slide-popup {
  position:fixed;
  left:0;
  height:0px;
  width:100%;
  background-color:#EEE;
  box-shadow: 0 0 10px #888;
  -moz-box-shadow: 0 0 10px #888;
  -webkit-box-shadow: 0 0 10px #888;
}
#slide-popup-header {
  height:30px;
  line-height:30px;
  vertical-align:middle;
  font-size:20px;
  padding-left:5px;
  background-color:#DDD;
  border-bottom:solid 1px #999;
}
.slide-popup-header.left {
}
.slide-popup-header.center {
//  background-color:#839be1;
//  border-bottom:solid 1px #4169e1;
}
.slide-popup-header.right {
//  background-color:#92f2bd;
//  border-bottom:solid 1px #3cb371;
}
#slide-popup-header-close {
  float:right;
  width:31px;
  height:28px;
  line-height:25px;
  text-align:center;
  vertical-align:center;
  font-size:16px;
  color:#555;
  cursor:pointer;
  border-top:none;
  border-right:solid 1px #EEE;
  border-bottom:solid 1px #EEE;
  border-left:solid 1px #FFF;
  margin: 0 10px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;  
  -webkit-border-bottom-left-radius: 4px;  
}
#slide-popup-close-label {
  
}
#slide-popup-header-close:hover {
  opacity:0.6;
}
#slide-popup-footer {
  height:0px;
}

/* #point-select-area */
.point-select-link {
  padding:2px 4px;
  display: inline-block;
  _display: inline;
  border:solid 1px #F00;
}
.point-select-link.selected {
  background-color:#F00;
}

/* #adv-box */
#adv-box {
  height:121px;
  overflow: hidden;
//  background-color:#EEE;
  background-color:#FFF;
  padding-top:5px;
}

/* #footer */
#footer {
}

/* date picker */
.ui-datepicker-inline {
  border:none;
}
.ui-datepicker-header {
  height:30px;
  background: linear-gradient(to bottom, #f7a1a1, #cd5c5c);
  background: -moz-linear-gradient(top, #f7a1a1, #cd5c5c);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7a1a1), to(#cd5c5c));
}
span.ui-datepicker-year {
  font-size:20px;
}
span.ui-datepicker-month {
  font-size:20px;
}

/* point select */
#point-select-area {
  padding:3px;
  height:400px;
  overflow-y:scroll;
}
.region-select-box {
  margin-bottom:2px;
  border: 1px solid #d3d3d3;
  background: linear-gradient(to bottom, #EEE, #DDD);
  background: -moz-linear-gradient(top, #EEE, #DDD);
  background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
  border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.region-select-box.selected{
  border: 1px solid #d3d3d3;
  margin-bottom:0;
  background: linear-gradient(to bottom, #839be1, #4169e1);
  background: -moz-linear-gradient(top, #839be1, #4169e1);
  background: -webkit-gradient(linear, left top, left bottom, from(#839be1), to(#4169e1));
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
.point-select-box-list {
}
.region-select-link {
  font-size:20px;
  display: inline-block;
  _display: inline;
  padding:0 3px;
  color:#0000CD;
  cursor:pointer;
  text-decoration: underline;
}
.region-select-link:hover {
  opacity:0.7;
}
.region-select-link.selected{
  color:#FFF;
  font-weight:bold;
}
.point-select-box {
  padding: 0 3px 0 3px;
  cursor:pointer;
  border: 1px solid #d3d3d3;
  border-radius:6px;
  -moz-border-radius: 6px;  
  -webkit-border-radius: 6px;  
  display: none;
}
.point-select-box.selected {
  margin:0 0 2px 0;
  padding:1px 1px 1px 1px;
  border-top:none;
  display: block;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 0;  
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 0;  
  -webkit-border-top-right-radius: 0;  
  -webkit-border-bottom-right-radius: 5px;  
  -webkit-border-bottom-left-radius: 5px;  
}
.point-select-link {
  margin:0 0.5px 0.5px 0;
  height:28px;
  font-size:20px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  min-width: 3em;
  border-radius: 5px;
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;
  border:solid 1px #888;  
  display:inline-block;
  background-color:#f8f8ff;
}
.point-select-link:hover {
  opacity:0.7;
}
.point-select-link.selected {
  font-weight:bold;
  background-color:#839be1;
  border:solid 1px #4169e1;
}