@charset"UTF-8";

#header ul#menu li.menu_weather a { background-position: -618px bottom; }

#pan { margin-bottom: 30px; }

#weather h2 {
  clear: left;
  height: 22px;
  padding-left: 25px;
  border-bottom: 2px solid #9a6200;
  background: url(/images/star_22px_gold.gif) no-repeat;
}

#weather #lead { margin-bottom: 20px; }
#weather #lead p { margin-bottom: 1.3em; }
#weather #lead span { font-weight: bold; }

#weather #squall { height: 146px; background: url(../images/img_squall.gif) no-repeat right 23px; }
#weather #squall p { padding-right: 320px; }
#weather #squall, #weather #now { margin-bottom: 20px; }

#weather #squall h3, #weather #now h3,
#weather table#seasonality caption { margin-bottom: 15px; padding: 4px 10px; background: url(/images/strength_tit_bg.gif) repeat-y; text-align: left; }

#weather #squall h3 span { display: block; width: 101px; height: 15px; background: url(../images/txt_squall.gif) no-repeat; font-size: 1px; text-indent: -9999px; }
#weather #now h3 span { display: block; width: 147px; height: 15px; background: url(../images/txt_now.gif) no-repeat; font-size: 1px; text-indent: -9999px; }
#weather table#seasonality caption span { display: block; width: 167px; height: 15px; background: url(../images/txt_seasonality.gif) no-repeat; font-size: 1px; text-indent: -9999px; }

#weather #now {  }
#weather #now #now_weather { float: left; width: 270px; margin-bottom: 20px; }

#weather #now #now_time { float: right; width: 330px; margin-bottom: 20px; font-weight: bold; text-align: right; }
#weather #now #now_time td { padding: 15px 10px 0; vertical-align: top; text-align: center; }

#weather table#seasonality { margin-bottom: 20px; border: 1px solid #666666; border-collapse: collapse; line-height: normal; }
#weather table#seasonality .month th { width: 41px; _width: auto ; background-color: #dceef2; color: #034347; }
#weather table#seasonality .month th.empty { width: 115px; background-color: #fff; }
#weather table#seasonality th, #weather table#seasonality td { padding: 3px 0; border: 1px solid #666666; text-align: center; }

#weather table#seasonality th.item { width: 115px; background-color: #fdecd9; white-space: nowrap; }
#weather table#seasonality .figure td { letter-spacing: 0.1em; }

#weather table#seasonality .naname td { padding: 0 !important; border: none; background: url(../images/img_naname_r.gif) no-repeat right center; }
#weather table#seasonality .naname td span { display: block; padding: 3px 0; background: url(../images/img_naname_l.gif) no-repeat left center; }
#weather table#seasonality .naname td.end { background: none; }
#weather table#seasonality .naname td.start span { background: none; }

#weather table#seasonality .naname td.start2 { padding: 0 !important; border: none; background: url(../images/img_naname_l.gif) no-repeat right top; }
#weather table#seasonality .naname td.start2 span { display: block; margin-right: 40px; padding: 3px 0; background: url(../images/img_naname_r.gif) no-repeat right top; }

#weather table#seasonality .naname2 td { padding: 0 !important; border: none; background: url(../images/img_naname_l.gif) no-repeat right top; }
#weather table#seasonality .naname2 td span { display: block; height: 25px; margin-right: 40px; padding: 3px 0; background: url(../images/img_naname_r.gif) no-repeat right top; }
#weather table#seasonality .naname2 td.end { background: none; }
#weather table#seasonality .naname2 td.end span { margin-right: 0; background: none; }

#weather table#seasonality tr.konzatsu td { background-color: #ff9cbd; }
#weather table#seasonality .neraime { background-color: #9cffdb !important; }

#weather table#seasonality td.sea { text-align: left; }
#weather table#seasonality td.sea ul li { margin-bottom: 1px; padding: 2px 0; color: #fff; text-align: center; font-size: smaller; line-height: 1.3em; background-color: #008cb3;
  border-radius: 8px;         /* CSS3 */
  -moz-border-radius: 8px;    /* Firefox */
  -webkit-border-radius: 8px; /* Safari,Chrome */
}

#weather table#seasonality td.sea ul li.m01 { float: left; width: 209px; }
#weather table#seasonality td.sea ul li.m02 { float: left; width: 250px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#weather table#seasonality td.sea ul li.m03 { float: right; width: 41px; }
#weather table#seasonality td.sea ul li.suka { clear: both; width: 250px; margin-left: 146px; }
#weather table#seasonality td.sea ul li.jin { width: 209px; margin-left: 209px; }
#weather table#seasonality td.sea ul li.iwa { float: left; width: 83px; margin-left: 252px; _margin-left: 126px; margin-right: 1px; }
#weather table#seasonality td.sea ul li.baby { float: left; width: 83px; }
#weather table#seasonality td.sea ul li.oki { clear: both; width: 41px; margin-left: 378px; }
#weather table#seasonality td.sea ul li.dol { margin-bottom: 0; }