body { font-family:"ＭＳ ゴシック",monospace; }
td { font-size : 13px; }
th { font-size : 13px; }
.ptext { font-size : 12px;}
.jwa { font-size : 12px }
a {
  color : #000000;
  text-decoration : none;
  font-weight : 600;
}
a:hover {
  color : #0000ff;
  text-decoration : none;
  font-weight : 600;
}
.clear {
	margin:0px;
	padding:0px;
	clear:both;
}
#print_title { display : none; }
#print_btn{ padding:0px 10px 0px 0px; cursor:pointer; }

.timetext { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; }
.labelname { BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-SIZE: 12px; BORDER-LEFT: 0px solid; WIDTH: 5em; BORDER-BOTTOM: 0px solid; POSITION: absolute; BACKGROUND-COLOR: #cec; TEXT-ALIGN: center; padding: 1px 0px 0px 0px; color : #0000ff; }
.labeldata { BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-SIZE: 12px; BORDER-LEFT: black 0px solid; WIDTH: 2em; BORDER-BOTTOM: black 0px solid; POSITION: absolute; BACKGROUND-COLOR: #fffffd; TEXT-ALIGN: right; padding: 1px 0px 0px 0px; }

.td_h { background-color: #def0ff; text-align: center; padding: 2px 1px 0px 1px; font-size: 12px}

.posname { FONT-SIZE: 12px; POSITION: absolute; }
.dataf { FONT-SIZE: 14px; POSITION: absolute; color: #ffffff; font-weight:bold; }
.datab { FONT-SIZE: 14px; POSITION: absolute; color: #000000; font-weight:bold; }
#movie_btn { font-size:12px; line-height:12px; padding:2px 8px 2px 8px; }
#mesh_code_btn { display: inline-block; vertical-align: top; cursor:pointer; }

.td_til { background-color: #ffffff; text-align: center;  padding: 5px 1px 3px 1px; font-size: 16px}

/* TAB */
.tab_table {background-color: #808080; margin-top: 3px; margin-bottom: 0px; border: #247d1c; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.tab_tds { background-color: #247d1c; text-align: center; vertical-align: middle; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; font-size: 12px}
.tab_tdn { background-color: #e0ffe0; text-align: center; vertical-align: middle; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; font-size: 12px}

.in_lbl { FONT-SIZE: 12px; margin-left:8px; padding: 2px 0px 0px 0px; }
.in_code { FONT-SIZE: 13px; margin-left:8px; margin-right:2px; width:70px; height:18px; display: inline-block; vertical-align: top;}

.map_box { width:692px; border: #7f7f7f; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; padding: 2px 2px 2px 2px; }
.area_box { width:692px; min-height:80px; padding: 0px 0px 0px 0px; border: #7f7f7f; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; padding: 2px 2px 2px 2px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック", Gothic, sans-serif;}
.msg_box { width:692px; border: #7f7f7f; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; padding: 2px 2px 2px 2px;}
.msg_text { padding: 2px 2px 2px 2px; font-size:13px; line-height:13px; padding-left:8px; text-indent:-8px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック", Gothic, sans-serif;}
.msg_ul { border-bottom: 1px dotted #c0c0c0; }

#mesh_sel_clear { padding:3px 0px 3px 0px; font-size:13px; line-height:13px; width:140px; }

#main_map {filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2; }

.info_til { color: #202020; font-size:13px; line-height:14px; font-family: "ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック", Gothic, sans-serif;}


/*---------------------
	最終更新
-----------------------*/
.warn_time1_til, .warn_time1, .warn_time2_til, .warn_time2, .warn_time3_til, .warn_time3 {
font-size:12px;
white-space:nowrap;
}
.warn_time1_til, .warn_time2_til, .warn_time3_til {
padding:3px 0px 0px 0px;
/*border: solid #ff0000 1px;*/
font-family: "ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック", Gothic, sans-serif;
text-align: right;
}

.warn_time1, .warn_time2, .warn_time3 {
width:70px;
padding:3px 0px 0px 2px;
border: solid #586369 1px;
text-align: center;
}
.warn_time1_til { width:170px; }
.warn_time2_til { width:70px; }
.warn_time3_til { width:80px; }
.warn_sp1 { width:5px; }
.warn_sp2 { width:10px; }

/*---------------------
	地域選択ボタン
-----------------------*/
.area_btn {
  background: #f1f1f1;
  background-image: -webkit-linear-gradient(top, #f1f1f1, #d2d2d2);
  background-image: -moz-linear-gradient(top, #f1f1f1, #d2d2d2);
  background-image: -ms-linear-gradient(top, #f1f1f1, #d2d2d2);
  background-image: -o-linear-gradient(top, #f1f1f1, #d2d2d2);
  background-image: linear-gradient(to bottom, #f1f1f1, #d2d2d2);
/*  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;*/
  color: #050505;
  font-size: 13px;
/*  padding: 3px 0px 3px 0px;*/
  border: solid #586369 1px;
  text-decoration: none;
  margin:1px;
  outline:none;
}

.area_btn_act {
  background: #595959;
  background-image: -webkit-linear-gradient(top, #595959, #303030);
  background-image: -moz-linear-gradient(top, #595959, #303030);
  background-image: -ms-linear-gradient(top, #595959, #303030);
  background-image: -o-linear-gradient(top, #595959, #303030);
  background-image: linear-gradient(to bottom, #595959, #303030);
/*  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;*/
  color: #ffffff;
  font-size: 13px;
/*  padding: 3px 0px 3px 0px;*/
  border: solid #586369 1px;
  text-decoration: none;
  margin:1px;
  outline:none;
}

.area_btn:hover {
  background: #dcecf5;
  background-image: -webkit-linear-gradient(top, #dcecf5, #bbdaed);
  background-image: -moz-linear-gradient(top, #dcecf5, #bbdaed);
  background-image: -ms-linear-gradient(top, #dcecf5, #bbdaed);
  background-image: -o-linear-gradient(top, #dcecf5, #bbdaed);
  background-image: linear-gradient(to bottom, #dcecf5, #bbdaed);
  text-decoration: none;
	cursor:pointer;
}
.w70 { width:68px; height:20px}
.w140 { width:138px; height:20px}

/*---------------------
	datepicker
-----------------------*/
.ui-datepicker { font-size:10px; }
/*.ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default { color:red; }*/
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month { width: auto; } /*年月プルダウン改行禁止*/
.ui-datepicker td span, .ui-datepicker td a { text-align: center;}    /* 日付をセンタリング */
.ui-datepicker { background:#f8f8f8; border:1px solid #67a63c; color:#000000; width:142px; }
#ui-datepicker-div .ui-state-active {color: #0000ff; background: #ffff00; } /*選択日*/
.ui-datepicker th { font-size:10px; padding: 3px 0px 3px 0px; line-height:10px; font-weight: normal; }
.ui-datepicker td { font-size:9px; padding: 1px 0px 0px 0px; line-height:10px; }
/*#ui-datepicker-div .ui-state-highlight {color: #00ff00;}*/ /*当日?*/
.ui-datepicker-sunday .ui-state-default { color: #ff0000; }
.ui-datepicker-saturday .ui-state-default { color: #0000ff; }

/*table.ui-datepicker-calendar tbody td:first-child a.ui-state-default{ color: #F00; }
table.ui-datepicker-calendar tbody td:last-child a.ui-state-default { color: #00F; }*/

table.ui-datepicker-calendar thead th:first-child { color: #F00; }
table.ui-datepicker-calendar thead th:last-child { color: #00F; }

.ui-datepicker-today a.ui-state-highlight { border-color: #d3d3d3; background: #e6e6e6; color: #555555; }
.ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight { border-color: #aaaaaa; background: #ffffff; color: #212121; }

.ui-widget-header { background:#d9d9d9; }

/*時刻選択*/
select#hourList { font-size:11px; width:38px; font-weight: normal;}
select#minuteList { font-size:11px; width:38px; font-weight: normal;}
input#disp_btn { font-size:10px; font-weight: normal; padding:1px 0px 1px 0px; width:30px;}
.hourCap, .minuteCap { font-size:10px; }

/*動画*/
#movie_btn {
	margin-left:8px;
	width:44px;
	height:32px;
}
#slider_play {
	width:65px;
	height:6px;
	padding:0px;
	margin-bottom:2px;
	background-image:url("../images/slider_back.png");
	visibility:hidden;
}
#slider_play .ui-slider-handle {  /* つまみサイズ調整 */
	width:9px;
	height:9px;
	margin-top:2px;
	margin-left:-5px;
	background:#e0e0e0;       /* 色 */
	border:1px solid #808080;
}
.ui-slider .ui-slider-handle:focus { outline: none; }

div#slider_msg1 {
	display: inline-block;
	_display: inline;
	font-size:12px; line-height:13px;
}
div#slider_msg2 {
	display: inline-block;
	_display: inline;
	font-size:11px; line-height:11px;
}