@charset "utf-8"; /******************************************** 天気予報 ********************************************/ .tenkiAlert { clear:both; padding:5px 0; margin:5px 0 0 0; background:#CC3333; color:#FFFFFF; text-align:center; font-size:80%; line-height:1.1; font-weight:bold; } .tenkiModule{ float:left; width:69px; margin:0 0 0 1px; text-align:center; } .tenkiModule .tenkiArea{} .tenkiModule .tenkiTemperature{ list-style:none; line-height:1.1; } .tenkiModule .tenkiTemperature li{ padding-top:3px; } .maximum,.holiday{ color:#CC3333; } .minimum,.saturday{ color:#2464B2; } .tenkiModule .tenkiTemperature .rain span{ padding-left:10px; background: url("../img/tenki_icon_rainfall.gif") no-repeat left 40%; } h2.tenkiIndexsTtlarea { position:relative; } h2.tenkiIndexsTtlarea span { color:#FFFFFF; font-weight:normal; position:absolute; top:10px; right:10px; } /*------------------------------------------ 天気トップのインデックス ------------------------------------------*/ .tenkiIndex { margin:20px 0 0 0; } .tenkiIndex h3 { width:280px; font-size:160%; border-bottom:#BFBFBF solid 1px; margin:10px auto; padding-bottom:10px } .tenkiIndex h4 { width:260px; background:#E2F0FF; margin:20px auto; padding:10px; clear:both; } table.tenkiData { width:100px; float:left; margin:0 20px 0 10px; } table.tenkiData2 { margin:0 20px 0 10px; } /*------------------------------------------ アイコン(100px) ------------------------------------------*/ table.tenkiData .tenki1, table.tenkiData2 .tenki1, table.tenkiData .tenki1n, table.tenkiData2 .tenki1n, table.tenkiData .tenki2, table.tenkiData2 .tenki2, table.tenkiData .tenki2n, table.tenkiData2 .tenki2n, table.tenkiData .tenki3, table.tenkiData2 .tenki3, table.tenkiData .tenki3n, table.tenkiData2 .tenki3n, table.tenkiData .tenki4, table.tenkiData2 .tenki4, table.tenkiData .tenki4n, table.tenkiData2 .tenki4n, table.tenkiData .tenki5, table.tenkiData2 .tenki5, table.tenkiData .tenki5n, table.tenkiData2 .tenki5n, table.tenkiData .tenki6, table.tenkiData2 .tenki6, table.tenkiData .tenki6n, table.tenkiData2 .tenki6n, table.tenkiData .tenki7, table.tenkiData2 .tenki7, table.tenkiData .tenki7n, table.tenkiData2 .tenki7n, table.tenkiData .tenki8, table.tenkiData2 .tenki8, table.tenkiData .tenki8n, table.tenkiData2 .tenki8n, table.tenkiData .tenki9, table.tenkiData2 .tenki9, table.tenkiData .tenki9n, table.tenkiData2 .tenki9n, table.tenkiData .tenki10, table.tenkiData2 .tenki10, table.tenkiData .tenki10n, table.tenkiData2 .tenki10n, table.tenkiData .tenki11, table.tenkiData2 .tenki11, table.tenkiData .tenki11n, table.tenkiData2 .tenki11n, table.tenkiData .tenki12, table.tenkiData2 .tenki12, table.tenkiData .tenki12n, table.tenkiData2 .tenki12n, table.tenkiData .tenki13, table.tenkiData2 .tenki13, table.tenkiData .tenki13n, table.tenkiData2 .tenki13n, table.tenkiData .tenki14, table.tenkiData2 .tenki14, table.tenkiData .tenki14n, table.tenkiData2 .tenki14n, table.tenkiData .tenki15, table.tenkiData2 .tenki15, table.tenkiData .tenki15n, table.tenkiData2 .tenki15n, table.tenkiData .tenki16, table.tenkiData2 .tenki16, table.tenkiData .tenki16n, table.tenkiData2 .tenki16n, table.tenkiData .tenki17, table.tenkiData2 .tenki17, table.tenkiData .tenki18, table.tenkiData2 .tenki18, table.tenkiData .tenki19, table.tenkiData2 .tenki19, table.tenkiData .tenki20, table.tenkiData2 .tenki20, table.tenkiData .tenki21, table.tenkiData2 .tenki21, table.tenkiData .tenki22, table.tenkiData2 .tenki22, table.tenkiData .tenki22n, table.tenkiData2 .tenki22n, table.tenkiData .tenki23, table.tenkiData2 .tenki23, table.tenkiData .tenki24, table.tenkiData2 .tenki24, table.tenkiData .tenki25, table.tenkiData2 .tenki25, table.tenkiData .tenki26, table.tenkiData2 .tenki26, table.tenkiData .tenki27, table.tenkiData2 .tenki27, table.tenkiData .tenki28, table.tenkiData2 .tenki28, table.tenkiData .tenki28n, table.tenkiData2 .tenki28n, table.tenkiData .tenki29, table.tenkiData2 .tenki29, table.tenkiData .tenki29n, table.tenkiData2 .tenki29n, table.tenkiData .tenki30, table.tenkiData2 .tenki30, table.tenkiData .tenki31, table.tenkiData2 .tenki31, table.tenkiData .tenki32, table.tenkiData2 .tenki32, table.tenkiData .tenki33, table.tenkiData2 .tenki33, table.tenkiData .tenki33n, table.tenkiData2 .tenki33n, table.tenkiData .tenki34, table.tenkiData2 .tenki34, table.tenkiData .tenki35, table.tenkiData2 .tenki35, table.tenkiData .tenki36, table.tenkiData2 .tenki36, table.tenkiData .tenki37, table.tenkiData2 .tenki37, table.tenkiData .tenki37n, table.tenkiData2 .tenki37n, table.tenkiData .tenki38, table.tenkiData2 .tenki38, table.tenkiData .tenki38n, table.tenkiData2 .tenki38n, table.tenkiData .tenki39, table.tenkiData2 .tenki39, table.tenkiData .tenki40, table.tenkiData2 .tenki40, table.tenkiData .tenki41, table.tenkiData2 .tenki41, table.tenkiData .tenki41n, table.tenkiData2 .tenki41n, table.tenkiData .tenki42, table.tenkiData2 .tenki42, table.tenkiData .tenki43, table.tenkiData2 .tenki43, table.tenkiData .tenki44, table.tenkiData2 .tenki44, table.tenkiData .tenki45, table.tenkiData2 .tenki45{ width:100px; height:76px; margin:0 auto; } table.tenkiData .tenki1, table.tenkiData2 .tenki1{ background: url("../img/tenki_icon/100px/01.gif") no-repeat center center; } table.tenkiData .tenki1n, table.tenkiData2 .tenki1n{ background: url("../img/tenki_icon/100px/01n.gif") no-repeat center center; } table.tenkiData .tenki2, table.tenkiData2 .tenki2{ background: url("../img/tenki_icon/100px/02.gif") no-repeat center center; } table.tenkiData .tenki2n, table.tenkiData2 .tenki2n{ background: url("../img/tenki_icon/100px/02n.gif") no-repeat center center; } table.tenkiData .tenki3, table.tenkiData2 .tenki3{ background: url("../img/tenki_icon/100px/03.gif") no-repeat center center; } table.tenkiData .tenki3n, table.tenkiData2 .tenki3n{ background: url("../img/tenki_icon/100px/03n.gif") no-repeat center center; } table.tenkiData .tenki4, table.tenkiData2 .tenki4{ background: url("../img/tenki_icon/100px/04.gif") no-repeat center center; } table.tenkiData .tenki4n, table.tenkiData2 .tenki4n{ background: url("../img/tenki_icon/100px/04n.gif") no-repeat center center; } table.tenkiData .tenki5, table.tenkiData2 .tenki5{ background: url("../img/tenki_icon/100px/05.gif") no-repeat center center; } table.tenkiData .tenki5n, table.tenkiData2 .tenki5n{ background: url("../img/tenki_icon/100px/05n.gif") no-repeat center center; } table.tenkiData .tenki6, table.tenkiData2 .tenki6{ background: url("../img/tenki_icon/100px/06.gif") no-repeat center center; } table.tenkiData .tenki6n, table.tenkiData2 .tenki6n{ background: url("../img/tenki_icon/100px/06n.gif") no-repeat center center; } table.tenkiData .tenki7, table.tenkiData2 .tenki7{ background: url("../img/tenki_icon/100px/07.gif") no-repeat center center; } table.tenkiData .tenki7n, table.tenkiData2 .tenki7n{ background: url("../img/tenki_icon/100px/07n.gif") no-repeat center center; } table.tenkiData .tenki8, table.tenkiData2 .tenki8{ background: url("../img/tenki_icon/100px/08.gif") no-repeat center center; } table.tenkiData .tenki8n, table.tenkiData2 .tenki8n{ background: url("../img/tenki_icon/100px/08n.gif") no-repeat center center; } table.tenkiData .tenki9, table.tenkiData2 .tenki9{ background: url("../img/tenki_icon/100px/09.gif") no-repeat center center; } table.tenkiData .tenki9n, table.tenkiData2 .tenki9n{ background: url("../img/tenki_icon/100px/09n.gif") no-repeat center center; } table.tenkiData .tenki10, table.tenkiData2 .tenki10{ background: url("../img/tenki_icon/100px/10.gif") no-repeat center center; } table.tenkiData .tenki10n, table.tenkiData2 .tenki10n{ background: url("../img/tenki_icon/100px/10n.gif") no-repeat center center; } table.tenkiData .tenki11, table.tenkiData2 .tenki11{ background: url("../img/tenki_icon/100px/11.gif") no-repeat center center; } table.tenkiData .tenki11n, table.tenkiData2 .tenki11n{ background: url("../img/tenki_icon/100px/11n.gif") no-repeat center center; } table.tenkiData .tenki12, table.tenkiData2 .tenki12{ background: url("../img/tenki_icon/100px/12.gif") no-repeat center center; } table.tenkiData .tenki12n, table.tenkiData2 .tenki12n{ background: url("../img/tenki_icon/100px/12n.gif") no-repeat center center; } table.tenkiData .tenki13, table.tenkiData2 .tenki13{ background: url("../img/tenki_icon/100px/13.gif") no-repeat center center; } table.tenkiData .tenki13n, table.tenkiData2 .tenki13n{ background: url("../img/tenki_icon/100px/13n.gif") no-repeat center center; } table.tenkiData .tenki14, table.tenkiData2 .tenki14{ background: url("../img/tenki_icon/100px/14.gif") no-repeat center center; } table.tenkiData .tenki15n, table.tenkiData2 .tenki15n{ background: url("../img/tenki_icon/100px/15.gif") no-repeat center center; } table.tenkiData .tenki15, table.tenkiData2 .tenki15{ background: url("../img/tenki_icon/100px/15.gif") no-repeat center center; } table.tenkiData .tenki16, table.tenkiData2 .tenki16{ background: url("../img/tenki_icon/100px/16.gif") no-repeat center center; } table.tenkiData .tenki16n, table.tenkiData2 .tenki16n{ background: url("../img/tenki_icon/100px/16n.gif") no-repeat center center; } table.tenkiData .tenki17, table.tenkiData2 .tenki17{ background: url("../img/tenki_icon/100px/17.gif") no-repeat center center; } table.tenkiData .tenki18, table.tenkiData2 .tenki18{ background: url("../img/tenki_icon/100px/18.gif") no-repeat center center; } table.tenkiData .tenki19, table.tenkiData2 .tenki19{ background: url("../img/tenki_icon/100px/19.gif") no-repeat center center; } table.tenkiData .tenki20, table.tenkiData2 .tenki20{ background: url("../img/tenki_icon/100px/20.gif") no-repeat center center; } table.tenkiData .tenki21, table.tenkiData2 .tenki21{ background: url("../img/tenki_icon/100px/21.gif") no-repeat center center; } table.tenkiData .tenki22, table.tenkiData2 .tenki22{ background: url("../img/tenki_icon/100px/22.gif") no-repeat center center; } table.tenkiData .tenki22n, table.tenkiData2 .tenki22n{ background: url("../img/tenki_icon/100px/22n.gif") no-repeat center center; } table.tenkiData .tenki23, table.tenkiData2 .tenki23{ background: url("../img/tenki_icon/100px/23.gif") no-repeat center center; } table.tenkiData .tenki24, table.tenkiData2 .tenki24{ background: url("../img/tenki_icon/100px/24.gif") no-repeat center center; } table.tenkiData .tenki25, table.tenkiData2 .tenki25{ background: url("../img/tenki_icon/100px/25.gif") no-repeat center center; } table.tenkiData .tenki26, table.tenkiData2 .tenki26{ background: url("../img/tenki_icon/100px/26.gif") no-repeat center center; } table.tenkiData .tenki27, table.tenkiData2 .tenki27{ background: url("../img/tenki_icon/100px/27.gif") no-repeat center center; } table.tenkiData .tenki28, table.tenkiData2 .tenki28{ background: url("../img/tenki_icon/100px/28.gif") no-repeat center center; } table.tenkiData .tenki28n, table.tenkiData2 .tenki28n{ background: url("../img/tenki_icon/100px/28.gif") no-repeat center center; } table.tenkiData .tenki29, table.tenkiData2 .tenki29{ background: url("../img/tenki_icon/100px/29.gif") no-repeat center center; } table.tenkiData .tenki29n, table.tenkiData2 .tenki29n{ background: url("../img/tenki_icon/100px/29n.gif") no-repeat center center; } table.tenkiData .tenki30, table.tenkiData2 .tenki30{ background: url("../img/tenki_icon/100px/30.gif") no-repeat center center; } table.tenkiData .tenki31, table.tenkiData2 .tenki31{ background: url("../img/tenki_icon/100px/31.gif") no-repeat center center; } table.tenkiData .tenki32, table.tenkiData2 .tenki32{ background: url("../img/tenki_icon/100px/32.gif") no-repeat center center; } table.tenkiData .tenki33, table.tenkiData2 .tenki33{ background: url("../img/tenki_icon/100px/33.gif") no-repeat center center; } table.tenkiData .tenki33n, table.tenkiData2 .tenki33n{ background: url("../img/tenki_icon/100px/33n.gif") no-repeat center center; } table.tenkiData .tenki34, table.tenkiData2 .tenki34{ background: url("../img/tenki_icon/100px/34.gif") no-repeat center center; } table.tenkiData .tenki35, table.tenkiData2 .tenki35{ background: url("../img/tenki_icon/100px/35.gif") no-repeat center center; } table.tenkiData .tenki36, table.tenkiData2 .tenki36{ background: url("../img/tenki_icon/100px/36.gif") no-repeat center center; } table.tenkiData .tenki37, table.tenkiData2 .tenki37{ background: url("../img/tenki_icon/100px/37.gif") no-repeat center center; } table.tenkiData .tenki37n, table.tenkiData2 .tenki37n{ background: url("../img/tenki_icon/100px/37.gif") no-repeat center center; } table.tenkiData .tenki38, table.tenkiData2 .tenki38{ background: url("../img/tenki_icon/100px/38.gif") no-repeat center center; } table.tenkiData .tenki38n, table.tenkiData2 .tenki38n{ background: url("../img/tenki_icon/100px/38n.gif") no-repeat center center; } table.tenkiData .tenki39, table.tenkiData2 .tenki39{ background: url("../img/tenki_icon/100px/39.gif") no-repeat center center; } table.tenkiData .tenki40, table.tenkiData2 .tenki40{ background: url("../img/tenki_icon/100px/40.gif") no-repeat center center; } table.tenkiData .tenki41, table.tenkiData2 .tenki41{ background: url("../img/tenki_icon/100px/41.gif") no-repeat center center; } table.tenkiData .tenki41n, table.tenkiData2 .tenki41n{ background: url("../img/tenki_icon/100px/41n.gif") no-repeat center center; } table.tenkiData .tenki42, table.tenkiData2 .tenki42{ background: url("../img/tenki_icon/100px/42.gif") no-repeat center center; } table.tenkiData .tenki43, table.tenkiData2 .tenki43{ background: url("../img/tenki_icon/100px/43.gif") no-repeat center center; } table.tenkiData .tenki44, table.tenkiData2 .tenki44{ background: url("../img/tenki_icon/100px/44.gif") no-repeat center center; } table.tenkiData .tenki45, table.tenkiData2 .tenki45{ background: url("../img/tenki_icon/100px/45.gif") no-repeat center center; } table.tenkiData td{ text-align:center; padding:8px 0; } table.tenkiData2 td{ padding:8px 0; } table.tenkiData2 th{ text-align:center; padding:0 20px 0 0; } table.tenkiData .saikou, table.tenkiData2 .saikou{ color:#CC3333; } table.tenkiData .saitei, table.tenkiData2 .saitei{ color:#2464B2; } table.tenkiRain { width:160px; border:#BDBDBD solid 1px; margin:0 0 8px 0; } table.tenkiRain caption { margin-bottom:5px; text-align:left; } table.tenkiRain th { background:#CCCCCC; padding:8px; border:#BDBDBD solid 1px; text-align:center; } table.tenkiRain td { padding:8px; border:#BDBDBD solid 1px; text-align:center; } /*------------------------------------------ List ------------------------------------------*/ .weather .circleBoxShortInContents, .kafun .circleBoxShortInContents{ padding:0 10px 5px 10px; } .tenkiListTtl, .kafunTtl{ margin:3px 0 5px 0; padding:5px 5px 3px 40px; background: url("../img/tenki_icon_ttl.gif") no-repeat left top; font-size:98%; line-height:1.2; } .tenkiListTtl a{ float:right; } ul.tenkiListNavi{ clear:both; padding:5px 0 0 7px; } ul.tenkiListNavi li{ float:left; padding:0 0 0 30px; } ul.tenkiListNavi li.start{ padding-left:0px; } .tenkiListWrap{ clear:both; padding:13px 0 5px 0; background: url("../img/tenki_list_bg.gif") no-repeat center top; } .tenkiListWrap .tenkiArea{ min-height:30px; height: auto !important; height: 30px; } /*------------------------------------------ アイコン(60px) ------------------------------------------*/ .tenkiListWrap .tenki1, .tenkiListWrap .tenki1n, .tenkiListWrap .tenki2, .tenkiListWrap .tenki2n, .tenkiListWrap .tenki3, .tenkiListWrap .tenki3n, .tenkiListWrap .tenki4, .tenkiListWrap .tenki4n, .tenkiListWrap .tenki5, .tenkiListWrap .tenki5n, .tenkiListWrap .tenki6, .tenkiListWrap .tenki6n, .tenkiListWrap .tenki7, .tenkiListWrap .tenki7n, .tenkiListWrap .tenki8, .tenkiListWrap .tenki8n, .tenkiListWrap .tenki9, .tenkiListWrap .tenki9n, .tenkiListWrap .tenki10, .tenkiListWrap .tenki10n, .tenkiListWrap .tenki11, .tenkiListWrap .tenki11n, .tenkiListWrap .tenki12, .tenkiListWrap .tenki12n, .tenkiListWrap .tenki13, .tenkiListWrap .tenki13n, .tenkiListWrap .tenki14, .tenkiListWrap .tenki14n, .tenkiListWrap .tenki15, .tenkiListWrap .tenki15n, .tenkiListWrap .tenki16, .tenkiListWrap .tenki16n, .tenkiListWrap .tenki17, .tenkiListWrap .tenki18, .tenkiListWrap .tenki19, .tenkiListWrap .tenki20, .tenkiListWrap .tenki21, .tenkiListWrap .tenki22, .tenkiListWrap .tenki22n, .tenkiListWrap .tenki23, .tenkiListWrap .tenki24, .tenkiListWrap .tenki25, .tenkiListWrap .tenki26, .tenkiListWrap .tenki27, .tenkiListWrap .tenki28, .tenkiListWrap .tenki28n, .tenkiListWrap .tenki29, .tenkiListWrap .tenki29n, .tenkiListWrap .tenki30, .tenkiListWrap .tenki31, .tenkiListWrap .tenki32, .tenkiListWrap .tenki33, .tenkiListWrap .tenki33n, .tenkiListWrap .tenki34, .tenkiListWrap .tenki35, .tenkiListWrap .tenki36, .tenkiListWrap .tenki37, .tenkiListWrap .tenki37n, .tenkiListWrap .tenki38, .tenkiListWrap .tenki38n, .tenkiListWrap .tenki39, .tenkiListWrap .tenki40, .tenkiListWrap .tenki41, .tenkiListWrap .tenki41n, .tenkiListWrap .tenki42, .tenkiListWrap .tenki43, .tenkiListWrap .tenki44, .tenkiListWrap .tenki45{ width:60px; height:46px; margin:0 auto; } .tenkiListWrap .tenki1{ background: url("../img/tenki_icon/60px/01.gif") no-repeat center center; } .tenkiListWrap .tenki1n{ background: url("../img/tenki_icon/60px/01n.gif") no-repeat center center; } .tenkiListWrap .tenki2{ background: url("../img/tenki_icon/60px/02.gif") no-repeat center center; } .tenkiListWrap .tenki2n{ background: url("../img/tenki_icon/60px/02n.gif") no-repeat center center; } .tenkiListWrap .tenki3{ background: url("../img/tenki_icon/60px/03.gif") no-repeat center center; } .tenkiListWrap .tenki3n{ background: url("../img/tenki_icon/60px/03n.gif") no-repeat center center; } .tenkiListWrap .tenki4{ background: url("../img/tenki_icon/60px/04.gif") no-repeat center center; } .tenkiListWrap .tenki4n{ background: url("../img/tenki_icon/60px/04n.gif") no-repeat center center; } .tenkiListWrap .tenki5{ background: url("../img/tenki_icon/60px/05.gif") no-repeat center center; } .tenkiListWrap .tenki5n{ background: url("../img/tenki_icon/60px/05n.gif") no-repeat center center; } .tenkiListWrap .tenki6{ background: url("../img/tenki_icon/60px/06.gif") no-repeat center center; } .tenkiListWrap .tenki6n{ background: url("../img/tenki_icon/60px/06n.gif") no-repeat center center; } .tenkiListWrap .tenki7{ background: url("../img/tenki_icon/60px/07.gif") no-repeat center center; } .tenkiListWrap .tenki7n{ background: url("../img/tenki_icon/60px/07n.gif") no-repeat center center; } .tenkiListWrap .tenki8{ background: url("../img/tenki_icon/60px/08.gif") no-repeat center center; } .tenkiListWrap .tenki8n{ background: url("../img/tenki_icon/60px/08n.gif") no-repeat center center; } .tenkiListWrap .tenki9{ background: url("../img/tenki_icon/60px/09.gif") no-repeat center center; } .tenkiListWrap .tenki9n{ background: url("../img/tenki_icon/60px/09n.gif") no-repeat center center; } .tenkiListWrap .tenki10{ background: url("../img/tenki_icon/60px/10.gif") no-repeat center center; } .tenkiListWrap .tenki10n{ background: url("../img/tenki_icon/60px/10n.gif") no-repeat center center; } .tenkiListWrap .tenki11{ background: url("../img/tenki_icon/60px/11.gif") no-repeat center center; } .tenkiListWrap .tenki11n{ background: url("../img/tenki_icon/60px/11n.gif") no-repeat center center; } .tenkiListWrap .tenki12{ background: url("../img/tenki_icon/60px/12.gif") no-repeat center center; } .tenkiListWrap .tenki12n{ background: url("../img/tenki_icon/60px/12n.gif") no-repeat center center; } .tenkiListWrap .tenki13{ background: url("../img/tenki_icon/60px/13.gif") no-repeat center center; } .tenkiListWrap .tenki13n{ background: url("../img/tenki_icon/60px/13n.gif") no-repeat center center; } .tenkiListWrap .tenki14{ background: url("../img/tenki_icon/60px/14.gif") no-repeat center center; } .tenkiListWrap .tenki14n{ background: url("../img/tenki_icon/60px/14n.gif") no-repeat center center; } .tenkiListWrap .tenki15{ background: url("../img/tenki_icon/60px/15.gif") no-repeat center center; } .tenkiListWrap .tenki15n{ background: url("../img/tenki_icon/60px/15.gif") no-repeat center center; } .tenkiListWrap .tenki16{ background: url("../img/tenki_icon/60px/16.gif") no-repeat center center; } .tenkiListWrap .tenki16n{ background: url("../img/tenki_icon/60px/16n.gif") no-repeat center center; } .tenkiListWrap .tenki17{ background: url("../img/tenki_icon/60px/17.gif") no-repeat center center; } .tenkiListWrap .tenki18{ background: url("../img/tenki_icon/60px/18.gif") no-repeat center center; } .tenkiListWrap .tenki19{ background: url("../img/tenki_icon/60px/19.gif") no-repeat center center; } .tenkiListWrap .tenki20{ background: url("../img/tenki_icon/60px/20.gif") no-repeat center center; } .tenkiListWrap .tenki21{ background: url("../img/tenki_icon/60px/21.gif") no-repeat center center; } .tenkiListWrap .tenki22{ background: url("../img/tenki_icon/60px/22.gif") no-repeat center center; } .tenkiListWrap .tenki22n{ background: url("../img/tenki_icon/60px/22n.gif") no-repeat center center; } .tenkiListWrap .tenki23{ background: url("../img/tenki_icon/60px/23.gif") no-repeat center center; } .tenkiListWrap .tenki24{ background: url("../img/tenki_icon/60px/24.gif") no-repeat center center; } .tenkiListWrap .tenki25{ background: url("../img/tenki_icon/60px/25.gif") no-repeat center center; } .tenkiListWrap .tenki26{ background: url("../img/tenki_icon/60px/26.gif") no-repeat center center; } .tenkiListWrap .tenki27{ background: url("../img/tenki_icon/60px/27.gif") no-repeat center center; } .tenkiListWrap .tenki28{ background: url("../img/tenki_icon/60px/28.gif") no-repeat center center; } .tenkiListWrap .tenki28n{ background: url("../img/tenki_icon/60px/28.gif") no-repeat center center; } .tenkiListWrap .tenki29{ background: url("../img/tenki_icon/60px/29.gif") no-repeat center center; } .tenkiListWrap .tenki29n{ background: url("../img/tenki_icon/60px/29n.gif") no-repeat center center; } .tenkiListWrap .tenki30{ background: url("../img/tenki_icon/60px/30.gif") no-repeat center center; } .tenkiListWrap .tenki31{ background: url("../img/tenki_icon/60px/31.gif") no-repeat center center; } .tenkiListWrap .tenki32{ background: url("../img/tenki_icon/60px/32.gif") no-repeat center center; } .tenkiListWrap .tenki33{ background: url("../img/tenki_icon/60px/33.gif") no-repeat center center; } .tenkiListWrap .tenki33n{ background: url("../img/tenki_icon/60px/33n.gif") no-repeat center center; } .tenkiListWrap .tenki34{ background: url("../img/tenki_icon/60px/34.gif") no-repeat center center; } .tenkiListWrap .tenki35{ background: url("../img/tenki_icon/60px/35.gif") no-repeat center center; } .tenkiListWrap .tenki36{ background: url("../img/tenki_icon/60px/36.gif") no-repeat center center; } .tenkiListWrap .tenki37{ background: url("../img/tenki_icon/60px/37.gif") no-repeat center center; } .tenkiListWrap .tenki37n{ background: url("../img/tenki_icon/60px/37.gif") no-repeat center center; } .tenkiListWrap .tenki38{ background: url("../img/tenki_icon/60px/38.gif") no-repeat center center; } .tenkiListWrap .tenki38n{ background: url("../img/tenki_icon/60px/38n.gif") no-repeat center center; } .tenkiListWrap .tenki39{ background: url("../img/tenki_icon/60px/39.gif") no-repeat center center; } .tenkiListWrap .tenki40{ background: url("../img/tenki_icon/60px/40.gif") no-repeat center center; } .tenkiListWrap .tenki41{ background: url("../img/tenki_icon/60px/41.gif") no-repeat center center; } .tenkiListWrap .tenki41n{ background: url("../img/tenki_icon/60px/41n.gif") no-repeat center center; } .tenkiListWrap .tenki42{ background: url("../img/tenki_icon/60px/42.gif") no-repeat center center; } .tenkiListWrap .tenki43{ background: url("../img/tenki_icon/60px/43.gif") no-repeat center center; } .tenkiListWrap .tenki44{ background: url("../img/tenki_icon/60px/44.gif") no-repeat center center; } .tenkiListWrap .tenki45{ background: url("../img/tenki_icon/60px/45.gif") no-repeat center center; } /*------------------------------------------ places ------------------------------------------*/ .attentionContent{ margin:0 0 20px 0; background: url("../img/bg_attention02.gif") no-repeat center bottom; } .attentionContentIn{ padding:20px; background: url("../img/bg_attention01.gif") no-repeat center top; color:#CC3333; font-weight:bold; } .attentionContentIn p{ color:#CC3333; font-size:100%; } .tenkiPlacesTtlarea{ padding:0 0 20px 0; font-size:150%; position:relative; } .tenkiPlacesTtlarea span{ position:absolute; font-size:60%; right:0; font-weight:normal; } .tenkiPlacesTtltime{ margin:-40px 0 20px 0; text-align:right; } .tenkiPlacesState{ margin: 0 0 20px 0; padding: 9px; border: 1px solid #BDBDBD; } .tenkiPlacesStateIn{ padding:5px 10px; background:#F5F5F5; } .tenkiPlacesStateTxt{ padding:10px 5px; font-weight:bold; font-size:100%; line-height:1.4; } table.tenkiPlacesStateTbl{} table.tenkiPlacesStateTbl th{ width:80px; padding:10px 0; text-align:center; font-weight:bold; } table.tenkiPlacesStateTbl td{ width:510px; padding:5px 0; text-align:left; } .tenkiState00, .tenkiState01, .tenkiState02, .tenkiState03{ padding:5px 9px 4px 9px; margin:1px 0 1px 5px; display:inline; background:#CC3333; color:#fff; font-weight:bold; } .tenkiState00{ background:#C800FF; } .tenkiState02{ background:#F3C100; color:#333333; } .tenkiState03{ display:none; } /* 天気1日table */ table.tenkiPlacesDayTbl, table.tenkiPlacesWeekTbl, table.tenkiAlarmTbl{ margin:0 0 20px 0; padding:0; border:1px solid #BDBDBD; line-height:1.2; } table.tenkiPlacesDayTbl th, table.tenkiPlacesDayTbl td, table.tenkiPlacesWeekTbl th, table.tenkiPlacesWeekTbl td{ margin:0; padding:7px 0; border-top:1px solid #BDBDBD; border-right:1px solid #BDBDBD; font-weight:normal; text-align:center; } table.tenkiPlacesDayTbl th, table.tenkiPlacesWeekTbl th{ background:#F5F5F5; } table.tenkiPlacesDayTbl td{ width:60px; } table.tenkiPlacesDayTbl .ttlDay{ padding-left:5px; background:#E2F0FF; text-align:left; } table.tenkiPlacesDayTbl .tenkiClose{ background:#CCCCCC; color:#999999; } table.tenkiPlacesDayTbl .tenkiOpen{ background:#F5F5F5; } /* 天気1週table */ table.tenkiPlacesWeekTbl{ margin-bottom:50px; } table.tenkiPlacesWeekTbl td{ width:65px; } table.tenkiPlacesWeekTbl .ttlDay{ background:#E2F0FF; font-size:90% } .tenkiPlaces .memo { text-align:right; margin-bottom:5px; } /*------------------------------------------ アイコン(60px) ------------------------------------------*/ .tenkiPlaces .tenki1, .tenkiPlaces .tenki1n, .tenkiPlaces .tenki2, .tenkiPlaces .tenki2n, .tenkiPlaces .tenki3, .tenkiPlaces .tenki3n, .tenkiPlaces .tenki4, .tenkiPlaces .tenki4n, .tenkiPlaces .tenki5, .tenkiPlaces .tenki5n, .tenkiPlaces .tenki6, .tenkiPlaces .tenki6n, .tenkiPlaces .tenki7, .tenkiPlaces .tenki7n, .tenkiPlaces .tenki8, .tenkiPlaces .tenki8n, .tenkiPlaces .tenki9, .tenkiPlaces .tenki9n, .tenkiPlaces .tenki10, .tenkiPlaces .tenki10n, .tenkiPlaces .tenki11, .tenkiPlaces .tenki11n, .tenkiPlaces .tenki12, .tenkiPlaces .tenki12n, .tenkiPlaces .tenki13, .tenkiPlaces .tenki13n, .tenkiPlaces .tenki14, .tenkiPlaces .tenki14n, .tenkiPlaces .tenki15, .tenkiPlaces .tenki15n, .tenkiPlaces .tenki16, .tenkiPlaces .tenki16n, .tenkiPlaces .tenki17, .tenkiPlaces .tenki18, .tenkiPlaces .tenki19, .tenkiPlaces .tenki20, .tenkiPlaces .tenki21, .tenkiPlaces .tenki22, .tenkiPlaces .tenki22n, .tenkiPlaces .tenki23, .tenkiPlaces .tenki24, .tenkiPlaces .tenki25, .tenkiPlaces .tenki26, .tenkiPlaces .tenki27, .tenkiPlaces .tenki28, .tenkiPlaces .tenki28n, .tenkiPlaces .tenki29, .tenkiPlaces .tenki29n, .tenkiPlaces .tenki30, .tenkiPlaces .tenki31, .tenkiPlaces .tenki32, .tenkiPlaces .tenki33, .tenkiPlaces .tenki33n, .tenkiPlaces .tenki34, .tenkiPlaces .tenki35, .tenkiPlaces .tenki36, .tenkiPlaces .tenki37, .tenkiPlaces .tenki37n, .tenkiPlaces .tenki38, .tenkiPlaces .tenki38n, .tenkiPlaces .tenki39, .tenkiPlaces .tenki40, .tenkiPlaces .tenki41, .tenkiPlaces .tenki41n, .tenkiPlaces .tenki42, .tenkiPlaces .tenki43, .tenkiPlaces .tenki44, .tenkiPlaces .tenki45{ width:60px; height:46px; margin:0 auto; } .tenkiPlaces .tenki1{ background: url("../img/tenki_icon/60px/01.gif") no-repeat center center; } .tenkiPlaces .tenki1n{ background: url("../img/tenki_icon/60px/01n.gif") no-repeat center center; } .tenkiPlaces .tenki2{ background: url("../img/tenki_icon/60px/02.gif") no-repeat center center; } .tenkiPlaces .tenki2n{ background: url("../img/tenki_icon/60px/02n.gif") no-repeat center center; } .tenkiPlaces .tenki3{ background: url("../img/tenki_icon/60px/03.gif") no-repeat center center; } .tenkiPlaces .tenki3n{ background: url("../img/tenki_icon/60px/03n.gif") no-repeat center center; } .tenkiPlaces .tenki4{ background: url("../img/tenki_icon/60px/04.gif") no-repeat center center; } .tenkiPlaces .tenki4n{ background: url("../img/tenki_icon/60px/04n.gif") no-repeat center center; } .tenkiPlaces .tenki5{ background: url("../img/tenki_icon/60px/05.gif") no-repeat center center; } .tenkiPlaces .tenki5n{ background: url("../img/tenki_icon/60px/05n.gif") no-repeat center center; } .tenkiPlaces .tenki6{ background: url("../img/tenki_icon/60px/06.gif") no-repeat center center; } .tenkiPlaces .tenki6n{ background: url("../img/tenki_icon/60px/06n.gif") no-repeat center center; } .tenkiPlaces .tenki7{ background: url("../img/tenki_icon/60px/07.gif") no-repeat center center; } .tenkiPlaces .tenki7n{ background: url("../img/tenki_icon/60px/07n.gif") no-repeat center center; } .tenkiPlaces .tenki8{ background: url("../img/tenki_icon/60px/08.gif") no-repeat center center; } .tenkiPlaces .tenki8n{ background: url("../img/tenki_icon/60px/08n.gif") no-repeat center center; } .tenkiPlaces .tenki9{ background: url("../img/tenki_icon/60px/09.gif") no-repeat center center; } .tenkiPlaces .tenki9n{ background: url("../img/tenki_icon/60px/09n.gif") no-repeat center center; } .tenkiPlaces .tenki10{ background: url("../img/tenki_icon/60px/10.gif") no-repeat center center; } .tenkiPlaces .tenki10n{ background: url("../img/tenki_icon/60px/10n.gif") no-repeat center center; } .tenkiPlaces .tenki11{ background: url("../img/tenki_icon/60px/11.gif") no-repeat center center; } .tenkiPlaces .tenki11n{ background: url("../img/tenki_icon/60px/11n.gif") no-repeat center center; } .tenkiPlaces .tenki12{ background: url("../img/tenki_icon/60px/12.gif") no-repeat center center; } .tenkiPlaces .tenki12n{ background: url("../img/tenki_icon/60px/12n.gif") no-repeat center center; } .tenkiPlaces .tenki13{ background: url("../img/tenki_icon/60px/13.gif") no-repeat center center; } .tenkiPlaces .tenki13n{ background: url("../img/tenki_icon/60px/13n.gif") no-repeat center center; } .tenkiPlaces .tenki14{ background: url("../img/tenki_icon/60px/14.gif") no-repeat center center; } .tenkiPlaces .tenki14n{ background: url("../img/tenki_icon/60px/14n.gif") no-repeat center center; } .tenkiPlaces .tenki15{ background: url("../img/tenki_icon/60px/15.gif") no-repeat center center; } .tenkiPlaces .tenki15n{ background: url("../img/tenki_icon/60px/15.gif") no-repeat center center; } .tenkiPlaces .tenki16{ background: url("../img/tenki_icon/60px/16.gif") no-repeat center center; } .tenkiPlaces .tenki16n{ background: url("../img/tenki_icon/60px/16n.gif") no-repeat center center; } .tenkiPlaces .tenki17{ background: url("../img/tenki_icon/60px/17.gif") no-repeat center center; } .tenkiPlaces .tenki18{ background: url("../img/tenki_icon/60px/18.gif") no-repeat center center; } .tenkiPlaces .tenki19{ background: url("../img/tenki_icon/60px/19.gif") no-repeat center center; } .tenkiPlaces .tenki20{ background: url("../img/tenki_icon/60px/20.gif") no-repeat center center; } .tenkiPlaces .tenki21{ background: url("../img/tenki_icon/60px/21.gif") no-repeat center center; } .tenkiPlaces .tenki22{ background: url("../img/tenki_icon/60px/22.gif") no-repeat center center; } .tenkiPlaces .tenki22n{ background: url("../img/tenki_icon/60px/22n.gif") no-repeat center center; } .tenkiPlaces .tenki23{ background: url("../img/tenki_icon/60px/23.gif") no-repeat center center; } .tenkiPlaces .tenki24{ background: url("../img/tenki_icon/60px/24.gif") no-repeat center center; } .tenkiPlaces .tenki25{ background: url("../img/tenki_icon/60px/25.gif") no-repeat center center; } .tenkiPlaces .tenki26{ background: url("../img/tenki_icon/60px/26.gif") no-repeat center center; } .tenkiPlaces .tenki27{ background: url("../img/tenki_icon/60px/27.gif") no-repeat center center; } .tenkiPlaces .tenki28{ background: url("../img/tenki_icon/60px/28.gif") no-repeat center center; } .tenkiPlaces .tenki28n{ background: url("../img/tenki_icon/60px/28.gif") no-repeat center center; } .tenkiPlaces .tenki29{ background: url("../img/tenki_icon/60px/29.gif") no-repeat center center; } .tenkiPlaces .tenki29n{ background: url("../img/tenki_icon/60px/29n.gif") no-repeat center center; } .tenkiPlaces .tenki30{ background: url("../img/tenki_icon/60px/30.gif") no-repeat center center; } .tenkiPlaces .tenki31{ background: url("../img/tenki_icon/60px/31.gif") no-repeat center center; } .tenkiPlaces .tenki32{ background: url("../img/tenki_icon/60px/32.gif") no-repeat center center; } .tenkiPlaces .tenki33{ background: url("../img/tenki_icon/60px/33.gif") no-repeat center center; } .tenkiPlaces .tenki33n{ background: url("../img/tenki_icon/60px/33n.gif") no-repeat center center; } .tenkiPlaces .tenki34{ background: url("../img/tenki_icon/60px/34.gif") no-repeat center center; } .tenkiPlaces .tenki35{ background: url("../img/tenki_icon/60px/35.gif") no-repeat center center; } .tenkiPlaces .tenki36{ background: url("../img/tenki_icon/60px/36.gif") no-repeat center center; } .tenkiPlaces .tenki37{ background: url("../img/tenki_icon/60px/37.gif") no-repeat center center; } .tenkiPlaces .tenki37n{ background: url("../img/tenki_icon/60px/37.gif") no-repeat center center; } .tenkiPlaces .tenki38{ background: url("../img/tenki_icon/60px/38.gif") no-repeat center center; } .tenkiPlaces .tenki38n{ background: url("../img/tenki_icon/60px/38n.gif") no-repeat center center; } .tenkiPlaces .tenki39{ background: url("../img/tenki_icon/60px/39.gif") no-repeat center center; } .tenkiPlaces .tenki40{ background: url("../img/tenki_icon/60px/40.gif") no-repeat center center; } .tenkiPlaces .tenki41{ background: url("../img/tenki_icon/60px/41.gif") no-repeat center center; } .tenkiPlaces .tenki41n{ background: url("../img/tenki_icon/60px/41n.gif") no-repeat center center; } .tenkiPlaces .tenki42{ background: url("../img/tenki_icon/60px/42.gif") no-repeat center center; } .tenkiPlaces .tenki43{ background: url("../img/tenki_icon/60px/43.gif") no-repeat center center; } .tenkiPlaces .tenki44{ background: url("../img/tenki_icon/60px/44.gif") no-repeat center center; } .tenkiPlaces .tenki45{ background: url("../img/tenki_icon/60px/45.gif") no-repeat center center; } dl.tenkiNaviSub{ } dl.tenkiNaviSub dt{ clear:both; padding:15px 5px 10px 5px; font-size:110%; border-bottom:1px solid #ccc; } dl.tenkiNaviSub dd { padding:10px 5px 0 5px; line-height:1.8; } dl.tenkiNaviSub dd ul li{ float:left; width:150px; } dl.tenkiNaviSub dd ul li a{ background: url("../img/icon_arrow.gif") no-repeat left 6px; padding: 0 0 0 10px; } /*------------------------------------------ alarm ------------------------------------------*/ .tenkiAlarmLegend{ text-align:right; padding:0 0 10px 0; } table.tenkiAlarmTbl td{ margin:0; padding:10px 5px; border-top:1px solid #BDBDBD; border-right:1px solid #BDBDBD; font-weight:normal; text-align:left; } table.tenkiAlarmTbl .tenkiState00, table.tenkiAlarmTbl .tenkiState01, table.tenkiAlarmTbl .tenkiState02, table.tenkiAlarmTbl .tenkiState03, table.tenkiPlacesStateTbl .tenkiState00, table.tenkiPlacesStateTbl .tenkiState01, table.tenkiPlacesStateTbl .tenkiState02, table.tenkiPlacesStateTbl .tenkiState03{ float:left; font-size:100%; } table.tenkiAlarmTbl .ttl01{ width:50px; background:#E2F0FF; text-align:center; vertical-align:middle; } table.tenkiAlarmTbl .ttl02{ width:70px; background:#E8E8E8; vertical-align:middle; } table.tenkiAlarmTbl .ttl03{ width:120px; background:#F5F5F5; vertical-align:middle; } /*------------------------------------------ nimbus ------------------------------------------*/ .tenkiNimbusTab{ width:630px; height:70px; overflow:hidden; } .tenkiNimbusTab1, .tenkiNimbusTab2{ float:left; width:315px; height:70px; position:relative; } .tenkiNimbusTab1 span, .tenkiNimbusTab2 span{ position:absolute; display:block; top:41px; left:15px; width:285px; text-align:center; } .tenkiNimbus1, .tenkiNimbus2{ width:630px; } .tenkiNimbusBtn{ padding:15px 5px 14px 5px; } .tenkiNimbus1 .tenkiNimbusBtn{ background: url("../img/tenki_nimbus_bg1a.gif") no-repeat left bottom; } .tenkiNimbus2 .tenkiNimbusBtn{ background: url("../img/tenki_nimbus_bg2a.gif") no-repeat left bottom; } ul.tenkiNimbusBtnTime li{ float:left; padding:0 0 0 10px; } .tenkiNimbusBtnAnime{ clear:both; padding:13px 0 0 0; text-align:center; } .tenkiNimbusAnime{ padding:15px; } .tenkiNimbus1 .tenkiNimbusAnime{ background: url("../img/tenki_nimbus_bg1b.gif") no-repeat left bottom; } .tenkiNimbus2 .tenkiNimbusAnime{ background: url("../img/tenki_nimbus_bg2b.gif") no-repeat left bottom; } .tenkiNimbusAnimeLegend{ padding:10px 0 0 0; text-align:center; } /*------------------------------------------ nimbus 120919追加分 ------------------------------------------*/ .tenkiNimbusAnime ul{ width:600px; height:600px; overflow:hidden; position:relative; } .tenkiNimbusAnime ul li{ position:absolute; left:0px; top:0px; z-index:1; } .tenkiNimbusAnime ul li.current{ z-index:10; } .tenkiNimbus2, .tenkiNimbusTabAfter{ display:none; } /******************************************** 花粉予報 ********************************************/ .kafunTtl{ background: url("../img/kafun_icon_ttl.gif") no-repeat left top; } .kafunWrap{ clear:both; padding:13px 0 5px 0; background: url("../img/kafun_bg.gif") no-repeat center top; } .kafunWrap .kafunModuleL, .kafunWrap .kafunModuleR{ width:130px; float:left; } .kafunWrap .kafunModuleR{ float:right; } .kafunWrap .kafunArea{ float:left; width:50px; padding:5px 0 0 0; text-align:center; } .kafunWrap .kafun01,.kafunWrap .kafun02,.kafunWrap .kafun03,.kafunWrap .kafun04{ float:right; width:75px; height:40px; margin:0 auto; background:url("../img/kafun_01.gif") no-repeat center center; } .kafunWrap .kafun02{ background-image:url("../img/kafun_02.gif"); } .kafunWrap .kafun03{ background-image:url("../img/kafun_03.gif"); } .kafunWrap .kafun04{ background-image:url("../img/kafun_04.gif"); } /*------------------------------------------ 汎用 ------------------------------------------*/ .fleft { float:left; } .fright { float:right; } /******************************************** 特別警報追加 ********************************************/ .tenkiAlert_tokubetsu { clear:both; padding:7px 0; margin:5px 0 0 0; background:#C800FF; color:#FFFFFF; text-align:center; font-size:80%; line-height:1.1; font-weight:bold; text-shadow:1px 1px 1px #333333; } .tenkiAlert_tokubetsu_setsumei{ padding:8px 0; background-color:#E0DFD1; text-align:center; } .tenkiAlert_tokubetsu_text1{ clear:both; color:#C800FF; text-align:center; font-size:80%; line-height:1.1; font-weight:bold; } .tenkiAlert_tokubetsu_text2{ clear:both; width:90%; padding:7px 0px 6px 0px; margin:6px auto 0px auto; background-color:#ffffff; color:#666666; text-align:center; font-size:70%; line-height:0.7; font-weight:bold; } .attention_tokubetsu{ margin:0 0 20px 0; background: url("//www.kobe-np.co.jp/linkunit/right-oshirase/images/bg_attention_tokubetsu.png") no-repeat center bottom; position:relative; overflow:hidden; width:630px; height:80px; } .attention_tokubetsu_message{ position:absolute; top:15px; left:25px; font-weight:bold; color:#ffffff; font-size:110%; line-height:1.3; } .attention_tokubetsu_setsumei{ position:absolute; top:22px; left:292px; width:325px; text-align:center; } .attention_tokubetsu_text1{ clear:both; color:#C800FF; text-align:center; font-size:100%; line-height:1.0; font-weight:bold; } .attention_tokubetsu_text2{ clear:both; margin:8px auto 0px auto; color:#666666; text-align:center; font-size:85%; line-height:0.7; font-weight:bold; } .tenkiPlacesStateTxt_tokubetsu{ clear:both; padding:10px 0; margin:10px 0 10px 0; background:#ffffff; color:#666666; text-align:center; font-size:100%; line-height:1.1; font-weight:bold; } /******************************************** トップページへのアラート表示 ********************************************/ .tenki_link_jishin{ margin-left:40px; } .tenki_link_tsunami{ margin-left:35px; } /******************************************** TOP右横天気スプライト化対応20141218 ********************************************/ /*------------------------------------------ スプライト画像の呼び出し ------------------------------------------*/ .circleBoxShort_sprite, .circleBoxShortIn_sprite, .tenkiListTtl_sprite, .tenkiListTtl_sprite a, .tenkiListWrap_sprite, .tenkiArea_kobe_sprite, .tenkiArea_toyooka_sprite, .tenkiArea_osaka_sprite, .tenkiArea_kyoto_sprite, .tenki_sprite1, .tenki_sprite1n, .tenki_sprite2, .tenki_sprite2n, .tenki_sprite3, .tenki_sprite3n, .tenki_sprite4, .tenki_sprite4n, .tenki_sprite5, .tenki_sprite5n, .tenki_sprite6, .tenki_sprite6n, .tenki_sprite7, .tenki_sprite7n, .tenki_sprite8, .tenki_sprite8n, .tenki_sprite9, .tenki_sprite9n, .tenki_sprite10, .tenki_sprite10n, .tenki_sprite11, .tenki_sprite11n, .tenki_sprite12, .tenki_sprite12n, .tenki_sprite13, .tenki_sprite13n, .tenki_sprite14, .tenki_sprite14n, .tenki_sprite15, .tenki_sprite16, .tenki_sprite16n, .tenki_sprite17, .tenki_sprite18, .tenki_sprite19, .tenki_sprite20, .tenki_sprite21, .tenki_sprite22, .tenki_sprite22n, .tenki_sprite23, .tenki_sprite24, .tenki_sprite25, .tenki_sprite26, .tenki_sprite27, .tenki_sprite28, .tenki_sprite29, .tenki_sprite29n, .tenki_sprite30, .tenki_sprite31, .tenki_sprite32, .tenki_sprite33, .tenki_sprite33n, .tenki_sprite34, .tenki_sprite35, .tenki_sprite36, .tenki_sprite37, .tenki_sprite38, .tenki_sprite38n, .tenki_sprite39, .tenki_sprite40, .tenki_sprite41, .tenki_sprite41n, .tenki_sprite42, .tenki_sprite43, .tenki_sprite44, .tenki_sprite45, .tenki_sprite_icon_rainfall, .tenki_sprite_icon_ttl, .tenki_sprite_list_bg, .rain_sprite span, ul.tenkiListNavi li.link_kakuchi_sprite a, ul.tenkiListNavi li.link_kumo_sprite a, ul.tenkiListNavi li.link_alarm_sprite a, ul.tenkiListNavi li.link_jishin_sprite a, ul.tenkiListNavi li.link_tsunami_sprite a{ display: block; overflow: hidden; background-image:url('../img/tenki_sprite.gif'); background-repeat: no-repeat; } /*------------------------------------------ 外枠下 ------------------------------------------*/ .circleBoxShort_sprite{ background-position: -330px -1656px; width: 300px; padding-bottom: 7px; margin: 20px 0; } /*------------------------------------------ 外枠上 ------------------------------------------*/ .circleBoxShortIn_sprite{ background-position: -330px -1949px; width: 300px; padding-top: 5px; } /*------------------------------------------ タイトル画像、もっと詳しく ------------------------------------------*/ .tenkiListTtl_sprite{ margin:3px 0 5px 0; padding: 5px 5px 3px 40px; background-position: -330px -535px; font-size:98%; line-height: 1.2; } .tenkiListTtl_sprite a{ background-position: -330px -856px; width: 52px; height: 16px; float:right; } .tenkiListTtl_sprite a:hover{ opacity: 0.6; filter: alpha(opacity=60); } /*------------------------------------------ 中枠線 ------------------------------------------*/ .tenkiListWrap_sprite{ clear:both; padding:13px 0 5px 0; background-position: -390px -984px; } /*------------------------------------------ 天気エリア ------------------------------------------*/ .tenkiArea_kobe_sprite{ background-position: -320px -192px; width: 69px; min-height:30px; height: auto !important; } .tenkiArea_toyooka_sprite{ background-position: -320px -396px; width: 69px; min-height:30px; height: auto !important; } .tenkiArea_osaka_sprite{ background-position: -310px -332px; width: 69px; min-height:30px; height: auto !important; } .tenkiArea_kyoto_sprite{ background-position: -310px -268px; width: 69px; min-height:30px; height: auto !important; } /*------------------------------------------ 雨粒 ------------------------------------------*/ .rain_sprite span{ padding-left: 10px; background-position: -315px -470px;; line-height: 20px; } /*------------------------------------------ 各地 ------------------------------------------*/ ul.tenkiListNavi li.link_kakuchi_sprite{ width: 67px; height: 14px; padding-left: 0px; } ul.tenkiListNavi li.link_kakuchi_sprite a{ background-position: -330px -669px; height: 14px; } ul.tenkiListNavi li.link_kakuchi_sprite a:hover{ opacity: 0.6; filter: alpha(opacity=60); } /*------------------------------------------ 雨雲 ------------------------------------------*/ ul.tenkiListNavi li.link_kumo_sprite{ width: 66px; height: 14px; float: left; padding: 0 0 0 30px; } ul.tenkiListNavi li.link_kumo_sprite a{ background-position: -330px -792px; height: 14px; } ul.tenkiListNavi li.link_kumo_sprite a:hover{ opacity: 0.6; filter: alpha(opacity=60); } /*------------------------------------------ 警報 ------------------------------------------*/ ul.tenkiListNavi li.link_alarm_sprite{ width: 76px; height: 14px; float: left; padding: 0 0 0 30px; } ul.tenkiListNavi li.link_alarm_sprite a{ background-position: -330px -730px; height: 14px; } ul.tenkiListNavi li.link_alarm_sprite a:hover{ opacity: 0.6; filter: alpha(opacity=60); } /*------------------------------------------ 地震 ------------------------------------------*/ ul.tenkiListNavi li.link_jishin_sprite{ width: 33px; height: 14px; margin-left: 40px; } ul.tenkiListNavi li.link_jishin_sprite a{ background-position: -330px -607px; height: 14px; } ul.tenkiListNavi li.link_jishin_sprite a:hover{ opacity: 0.6; filter: alpha(opacity=60); } /*------------------------------------------ 津波 ------------------------------------------*/ ul.tenkiListNavi li.link_tsunami_sprite{ width: 33px; height: 14px; margin-left: 40px; } ul.tenkiListNavi li.link_tsunami_sprite a{ background-position: -330px -920px; height: 14px; } ul.tenkiListNavi li.link_tsunami_sprite a:hover{ opacity: 0.6; filter: alpha(opacity=60); } /*------------------------------------------ 天気アイコン(60px) ------------------------------------------*/ .tenki_sprite1{ background-position: 0 0; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite1n{ background-position: 0 -96px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite2{ background-position: 0 -192px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite2n{ background-position: 0 -288px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite3{ background-position: 0 -384px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite3n{ background-position: 0 -480px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite4{ background-position: 0 -576px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite4n{ background-position: 0 -672px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite5{ background-position: 0 -768px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite5n{ background-position: 0 -864px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite6{ background-position: 0 -960px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite6n{ background-position: 0 -1056px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite7{ background-position: 0 -1152px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite7n{ background-position: 0 -1248px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite8{ background-position: 0 -1344px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite8n{ background-position: 0 -1440px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite9{ background-position: 0 -1536px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite9n{ background-position: 0 -1632px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite10{ background-position: 0 -1728px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite10n{ background-position: 0 -1824px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite11{ background-position: 0 -1920px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite11n{ background-position: -110px 0; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite12{ background-position: -110px -96px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite12n{ background-position: -110px -192px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite13{ background-position: -110px -288px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite13n{ background-position: -110px -384px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite14{ background-position: -110px -480px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite14n{ background-position: -110px -576px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite15{ background-position: -110px -672px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite16{ background-position: -110px -768px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite16n{ background-position: -110px -864px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite17{ background-position: -110px -960px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite18{ background-position: -110px -1056px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite19{ background-position: -110px -1152px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite20{ background-position: -110px -1248px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite21{ background-position: -110px -1344px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite22{ background-position: -110px -1440px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite22n{ background-position: -110px -1536px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite23{ background-position: -110px -1632px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite24{ background-position: -110px -1728px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite25{ background-position: -110px -1824px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite26{ background-position: -110px -1920px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite27{ background-position: -220px 0; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite28{ background-position: -220px -96px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite29{ background-position: -220px -192px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite29n{ background-position: -220px -288px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite30{ background-position: -220px -384px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite31{ background-position: -220px -480px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite32{ background-position: -220px -576px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite33{ background-position: -220px -672px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite33n{ background-position: -220px -768px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite34{ background-position: -220px -864px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite35{ background-position: -220px -960px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite36{ background-position: -220px -1056px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite37{ background-position: -220px -1152px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite38{ background-position: -220px -1248px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite38n{ background-position: -220px -1344px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite39{ background-position: -220px -1440px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite40{ background-position: -220px -1536px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite41{ background-position: -220px -1632px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite41n{ background-position: -220px -1728px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite42{ background-position: -220px -1824px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite43{ background-position: -220px -1920px; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite44{ background-position: -330px 0; width: 60px; height: 46px; margin:0 auto;} .tenki_sprite45{ background-position: -330px -96px; width: 60px; height: 46px; margin:0 auto;}