@charset "UTF-8"; /*================================= / reset /=================================*/ body { font-family: "MS PGothic","MS UI Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Helvetica,Arial,sans-serif; } .yj950-1 #wrapper, .yj950-1-3 #wrapper, .yj950-2 #wrapper, .yj950-3 #wrapper { padding: 0px !important; } small { line-height: 1.15em !important; } #cat-pass { margin-bottom: 5px !important; } strong { font-weight: bold; } #pos-lrec dl { background-color: #ffffff; } #pos-lrec dt { padding: 0 4px 2px 4px; } #pos-tlrec { text-align: center; margin: 0 0 10px; } #pos-tlrec dl { background-color: #ffffff; } #pos-tlrec dt { padding: 0 4px 2px 4px; display: inline-block; font-size: 12px; font-weight: normal; line-height: 12px; vertical-align: middle; } #pos-ysp { margin: 8px 0px; } #emg2 br, #emg3 br { display: none; } .yjplg { margin-bottom: 10px; clear: both; } /*================================= / tag style /=================================*/ h1 { color: #ffffff; font-weight: bold; float: left; vertical-align: text-bottom; padding-top: 6px; padding-bottom: 6px; padding-left: 5px; } #main h2 { color: #000000; font-weight: bold; float: left; } #sub h2 { color: #000000; font-weight: bold; float: left; vertical-align: text-bottom; margin-top: 0px; margin-left: 2px; } /*================================= 2. common parts =================================*/ /*********************** ad_style ***********************/ #pos-ct { padding: 5px; text-align: center; } /*********************** SQB_20090907add ***********************/ #pos-sqb { line-height: 1.3; width: 100%; } #pos-sqb tr[bgcolor="#eee"] td { text-align: center; } #pos-sqm { border: 1px solid #ccc; background: #fff; text-align: left; } #pos-sqm td { line-height: 1.3; } #pos-eup { text-align: center; } #pos-tn *, #pos-tnp * { text-align: left; } #pos-ybbgd table { width: 100%; } #pos-rp { text-align: center; } html > body #pos-rp td td table { margin: 3px auto; } #pos-ybbgd * { text-align: center; } #pos-lrec dd { text-align: left !important; height: 1%; zoom: 1 !important; word-break: break-all !important; } #pos-tlrec dd { text-align: left !important; height: 1%; zoom: 1 !important; word-break: break-all !important; } #pos-ult { margin: 0 0 10px 0; } /*********************** /ad_style ***********************/ .yjw_clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .yjw_clr { overflow: hidden; } .highest { color: #f30; } .lowest { color: #06f; } .grayout { color: #999; } /************************ notation ************************/ .yjw_note { padding: 2px 5px; margin: 0 0 0 auto; text-align: right; } .yjw_note img { margin: 0 3px; } .yjw_note_arrow { padding: 5px; margin: 0 0 0 auto; text-align: right; } .yjw_note_arrow a { background: url(http://i.yimg.jp/images/weather/common/yjw_arrow.gif) 0 50% no-repeat; padding-left: 12px; } .yjw_arrow { background: url(http://i.yimg.jp/images/weather/common/yjw_arrow.gif) 0 50% no-repeat; padding-left: 12px; } /************************ /notation ************************/ .yjw_border { margin: 10px; height: 1px; overflow: hidden; color: #fff; background: url(http://i.yimg.jp/images/weather/common/yjw_border.gif) !important; } .yjw_border_s { margin: 1px 5px; height: 1px; overflow: hidden; color: #fff; background: url(http://i.yimg.jp/images/weather/common/yjw_border.gif) !important; } dl.yjw_simage { margin: 5px; } dl.yjw_simage dd p { margin-top: 5px; margin-bottom: 5px; text-align: center; } dl.yjw_simage dd p img { border: 5px solid #eee; padding: 0px; text-align: center; } .select { color: #000 !important; font-weight: bold !important; } .yjw_bg_gray { background: #f4f4f4; } .yjw_bg_blue { background: #e9eefd; } /*** group boxes ***/ .yjw_md { margin: 0 0 10px 0; padding: 0; } .yjw_mds { margin: 0 0 5px 0; padding: 0; } .yjw_md_lined { margin: 0 0 10px 0; padding: 0; border: 1px solid #c5cee8; } .yjw_mds_lined { margin: 0 0 5px 0; padding: 0; border: 1px solid #c5cee8; } .yjw_main_md { margin: 0 0 10px 0; padding: 0; } .yjw_main_mds { margin: 0 0 5px 0; padding: 0; } .yjw_main_md_lined { margin: 0 0 10px 0; padding: 0; border: 1px solid #c5cee8; } .yjw_main_mds_lined { margin: 0 0 5px 0; padding: 0; border: 1px solid #c5cee8; } .yjw_sub_md { margin: 0 0 10px 0; padding: 0; } .yjw_sub_mds { margin: 0 0 5px 0; padding: 0; } .yjw_sub_md_lined { margin: 0 0 10px 0; padding: 0; width: 300px; overflow: hidden; } .yjw_sub_mds_lined { margin: 0 0 5px 0; padding: 0; border: 1px solid #c5cee8; } /*** /group boxes ***/ .yjw_innercolumn { margin: 5px; border: 1px solid #c5cee8; background: #fff; } .yjw_innerbox { padding: 5px; } .yjw_innerbox .yjw_innerbox_left { float: left; width: 50%; } .yjw_innerbox .yjw_innerbox_right { float: right; width: 49%; } .yjw_innerbox li { margin: 0.5em 0 0 0; } #yjw_know .yjw_innerbox h3 { margin: 0; padding: 0; border: 0; background: #fff; font-weight: bold; } #yjw_know .yjw_innerbox .yjw_innerbox_left h3, #yjw_know .yjw_innerbox .yjw_innerbox_right h3, #yjw_movie .yjw_innerbox .yjw_innerbox_left h3, #yjw_movie .yjw_innerbox .yjw_innerbox_right h3 { margin: 0 0 5px 0; padding: 5px; border: 0; border-bottom: 1px solid #c5cee8; border-right: 1px solid #c5cee8; background: #e9eefd; font-weight: bold; } .yjw_innercolumn p.img { float: left; margin-right: 5px; padding: 1px; border: 1px solid #ccc; } .yjw_innercolumn p.img img { vertical-align: bottom; } /*********************** search area ***********************/ .yjw_pnts_search { margin: 0 0 4px 0; width: 950px; background: #eee url(http://i.yimg.jp/images/weather/common/yjw_pnts_search_bg.gif) left bottom repeat-x; } .yjw_pnts_search fieldset { padding: 5px 5px 7px 5px; } .yjw_pnts_search fieldset legend { float: left; margin: 3px; } div.yjw_pnts_search form { float: left; width: 640px; } /*********************** button area ***********************/ #yjw_buttonarea { padding: 4px 4px 7px 4px; float: right; width: 300px; text-align: right; } #yjw_buttonarea img { margin-right: 3px; vertical-align: top; } /********************** table area ************************/ .yjw_table { margin: 5px auto; border: 1px solid #c5cee8; text-align: left; } .boderset th, .boderset td { border: 1px solid #c5cee8; border-collapse: collapse; } .yjw_table2 { margin: 5px auto 0 auto; border: 1px solid #ccc; text-align: left; } .yjw_table3 { margin: 0px auto; border: 1px solid #fff; text-align: left; } .yjw_table td, .yjw_table th { vertical-align: middle; border: 1px solid #c5cee8; } .yjw_table2 td, .yjw_table2 th { vertical-align: middle; border: 1px solid #c6c6c6; } .yjw_table3 td, .yjw_table3 th { vertical-align: middle; border: 1px solid #fff; } .yjw_table td table td, .yjw_table td table th, .yjw_table2 td table td, .yjw_table2 td table th, .yjw_table3 td table td, .yjw_table3 td table th { border: 0; } .yjw_table caption, .yjw_table2 caption { margin: 2px auto; text-align: left; } .yjw_table caption span.left, .yjw_table2 caption span.left { display: block; float: left; text-align: left; } .yjw_table caption span.right, .yjw_table2 caption span.right { display: block; float: right; text-align: left; } .yjw_table thead, .yjw_table2 thead, .yjw_table3 thead { background: #e9eefd; } .yjw_table3 tbody tr { text-align: left !important; } .yjw_table3 thead tr, .yjw_table3 tfoot tr { text-align: center !important; } .yjw_table3_s { margin: 5px auto; border: 1px solid #fff; text-align: center; } .yjw_table3_s td { border: 1px solid #fff; } .yjw_table_s { margin: 5px auto; border: 1px solid #c5cee8; text-align: left; } .yjw_table_s td, .yjw_table_s th { vertical-align: middle; border: 1px solid #c5cee8; } .yjw_table_s caption { margin: 0 auto; width: 630px; text-align: left; } .yjw_table_s caption span.left { display: block; float: left; text-align: left; } .yjw_table_s caption span.right { display: block; float: right; text-align: left; } .yjw_table_s thead { background: #e9eefd; } #yjw_kakuchi h3 { padding: 1px 1px 1px 5px; background: #eee; font-weight: bold; } #yjw_kakuchi dl { padding: 1px 1px 1px 10px; } #yjw_kakuchi ul { padding: 1px 1px 1px 0; } #yjw_kakuchi dt { display: inline; margin-right: 5px; } #yjw_kakuchi dd { display: inline; } #yjw_kakuchi li a { padding-left: 17px; background: url(http://i.yimg.jp/images/weather/common/dot.gif) 5px 5px no-repeat; } #yjw_kakuchi dd ul { display: inline; } #yjw_kakuchi dd ul li { display: inline; } #yjw_kakuchi dd ul li a { padding-left: 0 !important; background: none !important; } /***** clime *****/ #yjw_kakuchi_clime ul { margin: 5px 0; text-align: center; } ul#yjw_kakuchi_clime { margin: 0 5px 15px 5px; } #yjw_kakuchi_clime li { display: inline-block; *display: inline; *zoom: 1; line-height: 1em; margin-top: 5px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #aaa; } #yjw_kakuchi_clime li.last { border-right: 0; } #yjw_kakuchi_clime_02 ul { margin: 5px 0; text-align: center; } ul#yjw_kakuchi_clime_02 { margin-left: 10px; } #yjw_kakuchi_clime_02 li { display: inline-block; *display: inline; *zoom: 1; } #yjw_kakuchi_clime_02 li .gline { color: #aaa; } /***** pref *****/ #yjw_kakuchi_pref ul { margin: 5px 0; text-align: center; } #yjw_kakuchi_pref li { display: inline; padding-left: 10px; padding-right: 10px; border-right: 1px solid #aaa; } #yjw_kakuchi_pref li.last { border-right: 0; } /***** area *****/ #yjw_kakuchi_area dt, #yjw_kakuchi_pref dt { padding: 0 5px; background: #eee; font-weight: bold; } #yjw_kakuchi_area dd, #yjw_kakuchi_pref dd { display: inline; } #yjw_kakuchi_area ul, #yjw_kakuchi_pref ul { margin: 0 5px 15px 5px; line-height: 1em; } #yjw_kakuchi_area li, #yjw_kakuchi_pref li { display: inline-block; *display: inline; *zoom: 1; line-height: 1em; margin-top: 8px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #aaa; } #yjw_kakuchi_area li.first, #yjw_kakuchi_pref li.first { padding-left: 0; } #yjw_kakuchi_area li.last, #yjw_kakuchi_pref li.last { border-right: 0; } #yjw_kakuchi_pnts ul { margin-top: 5px; } #yjw_kakuchi_pnts li { width: 19.9%; float: left; text-indent: 17px; background: url(http://i.yimg.jp/images/weather/common/dot.gif) 5px 7px no-repeat; } /** long **/ #yjw_long_1month dl, #yjw_long_3month dl, #yjw_long_warm dl { margin: 5px 0; } #yjw_long_1month dt, #yjw_long_3month dt, #yjw_long_warm dt { padding: 1px; background: #eee; font-weight: bold; } #yjw_long_1month dd, #yjw_long_3month dd, #yjw_long_warm dd { margin: 5px 0; } #yjw_long_1month dd.long_yoho, #yjw_long_3month dd.long_yoho, #yjw_long_warm dd.long_yoho { padding-left: 10px; } dl.yjw_list { margin: 5px 0; } dl.yjw_list dt { padding: 2px; background: #eee; font-weight: bold; } dl.yjw_list dd ul li { margin-left: 5px; padding-left: 12px; background: url(http://i.yimg.jp/images/weather/common/dot.gif) 0 6px no-repeat; } dl.yjw_navi { margin: 2px auto 5px auto; clear: both; } dl.yjw_navi dt { clear: both; margin: 2px 2px 5px 2px; padding: 5px 5px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #f4f4f4; color: #333; font-weight: bold; } dl.yjw_navi dt.catselect { border-bottom: 1px solid #ddf; border-right: 1px solid #ddf; background-color: #e8efff; color: #000; } dl.yjw_navi2 dt.catselect { border-bottom: 1px solid #ddf; border-right: 1px solid #ddf; background-color: #e8efff; color: #000; } dl.yjw_navi dd { display: block; margin: 4px 0; padding: 0; color: #999; text-indent: 9px; } dl.yjw_navi2 { width: 100%; margin: 2px auto 5px auto; } dl.yjw_navi2 dd.select { background: url(http://i.yimg.jp/images/weather/common/yjw_arrow.gif) 0 50% no-repeat !important; } dl.yjw_navi2 dt { clear: both; margin: 2px; padding: 5px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #f4f4f4; color: #444; font-weight: bold; } dl.yjw_navi2 dl dd { display: block; margin: 2px 0 2px 0px; padding: 0; color: #999; text-indent: 9px; } dl.yjw_navi2 dl dt { clear: both; margin: 1px; padding: 2px; border: 0; background-color: #fff; font-weight: bold; } dl#yjw_cattodaytomorrow dt { display: none; } dl#yjw_catweek dt { display: none; } /*================================= 3. header =================================*/ input#yjw_button_search, input#yjw_button_search02 { margin-bottom: 2px; vertical-align: bottom; } .fss { margin: 0px; padding: 0px; font-size: small; } .yngrouplink { margin: 3px 6px 0px 0px; text-align: right; color: #999; } /*================================= 4. body =================================*/ /*********************** h1 ***********************/ .yjw_title_h1 { margin: 0; width: 948px; background-color: #1548b5; } .top_deco .yjw_title_h1, .yohou_deco .yjw_title_h1 { margin: 0; width: 948px; background: #1548b5; } .yjw_title_h1 .widebuttonarea { margin: 0px 0px 0px auto; display: none; } .yjw_title_h1 .widebuttonarea img { vertical-align: bottom; } /*********************** h2 ***********************/ #main .yjw_title_h2 { height: 1.5em; padding: 0.1em 0.2em; color: #000; font-weight: bold; background: #e5eaf7; border-top: solid 1px #bbc7e3; } #sub .yjw_title_h2 { padding: 0.2em 0.4em; color: #000; font-weight: bold; background: #e5eaf7; border-top: solid 1px #bbc7e3; overflow: hidden; } #sub .yjw_title_h2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .yjw_title_h2 span { font-weight: normal; } .yjw_title_h2 .yjw_note_h2 { padding-top: 3px; font-weight: normal; float: right; } .yjw_main_md_lined .yjw_title_h2, .yjw_main_mds_lined .yjw_title_h2, .yjw_sub_md_lined .yjw_title_h2, .yjw_sub_mds_lined .yjw_title_h2 { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; } /*********************** top(tab navigation) ***********************/ #yjw_personal { border: 1px solid #c5cee8; border-top: 1px solid #5a80eb; } #yjw_personal .yjw_table { width: 610px; } #yjw_personal .yjw_table caption { width: 610px; } #yjw_personal .yjw_table thead th { text-align: center; } #yjw_personal .yjw_table tbody td { text-align: center; } #yjw_world_top .yjw_table thead th, #yjw_world_top .yjw_table tbody td { text-align: center; } #yjw_news_top { margin: 0; padding: 0; } #yjw_news_top h3 { padding: 2px 5px 0 5px; font-weight: bold; } #yjw_news_top p { padding: 0 5px 0 5px; } #yjw_news_top p.img { padding: 5px; float: right; } #yjw_news_top p.img img { padding: 1px; vertical-align: bottom; border: 1px solid #ccc; } #yjw_news_top ul { margin: 5px; } #yjw_news_top li { padding: 2px 2px 2px 17px; background: url(http://i.yimg.jp/images/weather/common/dot.gif) 5px 50% no-repeat; } #yjw_news_top .yjw_border { margin: 2px 5px; clear: both; } /*********************** area ***********************/ #yjw_area_todaytomorrow .yjw_title_h2 p.yjw_note_h2 a, #yjw_week .yjw_title_h2 p.yjw_note_h2 a { margin-left: 5px; vertical-align: text-bottom; } #yjw_area_todaytomorrow .yjw_title_h2 p.yjw_note_h2 a img, #yjw_week .yjw_title_h2 p.yjw_note_h2 a img { vertical-align: bottom; } /*********************** pinpoint ***********************/ #yjw_pinpoint h3 { margin: 5px auto; padding: 2px; background: #dcdcdc; font-weight: bold; } #yjw_pinpoint h3 span { padding-top: 3px; font-weight: normal; } #yjw_pinpoint_more { text-align: center; } #yjw_pinpoint_more p { margin: 15px auto; } #yjw_pinpoint_more p a { padding: 5px 10px; border: 2px solid #c5cee8; } #yjw_pinpoint_more2 { text-align: center; } #yjw_pinpoint_more2 p { margin: 15px auto; } #yjw_pinpoint_more2 p span { padding: 5px 10px; border: 2px solid #c5cee8; } /*********************** past_area ***********************/ #yjw_past_area p { text-align: center; } #yjw_past_area_navi { padding: 4px; border-bottom: 1px solid #ddd; background-color: #eee; } #yjw_past_area_navi ul { list-style: none; list-style-position: inside; text-align: left; } #yjw_past_area_navi .left { float: left; margin-left: 10px; } #yjw_past_area_navi .right { float: right; } #yjw_past_area_navi li { display: inline; padding-left: 5px; padding-right: 5px; border-right: 1px solid #aaa; border-left: 1px solid #fff; } #yjw_past_area_navi li.first { border-right: 1px solid #aaa; border-left: 0; } #yjw_past_area_navi li.last { border-left: 1px solid #fff; border-right: 0; } #yjw_past_area_navi a { padding: 2px; } #yjw_past_area_navi a.select { padding: 2px; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; background: #ddd; } #yjw_past_area_navi p img { margin: 5px; } /*********************** satellite ***********************/ #yjw_satellite p { text-align: center; } #yjw_satellite ul { padding: 2px; border-bottom: 1px solid #e8e8e8; background-color: #f4f4f4; list-style: none; list-style-position: inside; text-align: center; } #yjw_satellite li { display: inline; padding-left: 10px; padding-right: 10px; border-right: 1px solid #ccc; border-left: 1px solid #fff; } #yjw_satellite li.first { border-right: 1px solid #ccc; border-left: 0; } #yjw_satellite li.last { border-left: 1px solid #fff; border-right: 0; } #yjw_satellite a { padding: 2px; } #yjw_satellite a.select { border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; background: #ddd; } #yjw_satellite p img { margin: 5px; } /*********************** amedas ***********************/ #yjw_amedas p { text-align: center; } #yjw_amedas p img { margin: 5px; } #yjw_amedas_ranking h3 { background: #e9eefd; padding-left: 5px; border-bottom: 1px solid #c5cee8; border-right: 1px solid #c5cee8; } #yjw_amedas ul.amedas { margin: 10px 0; padding: 2px 0 5px; background-color: #5879bc; border-bottom: 1px solid #2d519a; color: #fff; text-align: center; font-size: 90%; } #yjw_amedas ul.amedas a { color: #fff; } #yjw_amedas li { height: 12px; line-height: 12px; padding: 5px 12px 5px; border-left: 1px solid #fff; display: inline-block; *display: inline; *zoom: 1; } #yjw_amedas li.fast { border: none; } #yjw_amedas li.last { border: none; } #yjw_amedas li.cur { padding: 5px 12px 5px; background-color: #fff; color: #333; } #yjw_amedas li.cur a { text-decoration: none; pointer-events: none; color: #333; } #yjw_amedas ul.imgswitch { text-align: center; } /*********************** thunder ***********************/ #yjw_thunder p { text-align: center; } #yjw_thunder ul { padding: 2px; border-bottom: 1px solid #e8e8e8; background-color: #f4f4f4; list-style: none; list-style-position: inside; text-align: center; } #yjw_thunder li { display: inline; padding-left: 10px; padding-right: 10px; border-right: 1px solid #ccc; border-left: 1px solid #fff; } #yjw_thunder li.first { border-right: 1px solid #ccc; border-left: 0; } #yjw_thunder li.last { border-left: 1px solid #fff; border-right: 0; } #yjw_thunder a.select { padding: 2px; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; background: #ddd; } #yjw_thunder p img { margin: 5px; } #yjw_thunder_ranking h3 { background: #e9eefd; padding-left: 5px; border-bottom: 1px solid #c5cee8; border-right: 1px solid #c5cee8; } /*********************** rainsnow ***********************/ #yjw_rainsnow p { text-align: center; } #yjw_rainsnow ul.rainsnow { padding: 4px 0 2px; border-bottom: 1px solid #e8e8e8; background-color: #f4f4f4; list-style: none; list-style-position: inside; text-align: center; } #yjw_rainsnow li { display: inline; padding-left: 10px; padding-right: 10px; border-right: 1px solid #ccc; border-left: 1px solid #fff; } #yjw_rainsnow li.first { border-right: 1px solid #ccc; border-left: 0; } #yjw_rainsnow li.last { border-left: 1px solid #fff; border-right: 0; } #yjw_rainsnow a.select { padding: 2px; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; background: #ddd; } #yjw_rainsnow p img { margin: 5px; } /*********************** frost ***********************/ #yjw_frost p { text-align: center; } #yjw_frost ul.frost select { vertical-align: baseline; margin: 0; padding: 0; } #yjw_frost ul.frost { margin: 10px 0; padding: 2px 0 8px; background-color: #5879bc; border-bottom: 1px solid #2d519a; color: #fff; text-align: center; *zoom: 1; } #yjw_frost ul.frost a { color: #fff; } #yjw_frost li { height: 10px; line-height: 12px; padding: 5px 12px 8px; display: inline-block; *display: inline; *zoom: 1; } #yjw_frost p img { margin: 5px; } .mainImgTable .hanrei-frost { margin: 5px 0 10px 4px; } /*********************** chart ***********************/ #yjw_chart p { text-align: center; } #yjw_chart p img { margin: 5px; } #yjw_chart ul.chart { margin: 10px 0; background-color: #5879bc; color: #fff; border-bottom: 1px solid #2d519a; border-left: 1px solid #fff; text-align: center; font-size: 90%; padding: 0; } #yjw_chart ul.chart a { color: #fff; } #yjw_chart li { height: 25px; line-height: 25px; padding: 4px 8px; display: inline-block; *display: inline; *zoom: 1; } #yjw_chart li.cur { background-color: #2d519a; } #yjw_chart dt, #yjw_chart dd { display: inline; } #yjw_chart dt:after { padding-left: .5em; content: "["; } #yjw_chart dd.last:after { content: "]"; } #yjw_chart dd.last a { border: none; } #yjw_chart dd a { padding: 2px .5em; border-right: 1px solid #fff; } #yjw_chart dd a.cur { background-color: #FFF; color: #333; border: none; } /*********************** wave ***********************/ #yjw_wave { text-align: center; } #yjw_wave p img { margin: 5px; } #yjw_wave ul.wave { margin: 10px 0; padding: 2px 0 5px; background-color: #5879bc; border-bottom: 1px solid #2d519a; color: #fff; } #yjw_wave ul.wave a { color: #fff; } #yjw_wave li { height: 12px; line-height: 12px; padding: 5px 12px 5px; display: inline-block; *display: inline; *zoom: 1; border-right: none; } #yjw_wave li.cur { padding: 5px 12px 5px; background-color: #fff; color: #333; } #yjw_wave li.cur a { text-decoration: none; pointer-events: none; color: #333; } .naviAnime { margin: 5px auto 5px; text-align: center; } .hanrei-wave01 { margin: 2px 5px 0 0; } #yjw_wave .hanrei-wave01.yjSt { text-align: right; } .mainImgTable .hanrei-wave02 { margin: 0 auto 10px; } .mainImgTable .hanrei-wave02 p.yjS { text-align: left; margin-left: 12px; } .mainImgTable .hanrei-wave03 { margin: 0 0 10px 8px; text-align: left; } .wavebg { background-color: #5879bc; margin: 10px 0 10px; padding: 2px 0 2px; } .wavebg table { margin: 2px auto 2px; border: 0; } .wavebg table td { padding: 0 10px 0 0; } .wavebg p a { color: #fff; } .wavebg p.cur { padding: 0px 12px 0px; background-color: #fff; color: #333; } .wavebg p.cur a { text-decoration: none; pointer-events: none; color: #333; } /****** disaster **********/ #yjw_keihou .keihoutable { text-align: center; } #yjw_keihou .keihoutable td { padding: 0px; border: 5px solid #fff; text-align: center; } /****** word **************/ #yjw_word #word_category dt { padding-left: 5px; margin: 2px auto; background: #e9eefd; font-weight: bold; } #yjw_word #word_category dd { display: inline; padding-left: 5px; padding-right: 5px; border-right: 1px solid #ccc; } #yjw_word #word_category dd.first { display: inline; padding-left: 0; padding-right: 5px; } #yjw_word #word_category dd.last { display: inline; padding-left: 5px; padding-right: 0; border-right: 0; } #yjw_word #word_syllabary dt { padding-left: 5px; margin: 2px auto; background: #e9eefd; font-weight: bold; } #yjw_word #word_syllabary dd { display: inline; } #yjw_word #word_syllabary ul { margin-top: 2px; width: 9em; float: left; } #yjw_word #word_syllabary li { text-align: center; width: 1.5em; float: left; } #yjw_word_list small { line-height: 1.5em; } /*********************** RSS PAGE ***********************/ #yjw_rss p { margin: 5px; } #yjw_rss ul { padding: 5px; width: 100%; font-weight: normal; color: #aaa; list-style: none; text-align: left; } #yjw_rss li { display: inline; } #yjw_rss td { line-height: 1.3; } #yjw_rss h3 { font-weight: bold; margin: 5px; } #yjw_rss_lec { margin: 10px auto; width: 70%; } #yjw_rss_other { clear: both; margin-top: 10px; } #yjw_rss_other h3 { width: 100%; margin: 0; padding: 3px; background-color: #eee !important; font-weight: bold; text-align: left; } #yjw_rss_other ul, #yjw_rss_other li { display: block; color: #000; text-align: left; } /*********************** global navigation ***********************/ #disaster01, #disaster02, #disaster03, #disaster04, #disaster05, #disaster06, #guide01, #guide02, #guide03, #guide04, #guide06, #guide07, #guide08, #guide09, #guide10, #guide11, #guide12, #guide13, #guide14, #sisuu-yearly01, #sisuu-yearly02, #sisuu-yearly03, #sisuu-yearly04, #sisuu-yearly05, #sisuu-yearly06, #sisuu-summer01, #sisuu-summer02, #sisuu-summer03, #sisuu-summer04, #sisuu-summer05, #sisuu-winter01, #sisuu-winter02, #sisuu-winter03, #sisuu-winter04, #sisuu-winter05, #leisure01, #leisure02, #leisure03, #leisure04, #leisure05, #leisure06, #leisure07, #leisure08, #leisure09, #leisure10, #sisuu-open01, #sisuu-open02, #sisuu-open03, #sisuu-open04, #sisuu-open05, #sisuu-open06, #sisuu-open07, #sisuu-open08, #sisuu-open09, #leisure-open01, #leisure-open02, #leisure-open03, #leisure-open04, #knowledge01, #knowledge02, #knowledge04, #knowledge05 { width: 33%; float: left; } #guide05 { width: 67%; float: left; } #disaster07, #knowledge03 { width: 99%; float: left; } #moviebox { margin: 5px 0; text-align: center; } /* 4-1.tabview*/ .yui-navset .yui_nav { border-bottom: 5px solid #7497e8 !important; } .yui-navset .yui-nav li a { width: 192px; background: #efefef url(http://i.yimg.jp/images/weather/common/yjw_tab_gray.jpg) no-repeat; text-align: center; font-weight: bold; } .yui-navset .yui-nav .selected a { width: 192px; background: #7499e6 url(http://i.yimg.jp/images/weather/common/yjw_tab.jpg) no-repeat; color: #fff; text-align: center; text-decoration: none; font-weight: bold; } .yui-navset .yui-nav li a span { line-height: 2em; } .fss { margin: 0px; padding: 0px; font-size: small; } .yngrouplink { margin: 3px 6px 0px 0px; text-align: right; color: #999; } .yjMdMail img { margin-right: 4px; vertical-align: middle; } .yjMdMail { font-size: small; color: #000; } .yjplg img { border: 0; width: auto !important; height: auto !important; vertical-align: middle; } /*********************** Imaten ***********************/ .yjw_live_title { font-weight: bold; } .yjw_live_count { color: #32457e; font-size: small; font-weight: bold; } .yjw_live_count_b { color: #32457e; font-weight: bold; font-size: 1.75em; } .yjw_live_count_text { color: #32457e; font-size: small; } .yjw_live_text { color: #000; font-size: small; } .yjw_live_error { color: #f00; font-size: small; text-align: center; } .yjw_live_result { color: #000; font-size: small; font-weight: bold; text-align: center; } .yjw_live_count_table { border: solid 1px #d9dff0; background-color: #f2f4fa; font-size: small; text-valign: middle; padding: 3px; margin: 0 0 5px 0; } /*********************** Imaten 2014.5 ***********************/ /* --- AreaRank --- */ .AreaRank { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #cfd5e5; background-color: #f6f9fd; margin-bottom: 10px; } .AreaRank:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .AreaRank h2.AreaRankTit { *color: green\9; font-size: 94%; background: #e9edf5; background: -moz-linear-gradient(top, #e9edf5 0%, #f2f5f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f9), color-stop(100%, #e9edf5)); background: -webkit-linear-gradient(top, #e9edf5 0%, #f2f5f9 100%); background: -o-linear-gradient(top, #e9edf5 0%, #f2f5f9 100%); background: -ms-linear-gradient(top, #e9edf5 0%, #f2f5f9 100%); background: linear-gradient(to bottom, #e9edf5 0%, #f2f5f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f9', endColorstr='#e9edf5',GradientType=0 ); width: 634px; color: #333; border-bottom: #cfd5e5 solid 1px; } .AreaRank h2.AreaRankTit p { margin: 6px 10px 6px; } .AreaRank ul:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .AreaRank ul.LineOdd { font-size: 94%; width: 100%; background-color: #f6f9fd; border-top: #fff solid 1px; } .AreaRank ul.LineEven { font-size: 94%; width: 100%; background-color: #f0f4fb; border-top: #fff solid 1px; } .AreaRank li { display: inline-block; line-height: 25px; white-space: nowrap; padding: 8px 0 8px 14px; float: left; } .AreaRank li div { float: left; } .AreaRank li.TxtLink { width: 116px; padding: 10px 0 10px 10px; } .AreaRank li img { margin-right: 5px; float: left; } .AreaRank li .AreaRank .last { border-bottom: none; } .AreaRank li .RankArrow { display: block; width: 76px; text-align: center; white-space: nowrap; font-weight: bold; position: relative; background: #f4f6f7; border: solid 1px #cfcfcf; border-radius: 3px; } .AreaRank li .RankArrow em { font-size: 76%; } .AreaRank li .RankArrow:after, .AreaRank li .RankArrow:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .AreaRank li .RankArrow:after { border-color: rgba(244, 246, 247, 0); border-right-color: #f4f6f7; border-width: 3px; margin-top: -3px; } .AreaRank li .RankArrow:before { border-color: rgba(207, 207, 207, 0); border-right-color: #cfcfcf; border-width: 4px; margin-top: -4px; } .AreaRank li .RankArrow.MaxCurrent { background-color: #1648b4; border: solid 1px #1648b4; border-radius: 3px; color: #fff; } .AreaRank li .RankArrow.MaxCurrent:after, .AreaRank li .RankArrow.MaxCurrent:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .AreaRank li .RankArrow.MaxCurrent:after { border-color: rgba(22, 72, 180, 0); border-right-color: #1648b4; border-width: 3px; margin-top: -3px; } .AreaRank li .RankArrow.MaxCurrent:before { border-color: rgba(22, 72, 180, 0); border-right-color: #1648b4; border-width: 4px; margin-top: -4px; } /* --- LiveWeather --- */ .LiveWeather { width: 632px; border: solid #ddd 1px; background: #e9edf5; background: -moz-linear-gradient(top, #e9edf5 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9edf5), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #e9edf5 0%, #fff 100%); background: -o-linear-gradient(top, #e9edf5 0%, #fff 100%); background: -ms-linear-gradient(top, #e9edf5 0%, #fff 100%); background: linear-gradient(to bottom, #e9edf5 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9edf5', endColorstr='#fff',GradientType=0 ); -webkit-touch-callout: none; } .LiveWeather .BgWeather { width: 610px; border: solid #fff 1px; padding: 10px 10px 10px 10px; } .LiveWeather .BgWeather em { font-size: 86%; } .LiveWeather ul:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .LiveWeather ul.Live { font-size: 94%; width: 610px; } .LiveWeather li.WeatherBtn { display: inline-block; float: left; } .LiveWeather li a { text-decoration: none; cursor: pointer; } .LiveWeather.sun { width: 632px; border: solid #f6c49e 1px; background: -moz-linear-gradient(top, #fff5e0 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff5e0), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #fff5e0 0%, #fff 100%); background: -o-linear-gradient(top, #fff5e0 0%, #fff 100%); background: -ms-linear-gradient(top, #fff5e0 0%, #fff 100%); background: linear-gradient(to bottom, #fff5e0 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5e0', endColorstr='#fff',GradientType=0 ); } .LiveWeather.sun .BgWeather { width: 610px; background-image: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/imatenbgSun.png); background-position: top right; background-repeat: no-repeat; } .LiveWeather.clouds { width: 632px; border: solid #bcbcbc 1px; background: #ebebeb; background: -moz-linear-gradient(top, #ebebeb 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #ebebeb 0%, #fff 100%); background: -o-linear-gradient(top, #ebebeb 0%, #fff 100%); background: -ms-linear-gradient(top, #ebebeb 0%, #fff 100%); background: linear-gradient(to bottom, #ebebeb 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fff',GradientType=0 ); } .LiveWeather.clouds .BgWeather { width: 610px; background-image: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/imatenbgClouds.png); background-position: top right; background-repeat: no-repeat; } .LiveWeather.rain { width: 632px; border: solid #bbcee4 1px; background: #e7f6ff; background: -moz-linear-gradient(top, #e7f6ff 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7f6ff), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #e7f6ff 0%, #fff 100%); background: -o-linear-gradient(top, #e7f6ff 0%, #fff 100%); background: -ms-linear-gradient(top, #e7f6ff 0%, #fff 100%); background: linear-gradient(to bottom, #e7f6ff 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7f6ff', endColorstr='#fff',GradientType=0 ); } .LiveWeather.rain .BgWeather { width: 610px; background-image: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/imatenbgRain.png); background-position: top right; background-repeat: no-repeat; } .LiveWeather.snow { width: 632px; border: solid #bcbcbc 1px; background: #dfe1e3; background: -moz-linear-gradient(top, #dfe1e3 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe1e3), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #dfe1e3 0%, #fff 100%); background: -o-linear-gradient(top, #dfe1e3 0%, #fff 100%); background: -ms-linear-gradient(top, #dfe1e3 0%, #fff 100%); background: linear-gradient(to bottom, #dfe1e3 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe1e3', endColorstr='#fff',GradientType=0 ); } .LiveWeather.snow .BgWeather { width: 610px; background-image: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/imatenbgSnow.png); background-position: top right; background-repeat: no-repeat; } /* --- WeatherBtn --- */ .WeatherBtn .LWbtn { width: 143px; margin-right: 10px; border: solid 1px #bcbcbc; background-color: #e9edf5; border-radius: 3px; } .WeatherBtn .LWbtn.LWbtnlast { margin-right: 0; } .WeatherBtn div { float: left; } .WeatherBtn.TxtLink { width: 116px; padding: 10px 0 10px 10px; } .WeatherBtn .LWbtn img { margin: 0 5px 0 16px; float: left; } .WeatherBtn .LiveWeather .last { border-bottom: none; } .WeatherBtn .RankArrow em { font-size: 76%; } .LiveWeather p { font-size: 94%; } .LiveWeather p .LWsubtxt { font-size: 76%; margin-left: 4px; } .LiveWeather p.LWerrtxt { color: #f00; } .LiveWeather p.LWerrtxt span { color: #f00; font-size: 76%; } .LiveWeather p.Addtxt { text-indent: 32px; margin-bottom: 4px; } .LiveWeather p.Addtxt.sun { display: inline-block; background: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/sun25.png) no-repeat 0 0; } .LiveWeather p.Addtxt.clouds { display: inline-block; background: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/clouds25.png) no-repeat 0 0; } .LiveWeather p.Addtxt.rain { display: inline-block; background: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/rain25.png) no-repeat 0 0; } .LiveWeather p.Addtxt.snow { display: inline-block; background: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/snow25.png) no-repeat 0 0; } .WeatherBtn .border02 { width: 141px; padding: 5px 0 4px; border: #fff solid 1px; border-radius: 3px; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #e7ebee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e7ebee)); background: -webkit-linear-gradient(top, #fefefe 0%, #e7ebee 100%); background: -o-linear-gradient(top, #fefefe 0%, #e7ebee 100%); background: -ms-linear-gradient(top, #fefefe 0%, #e7ebee 100%); background: linear-gradient(to bottom, #fefefe 0%, #e7ebee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e7ebee',GradientType=0 ); } .WeatherBtn .RankArrow { display: block; width: 76px; height: 24px; line-height: 24px; text-align: center; font-weight: bold; color: #333; position: relative; border: 1px solid #cfcfcf; background-color: #f4f6f7; border: solid 1px #cfcfcf; border-radius: 3px; } .WeatherBtn .RankArrow:after, .WeatherBtn .RankArrow:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .WeatherBtn .RankArrow:after { border-color: rgba(244, 246, 247, 0); border-right-color: #f4f6f7; border-width: 3px; margin-top: -3px; } .WeatherBtn .RankArrow:before { border-color: rgba(207, 207, 207, 0); border-right-color: #cfcfcf; border-width: 4px; margin-top: -4px; } .WeatherBtn .RankArrow.MaxCurrent { background-color: #1648b4; border: solid 1px #1648b4; border-radius: 3px; color: #fff; } .WeatherBtn .RankArrow.MaxCurrent:after, .WeatherBtn .RankArrow.MaxCurrent:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .WeatherBtn .RankArrow.MaxCurrent:after { border-color: rgba(22, 72, 180, 0); border-right-color: #1648b4; border-width: 3px; margin-top: -3px; } .WeatherBtn .RankArrow.MaxCurrent:before { border-color: rgba(22, 72, 180, 0); border-right-color: #1648b4; border-width: 4px; margin-top: -4px; } .WeatherBtn.BtnLock { pointer-events: none; } .WeatherBtn.BtnLock .LWbtn { border: solid 1px #dee2e4; border-radius: 3px; } .WeatherBtn.BtnLock .LWbtn .border02 { border: #fdfeff solid 1px; border-radius: 3px; background: #f5f5f5; } .WeatherBtn.BtnLock img { filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; } .WeatherBtn.BtnLock .RankArrow { font-weight: bold; color: #aaacad; position: relative; background: #f9fafc; border: 1px solid #e8eaec; background-color: #f9fafc; border: solid 1px #e8eaec; border-radius: 3px; } .WeatherBtn.BtnLock .RankArrow:after, .WeatherBtn.BtnLock .RankArrow:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .WeatherBtn.BtnLock .RankArrow:after { border-color: rgba(249, 250, 252, 0); border-right-color: #f9fafc; border-width: 3px; margin-top: -3px; } .WeatherBtn.BtnLock .RankArrow:before { border-color: rgba(232, 234, 236, 0); border-right-color: #e8eaec; border-width: 4px; margin-top: -4px; } .WeatherBtn .RankArrow.MaxCurrentLock { background-color: #9db4e1; border: solid 1px #9db4e1; border-radius: 3px; color: #fcfeff; } .WeatherBtn .RankArrow.MaxCurrentLock:after, .WeatherBtn .RankArrow.MaxCurrentLock:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .WeatherBtn .RankArrow.MaxCurrentLock:after { border-color: rgba(157, 180, 225, 0); border-right-color: #9db4e1; border-width: 3px; margin-top: -3px; } .WeatherBtn .RankArrow.MaxCurrentLock:before { border-color: rgba(157, 180, 225, 0); border-right-color: #9db4e1; border-width: 4px; margin-top: -4px; } /* --- Graph24h --- */ .LiveWeather .Graph24h { width: 608px; border: solid #bebfbf 1px; margin-top: 10px; } .LiveWeather .Graph24h li { float: left; height: 56px; } .LiveWeather .Graph24h li .GraphTime { width: 58px; height: 17px; padding: 0 0 4px 0; font-size: 12px; color: #000; text-align: center; border-bottom: solid 1px #bebfbf; } .LiveWeather .Graph24h li .GraphCondition { width: 58px; padding: 0; font-size: 12px; color: #000; text-align: center; } .LiveWeather .Graph24h li a { display: block; width: 22px; height: 56px; } .LiveWeather .Graph24h li .BtnL, .LiveWeather .Graph24h li .BtnR, .LiveWeather .Graph24h li .BtnLoff, .LiveWeather .Graph24h li .BtnRoff { display: block; width: 22px; height: 56px; margin: 0; padding: 0; background-color: #f4f4f4; border-left: solid #bebfbf 1px; } .LiveWeather .Graph24h li .BtnL { background: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/scrollBtnL.png) no-repeat 0 0; border-right: solid #bebfbf 1px; } .LiveWeather .Graph24h li .BtnR { background: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/scrollBtnR.png) no-repeat 0 0; } .LiveWeather .Graph24h li .BtnLoff { background: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/scrollBtnLoff.png) no-repeat 0 0; border-right: solid #bebfbf 1px; pointer-events: none; } .LiveWeather .Graph24h li .BtnRoff { background: url(http://i.yimg.jp/images/weather/pc/v2/img/imaten/scrollBtnRoff.png) no-repeat 0 0; pointer-events: none; } html > body .LiveWeather .Graph24h li a:hover { display: inline-block; width: 22px; height: 56px; background-color: #ccc; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; } /* -Btn Hover- */ /* - Scroll24h - */ .LiveWeather .Graph24h li.LiveTable dl { border-right: solid 1px #bebfbf; float: left; } .LiveWeather .Graph24h li.LiveTable .Time24 { width: 41px; height: 17px; padding: 0 0 4px 0; font-size: 12px; color: #000; text-align: center; border-bottom: solid 1px #bebfbf; } .LiveWeather .Graph24h li.LiveTable .Weather24 { padding: 4px 0 0 8px; height: 30px; } .LiveWeather .Graph24h li.LiveTable dl.last { border-right: none; } .LiveWeather .BgWeather .GraphNote { font-size: 12px; color: #7d7d7c; text-align: right; } /* --- PersonalPage Overwrite--- */ .personal { margin-bottom: 10px; border-bottom: #c7cee0 dashed 1px; } .personal .LiveWeather { width: 612px; margin-bottom: 12px; } .personal .LiveWeather ul.Live { width: 590px; } .personal .LiveWeather .BgWeather { width: 590px; padding-bottom: 10px; } .personal .LiveWeather.sun, .personal .LiveWeather.clouds, .personal .LiveWeather.rain, .personal .LiveWeather.snow { width: 612px; } .personal .WeatherBtn .LWbtn { width: 140px; margin-right: 7px; } .personal .WeatherBtn .LWbtn.LWbtnlast { margin-right: 0; } .personal .WeatherBtn .border02 { width: 138px; } /*** ---------------------------------------- http://i.yimg.jp/images/css/printexec.css ---------------------------------------- */ /* CSS for printing */ @media print { /* fonts */ .f11 { font-size: 11px; line-height: 110%; } .f13 { font-size: 13px; line-height: 110%; } .f15 { font-size: 15px; line-height: 110%; } .f17 { font-size: 17px; line-height: 115%; } .f11b { font-size: 11px; line-height: 110%; font-weight: bold; } .f13b { font-size: 13px; line-height: 110%; font-weight: bold; } .f15b { font-size: 15px; line-height: 120%; font-weight: bold; } .f17b { font-size: 17px; line-height: 125%; font-weight: bold; } /* line-height */ .s115 { line-height: 115%; } .s130 { line-height: 130%; } .s150 { line-height: 150%; } /* masthead */ div.yjmthloginarea { display: none; } } /*********************** iphonehmodule_20100217add ***********************/ .yjChviewWrap { text-align: center; } .yjChview { display: inline-block; padding: 10px 30px; border: 1px solid #e7e7e7; background: #f9f9f9; text-align: center; } .yjChview dl { margin-bottom: 0.5em; } .yjChview dl dt, .yjChview dl dd { display: inline; font-size: 14px; line-height: 1.2em; } .yjChview dl dt { padding-right: 0.2em; } .yjChview dl dd span.On { font-weight: bold; } .yjChview dl dd:after { content: "\ff5c"; } .yjChview dl dd.end:after { content: ""; } .yjChview p { font-size: 12px; line-height: 1.2em; vertical-align: baseline; } /*** ---------------------------------------- image size update ---------------------------------------- */ .yjw_sub_md_lined .typhooneye { margin: 5px 9px 5px 9px; } .yjw_sub_md_lined .typhooneye img { margin-right: 3px; } .imgswitch { overflow: hidden; position: relative; background-color: #f7f7f7; padding: 4px; border-bottom: #e6e6e6 solid 1px; } #yjw_keihou .imgswitch ul { text-align: center; letter-spacing: -.4em; } #yjw_keihou .imgswitch ul li { display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; } #yjw_keihou .imgswitch ul li div.active { background-color: #dfddde; border-top: #b5b4bc solid 1px; border-right: #f7f7f7 solid 1px; border-left: #b5b4bc solid 1px; border-bottom: #f7f7f7 solid 1px; padding: 3px 20px; display: inline; font-weight: bold; } #yjw_keihou .imgswitch ul li.alert a, #yjw_keihou .imgswitch ul li.alert div span { padding-right: 18px; background-image: url(http://i.yimg.jp/images/weather/general/forcast/typhoon_alert.gif); background-position: right; background-repeat: no-repeat; } #yjw_keihou .pileup { margin-bottom: 3px; overflow: hidden; position: relative; padding: 4px; } #yjw_keihou .pileup dt, #yjw_keihou .pileup dd { display: inline; } .mb5p { margin-bottom: 5px; } .mb10p { margin-bottom: 10px; } .mb20p { margin-bottom: 20px; } .mb30p { margin-bottom: 30px !important; } .mb3p { margin-bottom: 3px; } .mt2p { margin-top: 2px; } .mt10p { margin-top: 10px; } .mt20p { margin-top: 20px; } .mr2p { margin-right: 2px; } .ml2p { margin-left: 2px; } .mg5p { margin: 5px; } .pd5p { padding: 5px; } .pb30p { padding-bottom: 30px; } .txtaRgt { text-align: right; } .txtaLft { text-align: left; } /** S position **/ #pos-s { padding: 10px 0; border-top: 1px solid #ccc; text-align: center; } #pos-s table { width: 500px; margin: 0 auto; text-align: left; line-height: 1em; } /*** ---------------------------------------- disaster merge ---------------------------------------- */ .ta-cnt { text-align: center; } .ta-rgt { text-align: right; } .tblBoder { border-spacing: 1px !important; border-collapse: separate !important; } .red { color: #F00 !important; } .yjw_week_gwo { padding: 7px; margin-bottom: 10px; } .serch-keyword-frame01 { border: #c5cee8 solid 1px; margin-bottom: 10px; } .serch-keyword-frame02 { border: #f1f4fc solid 3px; padding: 0 5px; } .serch-keyword-frame02 span { color: #3054a0; } #main h2.serch-title { background-color: #e8efff; padding: 3px 7px; float: none; margin-bottom: 5px; border-left: #bbd0fd 5px solid; } .serch-table { margin-bottom: 15px; } .serch-table td { padding-left: 8px; } .serch-endmsg { border: 1px solid #CCC; padding: 6px 5px; overflow: hidden; margin-bottom: 15px; } .serch-endmsg dt { margin-top: 4px; background-image: url("http://k.yimg.jp/images/serp/s/s_110426.png"); background-position: -55px -175px; display: block; float: left; height: 12px; text-indent: -9999px; width: 12px; } .serch-endmsg dd { margin-left: 16px; } .serch-more { padding: 2px 5px; text-align: right; line-height: 1.2em !important; } .serch-more a { background: url("http://i.yimg.jp/images/weather/common/yjw_arrow.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0); padding-left: 12px; } .serch-nomatch { margin-top: 15px; margin-bottom: 30px; text-align: center; } .serch-traffic { overflow: hidden; margin-bottom: 2px; } .serch-traffic .left { float: left; } .serch-traffic .right { float: right; } #yjw_amedas ul.imgswitch { padding-top: 3px; padding-bottom: 3px; } #yjw_amedas ul.imgswitch li div.active { background-color: #dfddde; border-top: #b5b4bc solid 1px; border-right: #f7f7f7 solid 1px; border-left: #b5b4bc solid 1px; border-bottom: #f7f7f7 solid 1px; padding: 3px 20px; display: inline; font-weight: bold; } /** pageNextback **/ #pageNextback { text-align: center; margin: 10px; } #pageNextback strong { background: none repeat scroll 0 0 #EEE; padding-bottom: 0.2em; } #pageNextback strong, #pageNextback a.frame { border: 1px solid #DDD; margin: 2px; padding: 0 5px; white-space: nowrap; display: inline-block; } #pageNextback .arr { font-family: Tahoma; line-height: 1; } #pageNextback a.frame:hover { background: none repeat scroll 0 0 #003399; border: 1px solid #0000dd; color: #FFF; } /** urgency&damage **/ #urgency .news-frame01 { border: #d9cd8d solid 1px; margin-bottom: 10px; } #urgency .news-frame02 { border: #fae9bf solid 2px; padding: 0 5px; background-color: #fcfce6; padding: 8px 8px 0 8px; } #urgency .news-frame02 ul { margin-left: 0.5em; } #urgency .news-frame02 li { text-indent: -0.5em; margin-bottom: 8px; } #urgency .news-frame02 li span { color: #b6a441; } #urgency .traffic { border: #d9cd8d solid 1px; margin-bottom: 10px; overflow: hidden; margin-bottom: 2px; background-color: #ebf6fb; } #urgency .traffic .left { float: left; } #urgency .traffic .right { float: right; } #urgency .traffic .right span { color: #808080; } #urgency .list dl { padding-bottom: 5px; zoom: 1; } #urgency .list dl.btmLine { border-bottom: #cbdbe2 solid 1px; margin-bottom: 10px; } #urgency .list dt { border-left: #bfe1f1 solid 5px; padding-left: 5px; font-weight: bold; margin-bottom: 5px; } #urgency .list dd { overflow: hidden; margin-bottom: 4px; zoom: 1; } #urgency .list dd.btmDot { border-bottom: #c5cee8 dotted 1px; padding-bottom: 4px; } #urgency .list dd .left { float: left; width: 440px; } #urgency .list dd .right { float: right; margin-top: 7px; } #urgency .list dd .none { text-align: center; } #urgency .frame td { border: #c5cee8 solid 1px; padding: 8px; } #urgency .detailTitle { border-left: #bfe1f1 solid 5px; background-color: #edf7fc; padding: 5px; margin-bottom: 10px; } #urgency .detailTitle h2 { float: none; } /** mobile smartphone link **/ .mobile-smp { border: #c5cee8 solid 1px; margin-bottom: 10px; } .mobile-smp .frame { border: #fff solid 3px; padding: 0 5px; padding: 8px; background: url(http://i.yimg.jp/images/weather/emergency/mob_smp_bg.png) right top no-repeat #edf7fc; min-height: 110px; height: auto !important; height: 110px; } .mobile-smp .frame .title { color: #0e5679; font-weight: bold; border-bottom: #cbdbde solid 1px; width: 480px; padding-bottom: 5px; margin-bottom: 8px; } .mobile-smp .frame .qrCode { padding: 8px; border: #bbd6e2 solid 1px; display: inline; float: left; margin-right: 8px; background-color: #fff; } .mobile-smp .frame .txt { width: 315px; } /** self-governing infomation **/ #sgInfo .set { margin-bottom: 10px; } #sgInfo .btmDot { border-bottom: #c5cee8 dotted 1px; padding-bottom: 6px; } #sgInfo .set .logo { border: #bbd6e2 solid 1px; float: left; margin-right: 8px; } #sgInfo .set dl { margin-left: 83px; } #sgInfo .set dt { overflow: hidden; zoom: 1; } #sgInfo .set dt .left { float: left; } #sgInfo .set dt .right { float: right; margin-top: 5px; } #sgInfo .set dd { margin-bottom: 4px; } #sgInfo .board { border: #e9eefd solid 1px; background-color: #f6f7fb; padding: 8px; margin-bottom: 10px; } #sgInfo .board dt { font-weight: bold; } #sgInfo .board dd { overflow: hidden; } #sgInfo .board dd .left { float: left; } #sgInfo .board dd .right { float: right; } #sgInfo .tweet { background-image: url(http://i.yimg.jp/images/weather/emergency/1dotcolor.png); background-position: center; background-repeat: repeat-y; } #sgInfo .tweet .blockset { overflow: hidden; padding-bottom: 10px; border-bottom: 0; } #sgInfo .tweet .tweetLft { float: left; margin-right: 16px; width: 308px; } #sgInfo .tweet .tweetRgt { float: right; width: 308px; } #sgInfo .tweet .logo { border: #bbd6e2 solid 1px; float: left; margin-right: 8px; } #sgInfo .tweet dl { margin-left: 83px; } #sgInfo .tweet dt { overflow: hidden; margin-bottom: 5px; zoom: 1; } #sgInfo .tweet dd { line-height: 1.5em !important; } #sgInfo .tweet dt .left { float: left; } #sgInfo .tweet dt .right { float: right; margin-top: 3px; } #sgInfo .blockset { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; overflow: hidden; *zoom: 1; } #sgInfo .item.colL { width: 308px; float: left; margin-right: 16px; } #sgInfo .item.colR { width: 308px; float: right; } #sgInfo .item .logo { display: block; float: left; margin-right: 8px; border: 1px solid #bbd6e2; } #sgInfo .item .title { font-weight: bold; } #sgInfo .item .subText { margin-bottom: 2px; color: #666; } #sgInfo .item dl { margin-left: 83px; } #sgInfo .item dt { margin-bottom: 2px; overflow: hidden; *zoom: 1; } #sgInfo .item dd { line-height: 1.5em !important; } #sgInfo .relLink { margin-top: -3px; text-align: right; } #sgInfo .relLink a { padding-left: 0; background: none; font-size: inherit; font-weight: bold; } /** disasterColumn **/ #disasterColumn { margin-bottom: 40px; } #disasterColumn .set { overflow: hidden; margin-bottom: 7px; } #disasterColumn .lineBtm { border-bottom: #c5cee8 solid 1px; padding-bottom: 8px; } #disasterColumn .set .pic { text-align: center; margin: 0 auto; width: 180px; } #disasterColumn .caption { margin: 5px 0 5px 0; text-align: center; } #disasterColumn .set .right { width: 310px; float: right; } #disasterColumn .set .left { width: 310px; float: left; padding-right: 6px; margin-right: 6px; border-right: #c5cee8 solid 1px; } #disasterColumn .frame { padding: 0 5px 0 5px; } #disasterColumn h2 { border-left: #bfe1f1 solid 5px; background-color: #edf7fc; padding: 5px; margin-bottom: 12px; float: none; } #disasterColumn .subtitle { overflow: hidden; margin-bottom: 12px; zoom: 1; } #disasterColumn .subtitle_on { border: #8abad1 solid 2px; background-color: #f5f5f5; font-weight: bold; color: #0e6098; } #disasterColumn .subtitle_off { border: #dcdcdc solid 2px; } #disasterColumn .subtitle_lft { padding: 4px 0 4px 10px; width: 300px; text-align: center; float: left; } #disasterColumn .subtitle_rgt { padding: 4px 0 4px 10px; width: 300px; text-align: center; float: right; } #disasterColumn .subtitle span { background: url("http://i.yimg.jp/images/weather/emergency/arrow_02.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0); padding-left: 12px; } #disasterColumn h3 { background: url("http://i.yimg.jp/images/weather/emergency/columu_titlebg01.png") repeat-x; padding: 5px 0 5px 10px; font-weight: bold; color: #06547b; } #disasterColumn ul.detail { margin-bottom: 20px; } #disasterColumn ul.detail li { line-height: 1.5em; text-indent: -1.4em; margin-left: 1.4em; margin-bottom: 5px; } #disasterColumn ul.detail li span.blue { color: #99ccff; margin-right: 5px; } #disasterColumn .book { margin-left: 67px; } #disasterColumn .dotbtm { border-bottom: #c5cee8 dotted 1px; } #disasterColumn .samplelist { margin-bottom: 10px; } #disasterColumn .samplelist td { border: #dae1ef solid 1px; } #disasterColumn .linehgt1 { line-height: 1em !important; } #disasterColumn .frame { margin-bottom: 20px; } #disasterColumn .frame .board { border: #b9dcff solid 1px; background-color: #edf6ff; padding: 4px; } /** typhoon eye mainColumn **/ #imgCheck .contents { overflow: hidden; margin-bottom: 10px; } #imgCheck .contents .title { width: 200px; margin-bottom: 5px; font-weight: bold; text-align: center; } #imgCheck .contents .caption { width: 200px; text-align: right; } #imgCheck .contents .typoon { float: left; margin: 0 8px 0 0; padding: 2px 0; width: 200px; } #imgCheck .contents .rain { border-right: #c5cee8 solid 1px; border-left: #c5cee8 solid 1px; float: left; margin: 0 0 0 0; padding: 2px 8px; } #imgCheck .contents .rain .legend { width: 200px; } #imgCheck .contents .rain .legend span { display: inline-block; } #imgCheck .contents .rain .legend table { float: left; margin-right: 2px; } #imgCheck .contents .rain .legend .txt { line-height: 13px; } #imgCheck .contents .wind { float: left; margin: 0 0 0 8px; padding: 2px 0; } #imgCheck .contents .wind .legend { width: 200px; } #imgCheck .contents .wind .legend span { background: url(http://i.yimg.jp/images/weather/typhoon/wind_leg.png) no-repeat; padding-left: 12px; display: inline-block; margin-right: 3px; } #imgCheck .contents .wind .legend .leg01 { background-position: 0 3px; } #imgCheck .contents .wind .legend .leg02 { background-position: 0 -17px; } #imgCheck .contents .wind .legend .leg03 { background-position: 0 -37px; } #imgCheck .contents .wind .legend .leg04 { background-position: 0 -58px; } #imgCheck .contents .wind .legend .leg05 { background-position: 0 -78px; } #imgCheck .contents .wind .legend .leg06 { background-position: 0 -98px; } #explain .contents { margin-bottom: 10px; border-right: 1px solid #C5CEE8; border-bottom: 1px solid #C5CEE8; border-left: 1px solid #C5CEE8; padding: 7px; } #explain .contents .set { overflow: hidden; zoom: 1; } #explain .contents .dashline { padding-bottom: 7px; margin-bottom: 7px; border-bottom: #c5cee8 dashed 1px; } #explain .contents .set img { float: left; } #explain .contents .set .txt { float: left; width: 491px; margin-left: 5px; overflow: hidden; } #explain .contents .set .txt .left { float: left; } #explain .contents .set .txt .right { float: right; } #trafficInfo .contents { margin-bottom: 10px; } #trafficInfo .contents dt { border-left: #bbd0fd solid 5px; padding-left: 5px; font-weight: bold; margin-bottom: 5px; } #trafficInfo .contents .line { padding-bottom: 10px; margin-bottom: 10px; border-bottom: #c5cee8 dashed 1px; } #WeDiInfo .contents { margin-bottom: 10px; } #WeDiInfo .contents ul { overflow: hidden; zoom: 1; } #WeDiInfo .contents ul li { background: url("http://i.yimg.jp/images/weather/common/yjw_arrow.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0); padding-left: 10px; width: 200px; float: left; margin-bottom: 5px; } #WeDiInfo .contents ul.w200 li { width: 200px; } #WeDiInfo .contents ul.w300 li { width: 300px; } #WeDiInfo .contents ul.line { padding-bottom: 5px; margin-bottom: 5px; border-bottom: #c5cee8 dashed 1px; } #guard .contents { overflow: hidden; margin-bottom: 10px; } #guard .contents .title { border-left: #bbd0fd solid 5px; padding-left: 5px; font-weight: bold; margin-bottom: 5px; } #guard .contents .left { float: left; width: 305px; } #guard .contents .left img { float: left; margin: 0 10px 10px 0; } #guard .contents .right { float: left; border-left: #c5cee8 solid 1px; padding-left: 10px; margin-left: 10px; width: 305px; } /** typhoon eye subColumn **/ #sub .mdSub { margin-bottom: 10px; } #sub .urgency { border: #d89494 solid 1px; margin-bottom: 10px; } #sub .urgency .frame { border: #fbd5d5 solid 2px; background-color: #fff1f1; padding: 5px; } #sub .urgency .frame dt { font-weight: bold; } #sub .real { border: #c5cee8 solid 1px; margin-bottom: 10px; } #sub .real .con { padding: 5px; } #sub .real .title { background-color: #edf6ff; padding: 8px 5px; } #sub .real dl { width: 290px; overflow: hidden; } #sub .real dl.line { border-bottom: #c5cee8 dashed 1px; margin-bottom: 5px; padding-bottom: 5px; zoom: 1; } #sub .real dt { float: left; display: inline; margin-right: 10px; line-height: 20px; } #sub .real dd { float: left; display: inline; font-weight: bold; width: 37px; padding-left: 25px; border-left: #c5cee8 solid 1px; line-height: 20px; } #sub .real dd.sun { background: url("http://i.yimg.jp/images/weather/general/forcast/mobile/s/sun.gif") no-repeat scroll -3px 50% rgba(0, 0, 0, 0); } #sub .real dd.clouds { background: url("http://i.yimg.jp/images/weather/general/forcast/mobile/s/clouds.gif") no-repeat scroll -3px 50% rgba(0, 0, 0, 0); } #sub .real dd.rain { background: url("http://i.yimg.jp/images/weather/general/forcast/mobile/s/rain.gif") no-repeat scroll -3px 50% rgba(0, 0, 0, 0); } #sub .real dd.snow { background: url("http://i.yimg.jp/images/weather/general/forcast/mobile/s/snow.gif") no-repeat scroll -3px 50% rgba(0, 0, 0, 0); } #sub .real dd.snowGray { background: url("http://i.yimg.jp/images/weather/typhoon/icon_snow_gray.gif") no-repeat scroll -3px 50% rgba(0, 0, 0, 0); } #sub .news { border: #c5cee8 solid 1px; margin-bottom: 10px; } #sub .news .title { background-color: #edf6ff; padding: 8px 5px; } #sub .news .con { padding: 5px; } #sub .news .con li { background: url("http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png") no-repeat 1px 6px; padding-left: 17px; line-height: 26px; } /** mobile smartphone link **/ .smpLink { border: #c5cee8 solid 1px; margin-bottom: 10px; } .smpLink .frame { border: #fff solid 3px; background-color: #edf7fc; min-height: 110px; height: auto !important; height: 110px; } #sub .smpLink .frame .title { font-weight: bold; background-color: #d9eef9; padding: 5px; } #sub .smpLink .frame .qrSet { overflow: hidden; margin: 2px; padding: 6px; border-bottom: #c5cee8 dashed 1px; } #sub .smpLink .frame .qrCode { padding: 8px; border: #bbd6e2 solid 1px; display: inline; float: left; margin-right: 8px; background-color: #fff; } #sub .smpLink .frame .qrSet .txt { width: 190px; float: left; } #sub .smpLink .frame .Set2 { background: url("http://i.yimg.jp/images/weather/typhoon/smp_bg.png") no-repeat 7px 2px; min-height: 70px; padding: 15px 3px 3px 3px; } #sub .smpLink .frame .Set2 .txt { margin-left: 120px; color: #357190; font-weight: bold; } #sub .yjw_sub_md_lined .dot_indt { margin-left: 1.2em; text-indent: -0.5em; } /** keihou chuuihou new **/ #keihouChuui .ePlace { margin-bottom: 20px; } #keihouChuui .ePlace .legend { text-align: right; margin-bottom: 5px; } #keihouChuui .ePlace .yjw_note_h2 span { margin-right: 20px; } #keihouChuui .ePlace .yjw_note_h2 img { vertical-align: middle; margin: 0 3px 3px 0; } #keihouChuui .ePlace .list li { padding: 2px 10px; zoom: 1; position: relative; } #keihouChuui .ePlace .list li dl { overflow: hidden; } #keihouChuui .ePlace .list li dt { float: left; width: 60px; } #keihouChuui .ePlace .list li dd { float: left; width: 550px; } #keihouChuui .ePlace .list li dd span { display: inline-block; } #keihouChuui .ePlace .list li img { vertical-align: middle; margin: 0 0 5px 3px; } #keihouChuui .ePlace .list li.even { background-color: #f4f4f4; } #keihouChuui .prefecture { margin-bottom: 20px; } #keihouChuui .prefecture table.list { border: #c5cee8 solid 1px; border-collapse: collapse; margin-bottom: 10px; } #keihouChuui .prefecture table.list tr.solLine { border-bottom: #c5cee8 solid 1px; } #keihouChuui .prefecture table.list td { padding: 6px 10px; } #keihouChuui .prefecture table.list td.stratum01 { border-right: #fff solid 1px; background-color: #eaebed; width: 90px; } #keihouChuui .prefecture table.list td.stratum02 { background-color: #f4f4f4; border-bottom: #c5cee8 solid 1px; width: 90px; } #keihouChuui .prefecture table.list td.stratum03 { background-color: #f9f9f9; border-bottom: #c5cee8 dotted 1px; width: 90px; } #keihouChuui .prefecture table.list td.stratum04 { background-color: #fff; border-bottom: #c5cee8 dotted 1px; overflow: hidden; } #keihouChuui .prefecture table.list td span { display: inline-block; margin: 2px 3px 2px 0; padding: 0 4px; } #keihouChuui .prefecture table.list td span.warning { background-color: #cc0000; color: #fff; } #keihouChuui .prefecture table.list td span.attention { background-color: #ffd966; } #keihouChuui .prefecture table.list td.stratum04 .lft { float: left; width: 237px; line-height: 1.6; } #keihouChuui .prefecture table.list td.stratum04 .rgt { float: right; width: 2.75em; padding-top: 1px; white-space: nowrap; } #keihouChuui .prefecture table.list td.stratum04 .rgt .gray { padding: 0; color: #c5cee8; } #keihouChuui .prefecture .update { overflow: hidden; margin-bottom: 5px; } #keihouChuui .prefecture .update .lft { float: left; color: #f00; } #keihouChuui .prefecture .update .rgt { float: right; } /** my_weather **/ #yjw_buttonarea .my_button { margin-right: 5px; border-right: #d9d9d9 solid 1px; display: inline-block; } #yjw_buttonarea .my_button img { margin-right: 5px; } #my_weather .top_button { text-align: right; margin-bottom: 4px; } #my_weather .top_button .jsoff { background-color: #f1f1f1; padding: 3px 5px; display: inline-block; } #my_weather .top_button .jsoff .button { width: 54px; height: 24px; text-indent: -9999px; cursor: pointer; border: none; margin-left: 5px; } #my_weather .top_button .jsoff .yes { background: url(http://i.yimg.jp/images/weather/my/set_button_org.png) no-repeat; } #my_weather .top_button .jsoff .no { background: url(http://i.yimg.jp/images/weather/my/set_button_gray.png) no-repeat; } #my_weather .top_button .jsoff .chk { margin-right: 3px; vertical-align: middle; } #my_weather .everyday_area { margin-bottom: 15px; } #my_weather .yjw_title_h2 { overflow: hidden; margin-bottom: 10px; } #my_weather .everyday_area .yjw_title_h2 p { float: left; font-weight: normal; } #my_weather .everyday_area .yjw_title_h2 span.bg { background-color: #dee7fd; padding: 2px 3px; font-weight: bold; float: left; } #my_weather .everyday_area .yjw_title_h2 span img { margin-left: 3px; } #my_weather .everyday_area .con { margin-left: 10px; margin-right: 10px; } #my_weather .everyday_area .area_pulldown { padding: 2px 20px 2px 2px; display: inline-block; } #my_weather .everyday_area .dwn { background: url("http://i.yimg.jp/images/weather/my/arrow01.png") no-repeat right rgba(0, 0, 0, 0); } #my_weather .everyday_area .up { background: url("http://i.yimg.jp/images/weather/my/arrow_up.png") no-repeat right rgba(0, 0, 0, 0); } #my_weather .everyday_area span.bld { font-weight: bold; } #my_weather .todayTomorrow { margin-bottom: 12px; border-bottom: #c7cee0 dashed 1px; } #my_weather .todayTomorrow .nosetAlert { padding: 8px; border: #c7cee0 solid 2px; color: #0a4ea3; font-weight: bold; margin-bottom: 12px; } #my_weather .todayTomorrow .nosetAlert .jsoff { font-weight: normal !important; color: #F00 !important; } #my_weather .todayTomorrow .title { color: #24468c; overflow: hidden; } #my_weather .todayTomorrow .title h3 { float: left; font-weight: bold; font-size: 90%; letter-spacing: 0.065em; } #my_weather .todayTomorrow .title p.dateTime { float: right; } #my_weather .todayTomorrow .tbl { overflow: hidden; padding-bottom: 12px; width: 614px; } #my_weather .todayTomorrow .tbl .even { background-color: #f4f6fb; } #my_weather .todayTomorrow .tbl .odd { background-color: #fff; } #my_weather .todayTomorrow .tbl .end { background-color: #f5f5f5 !important; color: #999 !important; } #my_weather .todayTomorrow .tbl .date { color: #24468c; font-weight: bold; margin-bottom: 3px; } #my_weather .todayTomorrow .tbl td p { margin-bottom: 4px; } #my_weather .todayTomorrow .tbl td { border-bottom: #c7cee0 solid 1px; border-top: #c7cee0 solid 1px; text-align: center; width: 37px; padding-top: 6px; vertical-align: top; } #my_weather .todayTomorrow .tbl .blue { color: #06f; font-weight: bold; } #my_weather .todayTomorrow .tbl .red { color: #f30; font-weight: bold; } #my_weather .todayTomorrow .tbl .gray { color: #999; } #my_weather .todayTomorrow .tbl .mgn { margin: 17px 0; } #my_weather .todayTomorrow .tbl .list { float: left; width: 296px; } #my_weather .todayTomorrow .tbl .line { margin-right: 10px; padding-right: 10px; border-right: #c7cee0 solid 1px; } #my_weather .todayTomorrow .tbl .tomorrow { float: right; width: 300px; } #my_weather .moreLink { overflow: hidden; padding-bottom: 12px; zoom: 1; } #my_weather .moreLink .lft { float: left; } #my_weather .moreLink .lft img { margin: 0 3px 3px 0; vertical-align: middle; } #my_weather .moreLink .lft span { margin-right: 10px; } #my_weather .moreLink .rgt { float: right; } #my_weather .moreLink .rgt span { color: #aabffe; font-weight: bold; } #my_weather .urgencyLink { padding-bottom: 12px; margin-bottom: 12px; border-bottom: #c7cee0 dashed 1px; } #my_weather .everyday_area .imgCheck { overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; border-bottom: #c7cee0 dashed 1px; zoom: 1; } #my_weather .everyday_area .imgCheck .pic { float: left; width: 200px; text-align: center; } #my_weather .everyday_area .imgCheck .pic .title { margin-bottom: 5px; } #my_weather .everyday_area .imgCheck .mr7p { margin-right: 7px; } #my_weather .everyday_area .real { padding-bottom: 12px; margin-bottom: 12px; border-bottom: #c7cee0 dashed 1px; } #my_weather .everyday_area .real .yjw_live_count_table { margin: 0px; } #my_weather .week { margin-bottom: 12px; } #my_weather .week .title { color: #24468c; overflow: hidden; } #my_weather .week .title h3 { float: left; font-weight: bold; font-size: 90%; letter-spacing: 0.065em; } #my_weather .week .title p.dateTime { float: right; } #my_weather .week .tbl .even { background-color: #f4f6fb; } #my_weather .week .tbl .odd { background-color: #fff; } #my_weather .week .tbl td p { margin-bottom: 6px; } #my_weather .week .tbl td img { margin-bottom: 6px; } #my_weather .week .tbl td { border-bottom: #c7cee0 solid 1px; border-top: #c7cee0 solid 1px; text-align: center; width: 87px; padding-top: 7px; } #my_weather .week .tbl .blue { color: #06f; } #my_weather .week .tbl .red { color: #f30; } #my_weather .week .tbl .gray { color: #999; } #my_weather .week .tbl .mgn { margin: 23px 0; } #my_weather .areaset { background-color: #f2f4fa; padding: 17px 10px 13px 10px; color: #314882; margin-bottom: 15px; } #my_weather .areaset p { text-indent: -1em; padding-left: 1em; } #my_weather .areaset .inputarea { border: #c5cee8 solid 1px; padding: 3px; margin-top: 10px; } #my_weather .areaset .inputarea .fr { background-color: #FFF; padding: 7px; } #my_weather .areaset .inputarea .fr span { margin-right: 10px; } #my_weather .favorite_area .deleteAlert { padding: 17px; border: #c7cee0 solid 2px; color: #0a4ea3; font-weight: bold; text-align: center; margin: 0 9px 12px 9px; } #my_weather .favorite_area .set { margin: 0 3px 10px 3px; background-color: #edf0f9; border-bottom: #dddee3 solid 1px; border-right: #dddee3 solid 1px; border-left: #dddee3 solid 1px; } #my_weather .favorite_area .set .frame { margin: 0 6px 15px 6px; border-top: #c7cee0 dashed 1px; padding-top: 6px; } #my_weather .favorite_area .titleSet { overflow: hidden; width: 634px; height: 45px; background: url(http://i.yimg.jp/images/weather/my/title_bg.png) no-repeat #edf0f9; } #my_weather .favorite_area .titleSet .title { float: left; margin: 14px 0 0 10px; } #my_weather .favorite_area .titleSet .deleteButton { float: right; margin: 16px 10px 0 0; } #my_weather .favorite_area .favorite_guide { border: #e5dc94 solid 1px; background-color: #fff; padding: 2px; margin-bottom: 12px; } #my_weather .favorite_area .favorite_guide .frame01 { background: url(http://i.yimg.jp/images/weather/my/okiniiri_map.png) no-repeat 8px 8px #fcf3a3; padding: 10px 10px 10px 150px; } #my_weather .favorite_area .favorite_guide .frame02 { background-color: #fceb5c; padding: 10px; } #my_weather .favorite_area .favorite_guide .frame02 .title { color: #675c02; font-weight: bold; margin-right: 10px; } .yjMSt { font-size: 90%; letter-spacing: 0.065em; line-height: 1.4em; } /** subColumn 2011.4.11 **/ #sub .list-w20 { width: 20%; float: left; } #sub .list-w33 { width: 33%; float: left; } #sub .list-w47 { width: 47%; float: left; } #sub .list-w50 { width: 50%; float: left; } #sub .list-w53 { width: 53%; float: left; } #sub .list-w67 { width: 67%; float: left; } #sub .list-w100 { width: 100%; float: left; } #sub .list-w100video { width: 100% !important; float: left; } #sub dl.yjw_navi.disaster, #sub dl.yjw_navi.wGuide { margin: 0 0 10px; margin-right: -3px; overflow: hidden; } #sub dl.yjw_navi.disaster dt { margin: 0; padding: 5px; background-color: #eee7e0; border-top: solid 1px #c3b3a4; } #sub dl.yjw_navi.disaster dd { width: 150px; float: left; margin: 0; text-indent: 0; background-color: #f8f8f8; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } #sub dl.yjw_navi.wGuide dt { margin: 0; padding: 5px; background-color: #e5eaf7; border-top: solid 1px #bbc7e3; } #sub dl.yjw_navi.wGuide dd { width: 150px; float: left; margin: 0; text-indent: 0; background-color: #f3f4f8; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } #sub dl.yjw_navi.disaster dd.select, #sub dl.yjw_navi.wGuide dd.select { width: 138px; padding: 10px 6px; } #sub dl.yjw_navi.disaster dd.select { background: #eee7e0; } #sub dl.yjw_navi.wGuide dd.select { background: #e5eaf7; } #sub dl.yjw_navi.disaster dd a, #sub dl.yjw_navi.wGuide dd a { display: block; padding: 10px 6px; } #sub dl.yjw_navi.disaster dd.list-w100, #sub dl.yjw_navi.wGuide dd.list-w100 { padding: 10px 0; text-indent: 6px; } #sub dl.yjw_navi.disaster dd.list-w100 p, #sub dl.yjw_navi.wGuide dd.list-w100 p { padding: 0 6px; text-indent: 0; } #sub dl.yjw_navi.disaster dd.list-w100 a, #sub dl.yjw_navi.wGuide dd.list-w100 a { display: inline; padding: 0; } #sub .commonSolidline { border-bottom: #C5CEE8 solid 1px; margin: 0 5px 10px 5px; padding-bottom: 5px; } #sub .yjw_sub_mds .titleRed { line-height: 1.2em !important; margin-bottom: 5px; } .fwNormal { font-weight: normal; } .fcBlack { color: #000 !important; } .yjw_navi li { display: block; margin-bottom: 10px; padding: 0; text-indent: 9px; } dl.yjw_navi { margin: 2px auto 5px auto; clear: both; } dl.yjw_navi3 dt { margin-bottom: 5px; text-indent: 9px; } dl.yjw_navi3 dd { display: block; margin-bottom: 5px; text-indent: 9px; } dl.yjw_navi3 dl.level2 { margin-bottom: 10px; } dl.yjw_navi3 .level2 dt { margin-bottom: 0px; } dl.yjw_navi3 .level2 li { display: inline; margin-left: 2px; padding-left: 6px; } dl.yjw_navi3 .level2 li.line { border-left: #000 solid 1px; } .mgt0 { margin-top: 0px !important; } /** earthquake 2011.4.25 **/ .etqk_traffic { overflow: hidden; zoom: 1; padding: 4px 2px 0 2px; } .etqk_traffic .rgt { float: right; display: block; } .etqk_traffic .lft { float: left; display: block; } .warning-txt { margin-bottom: 10px; } .warning-txt span { margin-right: 30px; } .warning-txt img { margin: 0 3px 3px 0; vertical-align: middle; } /** volcano 2011.08.19 **/ .volcano h3 { background-color: #e4f1f8; padding: 3px 7px; margin-bottom: 9px; float: none; font-weight: bold; } .volcano h4.lv1 { padding: 0px 0 0px 5px; font-weight: bold; border-left: #06547b solid 7px; border-bottom: #06547b solid 1px; } .volcano h4.lv2 { padding: 0px 0 0px 5px; font-weight: bold; border-left: #cdae00 solid 7px; border-bottom: #cdae00 solid 1px; } .volcano h4.lv3 { padding: 0px 0 0px 5px; font-weight: bold; border-left: #eb0000 solid 7px; border-bottom: #eb0000 solid 1px; } .volcano .lvp { margin: 0 10px 10px 10px; } .volcano .title { font-weight: bold; margin-bottom: 5px; } .volcano .frame { padding: 10px; border: solid 2px #bfe1f1; margin-bottom: 20px; } .volcano .txt { margin: 0 9px 20px 9px; } .volcano .mark { text-align: right; margin-top: 10px; } .volcano .mark span { margin-left: 10px; } .volcano .warning { margin: 0 2px 5px 1px; vertical-align: middle; } /** デバイス別表示切替リンク **/ .yjChviewWrap { text-align: center; margin-bottom: 10px; } .yjChview { display: inline-block; padding: 10px 30px; border: 1px solid #e7e7e7; background: #f9f9f9; text-align: center; } .yjChview dl, .yjChview dd, .yjChview p { margin: 0; } .yjChview dl dt, .yjChview dl dd { display: inline; font-size: 14px; line-height: 1.2em; } .yjChview dl dt { padding-right: 0.2em; } .yjChview dl dd span { font-weight: bold; } .yjChview dl dd:after { content: "\ff5c"; } .yjChview dl dd.end:after { content: ""; } /** デバイス別表示切替リンク **/ #footer address { border-top: none; padding-top: 0px; } #footer #addressArea { border-top: 1px solid #CCC; padding-top: 15px; } /**凡例 **/ #hanrei_Map { overflow: hidden; } #hanrei_Map dl dt, #hanrei_Map dl dd { float: left; display: inline-block; } #hanrei_Map dl dd { margin-right: 1px; } /*expEqNote*/ .expEqNote { margin: 0 auto; text-align: center; } .expEqNote li { display: inline; margin-right: 2px; } .icoEpicenter, .icoEqSILv1, .icoEqSILv2, .icoEqSILv3, .icoEqSILv4, .icoEqSILv5, .icoEqSILv6, .icoEqSILv7, .icoEqSILv8, .icoEqSILv9 { display: inline-block; *display: inline; height: 20px; padding-left: 20px; background: url(http://i.yimg.jp/images/weather/mark/expEq.png) no-repeat; line-height: 20px; *overflow: hidden; *zoom: 1; } .icoEpicenter { background-position: 0 0; } .icoEqSILv1 { background-position: 0 -20px; } .icoEqSILv2 { background-position: 0 -38px; } .icoEqSILv3 { background-position: 0 -56px; } .icoEqSILv4 { background-position: 0 -74px; } .icoEqSILv5 { background-position: 0 -92px; } .icoEqSILv6 { background-position: 0 -110px; } .icoEqSILv7 { background-position: 0 -128px; } .icoEqSILv8 { background-position: 0 -146px; } .icoEqSILv9 { background-position: 0 -164px; } /*------------------------------------------------------ 2013/08 for top weather map renewal -------------------------------------------------------*/ /*--custom for #contents-header--*/ #contents-header { margin-bottom: 10px; } .yjw_title_h1 { margin-bottom: 5px; } /*searchBox*/ .yjw_pnts_search { width: auto !important; float: left; margin: 0; background: none; } .yjw_pnts_search fieldset { display: inline; padding: 7px 6px 6px; font-size: 84%; } .yjw_pnts_search form { width: auto !important; } .yjw_pnts_search input#searchText { height: 20px; padding: 0 5px; line-height: 20px; } /*searchBtn*/ .yjw_title_h1 .btn { display: block; width: 101px; float: left; padding: 7px 0; } .yjw_pnts_search input#yjw_button_search, .btnPers { display: inline-block; background-image: url(http://i.yimg.jp/images/weather/pc/v2/img/common/btnLabelHd.png); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; white-space: nowrap; vertical-align: top; cursor: pointer; overflow: hidden; *zoom: 1; } .yjw_pnts_search input#yjw_button_search { *display: inline; width: 56px; height: 24px; margin: 0 0 0 2px; *padding-left: 5px; background-position: 0 0; border: none; } .btnPers { *display: block; *float: left; width: 101px; height: 24px; background-position: -60px 0; } /*--custom for breadcrumb--*/ #cat-pass { padding: 0; font-size: 85%; } /*--for map temperature color--*/ .red, .temp .high { color: #f30; } .blue, .temp .low { color: #06f; } /*-- custom for forecastCity --*/ .forecastCity .date { margin-bottom: 3px; *margin-bottom: 5px; font-weight: bold; } .forecastCity .pict { display: inline-block; *display: inline; min-width: 123px; margin: 0 5px 3px 0; font-size: 108%; font-weight: bold; line-height: 30px; vertical-align: middle; white-space: nowrap; *zoom: 1; } .forecastCity .pict img { margin: -2px 7px 0 0; *margin-top: -2px; vertical-align: middle; } .forecastCity .temp { display: inline-block; *display: inline; margin: 0 0 3px; white-space: nowrap; } .forecastCity .temp li { display: inline; line-height: 30px; } .forecastCity .pict em, .forecastCity .temp em { font-size: 108%; font-weight: bold; } .forecastCity table div { padding: 5px 10px; } .forecastCity dl:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .forecastCity table { width: 100%; margin: 5px 0; border-spacing: 0; border-collapse: separate; *border-collapse: collapse; border-top: 1px solid #c5cee8; border-right: 1px solid #c5cee8; table-layout: fixed; font-size: 93%; color: #333; } .forecastCity th, .forecastCity td { width: 50%; border-bottom: 1px solid #c5cee8; border-left: 1px solid #c5cee8; vertical-align: top; } .forecastCity td table { margin-bottom: 2px; border-top: 1px solid #d9dff0; border-right: 1px solid #d9dff0; } .forecastCity td th, .forecastCity td td { width: 20%; border-bottom: 1px solid #d9dff0; border-left: 1px solid #d9dff0; font-size: 84%; line-height: 1.4; text-align: center; vertical-align: middle; } .forecastCity table.allDay { table-layout: auto; } .forecastCity .allDay th { width: 20%; } .forecastCity .allDay td { width: 80%; } .forecastCity .time { background: #f2f4fa; } .forecastCity .precip { background: #fff; } .forecastCity dl { font-size: 84%; overflow: hidden; *zoom: 1; } .forecastCity dt, .forecastCity dd { float: left; margin-top: 5px; line-height: 1.4; } .forecastCity dt { width: 22px; } .forecastCity dd { width: 270px; } /* * for expo -----------------------------*/ /*--expoTbl--*/ .expoTbl table { width: 100%; border-spacing: 0; border-collapse: separate; *border-collapse: collapse; table-layout: fixed; margin: 5px 0 15px; border-top: 1px solid #d9dff0; border-right: 1px solid #d9dff0; color: #333; } .expoTbl td { font-size: 77%; } .expoTbl th { font-size: 84%; } .expoTbl th a { font-weight: bold; } .expoTbl th, .expoTbl .heading th.blank { background: #eee; } .expoTbl .heading th { padding: 5px 3px; background: #e9eefd; } .expoTbl .point .heading th { font-size: 93%; font-weight: bold; } .expoTbl th, .expoTbl td { padding: 5px 0; border-bottom: 1px solid #d9dff0; border-left: 1px solid #d9dff0; line-height: 1.5; text-align: center; vertical-align: middle; } .expoTbl .area th, .expoTbl .area td { border-bottom: 0; border-left: 1px solid #ddd; font-size: 77%; } .expoTbl td img, .expoTbl .area .pref td img { display: block; margin: 2px auto; vertical-align: top; } .expoTbl .heading { margin: 5px 0; } .expoTbl .area { margin-bottom: 20px; border-bottom: 1px solid #ddd; } .expoTbl .area .label { padding: 2px 5px; background: #eee; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .expoTbl .area .label h3 { display: inline; margin-right: 10px; font-size: 84%; } .expoTbl .area .label h3 em { font-size: 108%; font-weight: bold; } .expoTbl .area .label .subText { display: inline; font-size: 84%; } .expoTbl .area .label .subText a { white-space: nowrap; } .expoTbl .area table { margin: 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; } .expoTbl table.point { table-layout: auto; } .expoTbl .point th { width: 15%; } .expoTbl .point td { width: 42%; vertical-align: top; } .expoTbl .point dl { padding: 3px 10px; text-align: left; line-height: 1.4; overflow: hidden; *zoom: 1; } .expoTbl .point dl:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .expoTbl .point dt { width: 65px; height: 34px; float: left; margin-right: 10px; text-align: center; overflow: hidden; } .expoTbl .point dd { width: 172px; float: right; } .expoTbl .point dd em { font-size: 108%; font-weight: bold; } /*--expExpo--*/ .expExpo { margin-bottom: 10px; } .expExpo dl { padding: 10px 10px 5px; overflow: hidden; *zoom: 1; } .expExpo dl:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .expExpo dt, .expExpo dd { float: left; line-height: 1.5; } .expExpo dt { width: 65px; color: #666666; text-align: center; font-size: 70%; } .expExpo dt img { margin-bottom: 3px; vertical-align: middle; } .expExpo dd { width: 125px; min-height: 32px; padding: 5px; font-size: 84%; } /* * for evacuation -----------------------------*/ /*--icoEvac--*/ .icoEvacLv1, .icoEvacLv2, .icoEvacLv3, .icoEvacLv4 { display: inline-block; *display: inline; margin: 2px 0; padding: 5px 5px 4px; font-size: 85%; line-height: 1; overflow: hidden; *zoom: 1; } .icoEvacLv1 { background: #fff040; border: 2px solid #decc00; color: #333; } .icoEvacLv2 { background: #ffaf6e; border: 2px solid #ed6a00; color: #333; } .icoEvacLv3 { background: #c60000; border: 2px solid #970000; color: #fff; } .icoEvacLv4 { background: #5c00a3; border: 2px solid #3d006d; color: #fff; } /*--urgencyInfo--*/ .urgencyInfo { margin-bottom: 5px; border: 1px solid #d89494; font-size: 84%; line-height: 1.4; } .urgencyInfo dl { padding: 3px 10px; border: 2px solid #fbd5d5; background: #fff1f1; overflow: hidden; *zoom: 1; } .urgencyInfo dl:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .urgencyInfo dt { float: left; margin-right: 10px; font-weight: bold; line-height: 30px; } .urgencyInfo dt.even { margin-top: 6px !important; padding-top: 8px; border-top: 1px dotted #999; } .urgencyInfo dl.detail { padding: 0 !important; border: 0; } .urgencyInfo dl.detail dt { height: 30px; margin: 0; padding: 0; border: 0; font-weight: normal; } .urgencyInfo dl.detail dd { margin-left: 75px; padding-top: 6px !important; } /*sub*/ #sub .urgencyInfo { margin-bottom: 10px; } #sub .urgencyInfo dl { padding: 8px 8px 5px; } #sub .urgencyInfo dt { float: none; margin: 0; line-height: normal; } #sub .urgencyInfo dl.detail dt { float: left; } #sub .urgencyInfo dd { padding-top: 2px; } /*icoEvac*/ .urgencyInfo .icoEvacLv1, .urgencyInfo .icoEvacLv2, .urgencyInfo .icoEvacLv3, .urgencyInfo .icoEvacLv4 { width: 55px; font-size: 12px; text-align: center; } .urgencyInfo.typhoon { border: none; font-size: 84%; margin-top: 10px; } .urgencyInfo.typhoon dl { border: 1px solid #d89494; background: #fff; } .urgencyInfo.typhoon dd { text-align: left; } /*------------------------------------------------------ 2013/08 add emgWarning for warnAdv -------------------------------------------------------*/ /*--icoWarnAdv--*/ .icoAdvisory, .icoWarning, .icoEmgWarning { display: inline-block; *display: inline; margin: 2px 0; padding: 5px 5px 4px; font-size: 93%; line-height: 1; overflow: hidden; *zoom: 1; } .icoAdvisory { background: #ffd865; color: #333; } .icoWarning { background: #cc0000; color: #fff; } .icoEmgWarning { background: #5c00a3; color: #fff; } /*custom for innerTbl*/ #keihouChuui .prefecture table.list td span.emgWarning { background: #5c00a3; color: #fff; } #keihouChuui .prefecture .headlineText { margin-bottom: 5px; color: #f00; font-size: 84%; line-height: 1.3em; } /*--warnAdv--*/ .warnAdv { margin: 0 8px 4px; font-size: 84%; } .warnAdv dd dl { font-size: 93%; } .warnAdv, .warnAdv dd dl { overflow: hidden; *zoom: 1; } .warnAdv:after, .warnAdv dd dl:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .warnAdv dt, .warnAdv dd { width: auto; float: left; padding: 0; height: 27px; line-height: 27px; } .warnAdv dt { margin-right: 10px; } .warnAdv dd dt { margin: 0; } .warnAdv dd dd { margin: 0 10px 0 3px; } /*custom for moreLink*/ .moreLink .warnAdv { margin: 0; font-size: 100%; } .moreLink .warnAdv dt, .moreLink .warnAdv dd { height: auto; line-height: normal; } /*warnAdv Heat 20140714plus*/ .warnAdv.Heat { float: left; } .warnAdv.Heat ul.explain { margin-top: 4px; } .warnAdv.Heat .explain { width: 55px; text-align: center; } .warnAdv.Heat .explain li.exponent { width: 53px; height: 14px; font-size: 10px; line-height: 14px; border: solid 1px; border-radius: 2px; margin-bottom: 2px; } .warnAdv.Heat .exponent.e1 { border-color: #10a6d6; color: #10a6d6; } .warnAdv.Heat .exponent.e2 { border-color: #39a285; color: #39a285; } .warnAdv.Heat .exponent.e3 { border-color: #c59500; color: #c59500; } .warnAdv.Heat .exponent.e4 { border-color: #ea5119; color: #ea5119; } .warnAdv.Heat .exponent.e5 { border-color: #9f1a84; color: #9f1a84; } .HeatLink { float: right; margin-bottom: 5px; background: url(http://i.yimg.jp/images/weather/sisu/heatstroke_icon_04s.png) 0 50% no-repeat; } .HeatLink li { margin: 0 0 0 28px; line-height: 22px; } .HeatMod:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .HeatBnr { margin-bottom: 10px; } /*--expNoteWarnAdv--*/ .expNoteWarnAdv { margin: 20px 0; background: rgba(0, 0, 0, 0) url(http://i.yimg.jp/images/weather/pc/v2/img/common/bgExpNote.png) repeat 0 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .expNoteWarnAdv ul { padding: 20px 20px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .expNoteWarnAdv li { padding-bottom: 5px; position: relative; } .expNoteWarnAdv dl { overflow: hidden; } .expNoteWarnAdv dl:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .expNoteWarnAdv dt { width: 94px; height: 28px; float: left; margin-right: -94px; } .expNoteWarnAdv dt span { vertical-align: middle; } .expNoteWarnAdv dd { width: 500px; float: left; margin-left: 94px; margin-top: 2px; font-size: 84%; } .expNoteWarnAdv .icoEmgWarning, .expNoteWarnAdv .icoWarning, .expNoteWarnAdv .icoAdvisory { width: 50px; margin: 0 10px 0 0; padding: 6px 5px; font-size: 77%; text-align: center; *line-height: 13px; } .expNoteWarnAdv.min { margin: 0 0 10px; background: none; border: none; text-align: right; } .expNoteWarnAdv.min ul { padding: 0; border: none; } .expNoteWarnAdv.min li { display: inline; margin-right: 5px; padding: 0; } .expNoteWarnAdv.min .icoEmgWarning, .expNoteWarnAdv.min .icoWarning, .expNoteWarnAdv.min .icoAdvisory { margin: 0; } /*--infoEmgWarn--*/ .infoEmgWarn { margin: 0 0 10px; padding: 5px 10px; border: 1px solid #c5cee8; } .infoEmgWarn p { font-size: 84%; line-height: 1.5; } /*--labelLarge--*/ .labelLarge { height: 22px; padding: 6px 10px 7px; background: rgba(0, 0, 0, 0) url(http://i.yimg.jp/images/weather/pc/v2/img/warning/bgLabelLarge.png) repeat-x 0 0; } .labelLarge .title { color: #fff; font-weight: bold; line-height: 22px; vertical-align: middle; } /*--labelMedium--*/ .labelMedium.border { height: auto; padding: 1px 0; background: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden; *zoom: 1; } .labelMedium.border .title { display: block; padding: 5px 10px; background: #efeeee; color: #333; font-size: 93%; line-height: 1; } /*--relLink--*/ .relLink { font-size: 84%; text-align: right; } .relLink a { padding-left: 12px; background: url(http://i.yimg.jp/images/weather/common/yjw_arrow.gif) no-repeat 0 50%; font-size: 108%; } /*custom for expNoteWarnAdv, #keihouChuui .ePlace*/ .expNoteWarnAdv li .relLink, #keihouChuui .ePlace .list li .relLink { position: absolute; top: 0; right: 0; } /*--introEmgWarn--*/ .introEmgWarn { padding: 15px 30px 10px; } .introEmgWarn .text { margin-bottom: 1em; font-size: 93%; line-height: 1.5; } /*--detailEmgWarn--*/ .detailEmgWarn { padding: 0 30px 25px; } .detailEmgWarn .outline { margin-bottom: 30px; font-size: 93%; line-height: 1.5; } .detailEmgWarn .outline dt { margin: 15px 0 0; } .detailEmgWarn .outline dd { margin-top: 5px; padding-left: 1.5em; } .detailEmgWarn .chart { margin: 0 auto 40px; text-align: center; } .detailEmgWarn table { display: table; width: 100%; margin: 0 0 5px; border-collapse: separate; *border-collapse: collapse; border-spacing: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; empty-cells: show; } .detailEmgWarn th, .detailEmgWarn td { padding: 10px 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; vertical-align: middle; text-align: left; line-height: 1.6; } .detailEmgWarn th { width: 20%; background: #f9f9f9; font-size: 84%; font-weight: bold; text-align: center; } .detailEmgWarn .heading th { padding: 3px 8px; background: #f9f9f9 url(http://i.yimg.jp/images/weather/pc/v2/img/warning/bgTblHeading.png) repeat-x 0 0; border-left: 1px solid #fff; font-size: 93%; } .detailEmgWarn td { width: 80%; background: none; font-size: 84%; } .flowProtectEmg { margin: 15px 0 30px; padding-bottom: 1px; background: rgba(0, 0, 0, 0) url(http://i.yimg.jp/images/weather/pc/v2/img/warning/bgFlowProtectEmgBtm.png) no-repeat 0 100%; } .flowProtectEmg ul { background: rgba(0, 0, 0, 0) url(http://i.yimg.jp/images/weather/pc/v2/img/warning/bgFlowProtectEmg.png) no-repeat 0 0; *zoom: 1; *position: relative; } .flowProtectEmg ul:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .flowProtectEmg li { width: 237px; float: left; } .flowProtectEmg li ul { height: auto; margin: 0 0 10px; background: none; } .flowProtectEmg li li { width: auto; float: none; padding-left: 10px; background: rgba(0, 0, 0, 0) url(http://i.yimg.jp/images/weather/pc/v2/img/warning/icoListMark.png) no-repeat 0 7px; border-right: 0; } .flowProtectEmg dl { font-size: 84%; line-height: 1.5; } .flowProtectEmg dt { font-size: 108%; font-weight: bold; line-height: 32px; text-align: center; } .flowProtectEmg li.step3 dt, .flowProtectEmg li.step4 dt { color: #fff; } .flowProtectEmg dd { padding: 12px 10px 10px; } .flowProtectEmg .notice { display: block; width: 196px; height: 25px; margin: 0 auto 8px; background: rgba(0, 0, 0, 0) url(http://i.yimg.jp/images/weather/pc/v2/img/warning/textNotice.png) no-repeat 0 0; text-align: center; text-indent: 100%; white-space: nowrap; vertical-align: middle; overflow: hidden; } /*--detailEmgWarn-- 2013/10/22 */ .introEmgWarn .alertTit { color: #F00; font-size: 120%; font-weight: bold; margin-bottom: 0.3em; } .EmgWarnliStyle { width: auto; float: none; padding-left: 10px; background: rgba(0, 0, 0, 0) url(http://i.yimg.jp/images/weather/pc/v2/img/warning/icoListMark.png) no-repeat 0 9px; border-right: 0; } .EmgWarnInd { text-indent: 10px; } /*-- mainImg -- 20140203 */ .mainImgTable { width: 600px; margin: 5px auto 0; } .mainImgTable td th { border: 0; margin: 0; padding: 0; } .mainImg { width: 520px; padding: 0 5px 0; } .nextBtn-r, .nextBtn-l, .nextBtn-r-off, .nextBtn-l-off { display: inline-block; width: 30px; height: 398px; background-color: #f4f4f4; border-right: solid 1px #ccc; color: #FFF; background-repeat: no-repeat; background-position: center; } .nextBtn-r { background-image: url("http://i.yimg.jp/images/weather/pc/v2/img/common/nextbtn-r.png"); } .nextBtn-l { background-image: url("http://i.yimg.jp/images/weather/pc/v2/img/common/nextbtn-l.png"); } .nextBtn-r-off { background-image: url("http://i.yimg.jp/images/weather/pc/v2/img/common/nextbtn-r-gray.png"); } .nextBtn-l-off { background-image: url("http://i.yimg.jp/images/weather/pc/v2/img/common/nextbtn-l-gray.png"); } /* mouse over IE6 none */ html > body .nextBtn-r a:hover, html > body .nextBtn-l a:hover { display: inline-block; width: 30px; height: 398px; background-color: #ccc; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; } .nextBtn-r a, .nextBtn-l a { display: inline-block; width: 30px; height: 398px; } #hanrei_Map { margin: 5px 0 5px 5px; } /*-- cmnMod --20140115 */ /*condition*/ .cmnMod { margin-bottom: 10px; border-bottom: 1px solid #e3e3e3; overflow: hidden; *zoom: 1; } .cmnMod.pict { margin-top: 10px; border-top: 1px solid #e3e3e3; } .cmnMod.pict ul { padding: 10px 0; border-top: 1px solid #fff; background: #fdfdfd url(http://i.yimg.jp/images/weather/pc/v2/img/common/bgModuleBd.png) no-repeat 0 0; font-size: 77%; line-height: 20px; overflow: hidden; } .cmnMod.pict li { display: inline-block; *display: inline; margin-left: 8px; *zoom: 1; } /*-- tsunami --20140523 */ .tsunamiInfo { border: 2px solid #d89494; margin: 10px auto 10px; } .tsunamiInfo td { padding: 5px; font-size: 14px; font-weight: bold; } /*-- video --20140811 */ .videoPlayer { margin-bottom: 10px; } .videoPlayer h1 { float: none; color: #333; font-size: 116%; } .videoPlayer .shareModule { overflow: hidden; } .videoPlayer .shareModule li { float: left; margin: 8px 0 2px; padding-right: 5px; } .videoPlayer p.videoTitle { padding: 2px 0 0 3px; } .videoPlayer p.dTime { color: #999; font-size: 93%; padding-left: 3px; text-align: right; } .videoPlayer p.videoCaption { word-wrap: break-word; } .videoPlayer .error_noScript { width: 634px; height: 356px; text-align: center; vertical-align: middle; background-color: #ddd; border: #ccc 1px solid; } .videoPlayer .error_noScript p { margin-top: 150px; } #sub .list-w100video div { display: inline-block; width: 304px; height: 103px; margin: 0 3px; *display: inline; *zoom: 1; } #sub .list-w100video div a { display: block; position: relative; vertical-align: top; z-index: 0; } #sub .list-w100video div a span.videoTitle { vertical-align: top; display: inline-block; width: 120px; padding-left: 10px; text-decoration: underline; *display: inline; *zoom: 1; } #sub .list-w100video div .videoPlay { display: block; position: absolute; text-indent: -9999px; top: 30px; left: 63px; width: 37px; height: 37px; background-image: url(../img/video/btnVideoPlay.png); background-repeat: no-repeat; background-position: 0 0; } .videoTopics { margin: 10px 0; } .videoTopics .videoTopicsList li { width: 148px; height: 200px; float: left; margin: 0 7px 10px 0; padding: 1px; } .videoTopics .videoTopicsList li.current { background-color: #efefef; } .videoTopics .videoTopicsList li.current .videoDetail span.videoPlay { display: none; } .videoTopics .videoTopicsList li .videoDetail { position: relative; word-wrap: break-word; } .videoTopics .videoTopicsList li .videoDetail span.videoPlay { display: block; width: 37px; height: 37px; position: absolute; top: 23px; left: 55px; text-indent: -9999px; background-image: url(../img/video/btnVideoPlay.png); background-repeat: no-repeat; background-position: 0 0; } .videoTopics .videoTopicsList li .videoDetail .dTime { color: #999; font-size: 84%; } /*-- heatstroke --20140815 */ .hstroke { width: 46px !important; } .hstrokeexp { width: 244px !important; } .hstrokeexp, .hstrokeexp .warnAdv { margin: 0px !important; } .hstrokeexp dt { margin-right: 5px; } .forecastCity table .hstrokeexp div { padding: 0px 0px 0px 0px; } .hstroketxt { font-size: 12px; } .hstrokeexp2 { width: 170px; float: left; margin-top: 5px; } .hstrokeimg { margin: 8px 5px 0px 0px; overflow: hidden; width: 30px; text-align: center; height: 30px; float: left !important; } .HeatLinkBox .HeatLink { background: none; float: none; text-align: right; } .HeatLinkBox .HeatLink a { background: url(http://i.yimg.jp/images/weather/sisu/heatstroke_icon_04s.png) 0 50% no-repeat; float: none; padding: 5px 0px 5px 30px; } /*-- maplink --20140904 */ .mapLink { border: 1px solid #BEC5E6; padding: 1px; margin-bottom: 15px; } .mapLinkinner { background: #E6E9F8; overflow: hidden; padding: 5px 15px; } .mapleft { float: left; font-size: 0.85em; width: 450px; } .mapright { float: right; font-size: 90%; background: url(http://i.yimg.jp/images/weather/typhoon/map_arrow.png) 0 50% no-repeat; padding-left: 15px; } /*-- 5days --20140926 */ .typlayer { float: left; margin: 5px 0px 0px 0px; width: 465px; text-align: left; } .typ_5day a { display: block; width: 132px; height: 26px; text-indent: -9999px; background-image: url(http://i.yimg.jp/images/weather/typhoon/typ_5day.png); background-repeat: no-repeat; background-position: 0 0; float: right; margin-top: 5px; } /*-- typ_modulebox --20141007 */ .typ_modulebox { border: 1px solid #283EB8; margin-bottom: 15px; background: #f3f4f9; } .typ_modulebox_inner { border: 2px solid #dbe6f2; overflow: hidden; padding: 10px; } .typm_leftbox { float: left; width: 300px; padding-right: 15px; background: #f3f4f9; } .typ_modulebox .typm_header { padding: 5px; background: #283eb8; color: #FFF; font-size: 10px; overflow: hidden; margin-bottom: 7px; } .typ_modulebox .typm_header h2 { color: #FFF !important; font-size: 14px; float: left; } .typ_modulebox .typm_header span { float: right; } .typ_modulebox p { color: #333; font-size: 16px; margin-bottom: 7px; } .typ_modulebox p.topicsp { padding-bottom: 3px; } .typ_modulebox p.topicsp a { font-size: 14px; background-image: url(http://i.yimg.jp/images/weather/pc/v2/img/top/typm_icon.png); background-repeat: no-repeat; background-position: 0 0; padding: 7px 0px 7px 24px; } .typ_modulebox .typm_Link { border-top: 1px solid #bdc6e5; overflow: hidden; } .typ_modulebox ul { padding-top: 12px; overflow: hidden; margin-left: 10px; border-top: 1px solid #FFF; zoom: 1; } .typ_modulebox ul li { float: left; } .typ_modulebox ul li a { font-size: 12px; background-image: url(http://i.yimg.jp/images/weather/pc/v2/img/top/typm_icon.png); background-repeat: no-repeat; padding: 0px 0px 5px 28px; width: 105px; display: block; } .typ_modulebox ul li.typm_Link01 a { background-position: 0 -120px; } .typ_modulebox ul li.typm_Link02 a { background-position: 0 -240px; } .typ_modulebox ul li.typm_Link03 a { background-position: 0 -358px; } .typ_modulebox ul li.typm_Link04 a { background-position: 0 -478px; } .typ_modulebox ul li.typm_Link05 a { background-position: 0 -598px; } .typ_modulebox ul li.typm_Link06 a { background-position: 0 -714px; } /*-- applogy_module --20141106 */ .applogy_module { padding: 5px; color: #ff4c4c; border: 1px solid #ff4c4c; font-size: 14px; line-height: 1.4; margin-bottom: 15px; } /*-- nimbus_legend --20141225 */ .nimbus_legend00 { background: #d7d7d7; } .nimbus_legend01 { background: #ffffc8; } .nimbus_legend02 { background: #ffcd96; } .nimbus_legend03 { background: #ffc8ff; } .nimbus_legend04 { background: #ff91ff; } .nimbus_legend05 { background: #91aaff; } .nimbus_legend06 { background: #1955ff; } /*-- frost_legend --20141225 */ .frost_legend00 { background: #999; } .frost_legend01 { background: #e8d9ff; } .frost_legend02 { background: #c39fff; } .frost_legend03 { background: #8742ff; } /*-- kafun2015 */ .special_mod { margin-bottom: 10px; } #wthguid { background: #f3f4f8; } .flip-box { display: none; } .widebuttonarea, .top_deco .flip-box, .yohou_deco .flip-box { position: relative; display: block; width: 338px; } /*-- kafun2015 flip */ .igaiga, .igaiga2 { display: none; } .flip-boards { position: relative; } .flip-boards .board { height: 39px; *margin-top: -25px; margin-left: -2px; float: left; position: relative; cursor: pointer; } .flip-boards .board div { top: 0; left: 0; position: absolute; } /*-- add 2015/06/02 --*/ #vlinflst td { padding: 10px; } /*-- .lst_volcano2015 --*/ .lst_volcano2015 { width: 634px; margin-bottom: 10px; overflow: hidden; } .lst_volcano2015 .lst { overflow: hidden; margin: 10px -3px 0 0; line-height: 1em; } .lst_volcano2015 .lst dt { padding: 10px 17px; background-color: #e2d8ce; border-top: solid 1px #957954; font-weight: bold; color: #906b3e; clear: left; } .lst_volcano2015 .lst dd { width: 317px; float: left; margin: 0; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .lst_volcano2015 .lst dd a { display: block; padding: 12px 34px; line-height: 26px; } .icoVlcLv2, .icoVlcLv3 { display: inline-block; margin-left: 15px; padding: 5px 8px; line-height: 1; font-size: 12px; border-radius: 5px; text-decoration: none; } .icoVlcLv2 { background: #FF0; color: #333; } .icoVlcLv3 { background: #ce3434; color: #fff; } /*-- .box_volcano2015 --*/ .box_volcano2015 { margin-bottom: 20px; padding: 2px; border: 3px solid #b50202; } .box_volcano2015 dt { padding: 8px 10px; background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; overflow: hidden; *display: inline-block; -webkit-background-size: 20px 20px; background-size: 20px 20px; } .box_volcano2015 dt .ttl { float: left; font-size: 18px; font-weight: bold; color: #fff !important; } .box_volcano2015 dt .time { float: right; font-size: 12px; line-height: 26px; color: #fff; } .box_volcano2015 dd { padding: 10px; font-size: 16px; } .box_volcano2015 dd .spot { color: #C00000; } .box_volcano2015 dd .spot span { padding-right: 10px; font-size: 14px; } .box_volcano2015 dd .lnk { margin: 10px 0; text-align: center; font-weight: bold; line-height: 1em; } /*-- .box_pinpoint --*/ .box_pinpoint { margin-bottom: 15px; padding: 10px 10px 0; border: 2px solid #b50000; background: #fff3f3; } .box_pinpoint .box_ttl { font-size: 16px; font-weight: bold; color: #c00000; } .box_pinpoint hr { margin: 0; border: solid #b50000; border-width: 1px 0 0 0; } .box_pinpoint .clm_btn { overflow: hidden; *display: inline-block; padding-bottom: 10px; } .box_pinpoint .clm_btn_L { float: left; width: 300px; margin-right: 10px; } .box_pinpoint .clm_btn_R { float: right; width: 300px; } .box_pinpoint .btn_color1, .box_pinpoint .btn_color2, .box_pinpoint .btn_color3, .box_pinpoint .btn_color4, .box_pinpoint .btn_color5 { margin-top: 10px; } .box_pinpoint .btn_color1 .btn, .box_pinpoint .btn_color2 .btn, .box_pinpoint .btn_color3 .btn, .box_pinpoint .btn_color4 .btn, .box_pinpoint .btn_color5 .btn { -webkit-background-size: 20px 20px; background-size: 20px 20px; border-radius: 5px; } .box_pinpoint .btn_color1 .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv1.png) repeat; } .box_pinpoint .btn_color2 .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv2.png) repeat; } .box_pinpoint .btn_color3 .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; } .box_pinpoint .btn_color4 .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) repeat; } .box_pinpoint .btn_color5 .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_kasenLv4.png) repeat; } .box_pinpoint .btn a { display: block; padding: 8px 0; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; color: #fff; } .box_pinpoint .btn_color1 .btn a { color: #444; } .box_pinpoint .btn a span { padding: 3px 0 3px 25px; background: url(http://i.yimg.jp/images/weather/pc/v2/img/common/arrow_pinpoint.png) no-repeat 0px 2px; line-height: 20px; } .box_pinpoint .btn_color1 .txt, .box_pinpoint .btn_color2 .txt, .box_pinpoint .btn_color3 .txt, .box_pinpoint .btn_color4 .txt, .box_pinpoint .btn_color5 .txt { margin-top: 5px; font-size: 14px; line-height: 1.5em; } .box_pinpoint .btn_color1 .txt a { color: #b1a100; } .box_pinpoint .btn_color2 .txt a { color: #ed6a00; } .box_pinpoint .btn_color3 .txt a { color: #c60000; } .box_pinpoint .btn_color4 .txt a { color: #5c00a3; } .box_pinpoint .btn_color5 .txt a { color: #290148; } .box_pinpoint .clm_lnk { margin: 10px 0; } .box_pinpoint .clm_lnk .ttl { margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #c00000; } .box_pinpoint .clm_lnk .lst a { font-size: 14px; } .box_pinpoint .btn_evac_prepare, .box_pinpoint .btn_evac_advisory, .box_pinpoint .btn_evac_instruction, .box_pinpoint .btn_evac_alarm, .box_pinpoint .btn_flood_advisory, .box_pinpoint .btn_flood_warn, .box_pinpoint .btn_flood_hazard, .box_pinpoint .btn_flood_occurred, .box_pinpoint .btn_dosha_alarm { margin-top: 10px; } .box_pinpoint .btn_evac_prepare .btn, .box_pinpoint .btn_evac_advisory .btn, .box_pinpoint .btn_evac_instruction .btn, .box_pinpoint .btn_evac_alarm .btn, .box_pinpoint .btn_flood_advisory .btn, .box_pinpoint .btn_flood_warn .btn, .box_pinpoint .btn_flood_hazard .btn, .box_pinpoint .btn_flood_occurred .btn, .box_pinpoint .btn_dosha_alarm .btn { -webkit-background-size: 20px 20px; background-size: 20px 20px; border-radius: 5px; } .box_pinpoint .btn_evac_prepare .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv1.png) repeat; } .box_pinpoint .btn_evac_advisory .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv2.png) repeat; } .box_pinpoint .btn_evac_instruction .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; } .box_pinpoint .btn_evac_alarm .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) repeat; } .box_pinpoint .btn_flood_advisory .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv1.png) repeat; } .box_pinpoint .btn_flood_warn .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv2.png) repeat; } .box_pinpoint .btn_flood_hazard .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; } .box_pinpoint .btn_flood_occurred .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) repeat; } .box_pinpoint .btn_dosha_alarm .btn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; } .box_pinpoint .btn_evac_prepare .btn a, .box_pinpoint .btn_flood_advisory .btn a { color: #444; } .box_pinpoint .btn_evac_prepare .txt, .box_pinpoint .btn_evac_advisory .txt, .box_pinpoint .btn_evac_instruction .txt, .box_pinpoint .btn_evac_alarm .txt, .box_pinpoint .btn_flood_advisory .txt, .box_pinpoint .btn_flood_warn .txt, .box_pinpoint .btn_flood_hazard .txt, .box_pinpoint .btn_flood_occurred .txt, .box_pinpoint .btn_dosha_alarm .txt { display: inline-block; margin: 5px 5px 0 0; font-size: 14px; line-height: 1.5em; *display: inline; } .box_pinpoint .btn_evac_prepare .txt a, .box_pinpoint .btn_flood_advisory .txt a { color: #b1a100; } .box_pinpoint .btn_evac_advisory .txt a, .box_pinpoint .btn_flood_warn .txt a { color: #ed6a00; } .box_pinpoint .btn_evac_instruction .txt a, .box_pinpoint .btn_flood_hazard .txt a, .box_pinpoint .btn_dosha_alarm .txt a { color: #c60000; } .box_pinpoint .btn_evac_alarm .txt a, .box_pinpoint .btn_flood_occurred .txt a { color: #5c00a3; } /*-- landslide disaster Alert Lists Style add 2015/07/16--*/ #main .yjw_title_landSlideAlert { height: 1.5em; padding: 0.1em 0.2em; color: #000; font-weight: bold; /*background: #fff1f1; background: #d89494; border-top: solid 1px #d89494;*/ background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; border: 2px solid #be0000; } #main .yjw_title_landSlideAlert h2 { color: #fff; } .landSlideAlertList { display: block; background-color: #fcfcfc; margin-bottom: 10px; padding-bottom: 10px; } .landSlideAlertList table { width: 100%; } .landSlideAlertList table th, .landSlideAlertList table td { border: 1px solid #ccc; padding: .2em; } .landSlideAlertList table th { background-color: #eee; font-weight: bold; text-align: center; } .landSlideAlertList table td.prefecturesName { width: 100px; text-align: center; } .landSlideAlertList table td.cityList ul li { float: left; margin-right: 10px; white-space: nowrap; position: relative; } /*-- .box_rainstorm --*/ .box_rainstorm { border: 2px solid #b50000; background: #fff3f3; margin-bottom: 10px; padding: 10px 10px 0; font-size: 84%; } .box_rainstorm dl { margin-bottom: 8px; } .box_rainstorm dt { padding-bottom: 5px; font-weight: bold; line-height: 1em; color: #b50000; } .box_rainstorm th, .box_rainstorm td { vertical-align: top; } .box_rainstorm th { width: 85px; } .box_rainstorm td { padding-bottom: 5px; line-height: 20px; } .box_rainstorm th span { display: block; width: 75px; text-align: center; line-height: 20px; color: #fff; } .box_rainstorm th .evac_alarm { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) repeat; } .box_rainstorm th .evac_instruction { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; } .box_rainstorm th .evac_advisory { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv2.png) repeat; } .box_rainstorm th .evac_prepare { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv1.png) repeat; color: #444; } .box_rainstorm th .dosha_alarm { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; } .box_rainstorm th .flood_occurred { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) repeat; } .box_rainstorm th .flood_hazard { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; } .box_rainstorm th .flood_warn { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv2.png) repeat; } .box_rainstorm th .flood_advisory { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv1.png) repeat; color: #444; } .box_rainstorm hr { margin: 0 0 10px; border: solid #b50000; border-width: 1px 0 0 0; } .box_rainstorm ul li { padding-bottom: 5px; line-height: 1em; } .box_rainstorm .horizon { overflow: hidden; *display: inline-block; } .box_rainstorm .horizon dt { float: left; line-height: 20px; } .box_rainstorm .horizon dd { padding-left: 100px; } .box_rainstorm .horizon ul li { line-height: 20px; } /*-- .sns_btn --*/ .sns_btn { width: 280px; margin: 0px auto 10px; text-align: center; font-size: 10px; overflow: hidden; *display: inline-block; } .sns_btn div { float: left; width: 140px; } .sns_btn a { display: block; text-decoration: none; color: #FFF; } .sns_btn p { margin: 0 10px 5px; padding: 2px; text-align: center; border-radius: 4px; } .sns_btn span { padding: 6px 20px; } .sns_btn .tw { -webkit-box-shadow: 0px 2px 0px #5090ac; box-shadow: 0px 2px 0px #5090ac; background: #36abe0; } .sns_btn .tw span { background: url(http://i.yimg.jp/images/weather/smp/v2/img/common/tw.png) no-repeat 5px 8px; -webkit-background-size: 12px 9px; background-size: 12px 9px; background-image: none\9; } .sns_btn .fb { -webkit-box-shadow: 0px 2px 0px #424856; box-shadow: 0px 2px 0px #424856; background: #3e59a6; } .sns_btn .fb span { background: url(http://i.yimg.jp/images/weather/smp/v2/img/common/fb.png) no-repeat 4px 7px; -webkit-background-size: 12px 12px; background-size: 12px 12px; background-image: none\9; } .sns_btn .line { -webkit-box-shadow: 0px 2px 0px #457751; box-shadow: 0px 2px 0px #457751; background: #48ba48; } .sns_btn .line span { background: url(http://i.yimg.jp/images/weather/smp/v2/img/common/line.png) no-repeat 2px 7px; -webkit-background-size: 12px 12px; background-size: 12px 12px; background-image: none\9; } /*-- .detail_volcano --*/ .detail_volcano { margin-bottom: 10px; } .detail_volcano .mb10 { margin-bottom: 10px; } .detail_volcano .box_alert { margin: 0 0 10px; padding: 2px; border: 2px solid #c60000; } .detail_volcano .box_alert .ttl { padding: 5px 10px; background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; border: 2px solid #c60000; font-size: 18px; font-weight: bold; color: #fff; overflow: hidden; *display: inline-block; } .detail_volcano .box_alert .ttl h2 { float: left; color: #fff !important; } .detail_volcano .box_alert .date { display: block; float: right; font-size: 12px; font-weight: normal; } .detail_volcano .box_alert .txt { padding: 10px; font-size: 16px; line-height: 1.8em; } .detail_volcano .box_alert .spot { color: #c60000; } .detail_volcano .box_alert .spot dt, .detail_volcano .box_alert .spot dd { display: inline; } .detail_volcano .box_alert .spot dt { padding-right: 5px; font-size: 14px; } .detail_volcano .box_alert .spot span { padding-right: 10px; font-size: 16px; } .detail_volcano .clm_mountain { background: #eee7e0; overflow: hidden; *display: inline-block; } .detail_volcano .clm_mountain .map { float: left; width: 318px; position: relative; } .detail_volcano .clm_mountain .map img.marker { position: absolute; top: 41px; left: 113px; width: 92px; height: 92px; } .detail_volcano .clm_mountain .map img { vertical-align: bottom; } .detail_volcano .clm_mountain .data { float: right; width: 316px; } .detail_volcano .clm_mountain dt { padding: 5px 10px; background: #947854; font-size: 18px; font-weight: bold; color: #fff; } .detail_volcano .clm_mountain dt span { padding-left: 10px; font-size: 12px; } .detail_volcano .clm_mountain dd { padding: 10px; line-height: 1.8em; font-size: 16px; color: #815d38; } .detail_volcano .clm_alarm dt { padding: 5px 10px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; } .detail_volcano .clm_alarm .alarmLv0 { background: #d6d6d6; color: #444; border: 2px solid #cdcdcd; } .detail_volcano .clm_alarm .alarmLv2 { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv1.png) repeat; border: 2px solid #d5c302; color: #444; } .detail_volcano .clm_alarm .alarmLv3 { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv2.png) repeat; border: 2px solid #e16704; } .detail_volcano .clm_alarm .alarmLv4 { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv3.png) repeat; border: 2px solid #be0000; } .detail_volcano .clm_alarm .alarmLv5 { background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) repeat; border: 2px solid #5c00a3; } .detail_volcano .clm_alarm dt span { font-size: 16px; } .detail_volcano .clm_alarm dd { padding: 10px; line-height: 1.5em; font-size: 14px; } .detail_volcano .clm_new_info { margin-top: 10px; } .detail_volcano .clm_new_info dt { padding: 5px 10px; border-top: 2px solid #947854; background: #e3d8ce; font-size: 16px; line-height: 24px; font-weight: bold; color: #8b6b44; overflow: hidden; } .detail_volcano .clm_new_info dt h2 { float: left; color: #8b6b44 !important; } .detail_volcano .clm_new_info dt span { float: right; padding-left: 10px; font-size: 12px; line-height: 24px; font-weight: normal; } .detail_volcano .clm_new_info dd { padding: 5px 0; line-height: 1.8em; font-size: 16px; font-weight: bold; color: #8b6b44; } .detail_volcano .clm_new_info .source { padding: 3px 10px; background: #fff; text-align: right; color: #444; font-size: 12px; font-weight: normal; } .detail_volcano .clm_volcano_info { margin-bottom: 10px; font-size: 14px; } .detail_volcano .clm_volcano_info dt { padding: 10px 0 2px 42px; border-bottom: 2px solid #816036; font-size: 16px; background: url(http://i.yimg.jp/images/weather/smp/v2/img/common/ico_volcano.png) no-repeat 5px 2px; font-weight: bold; color: #8b6d45; } .detail_volcano .clm_volcano_info dd { padding: 8px 10px; } .detail_volcano .clm_volcano_info .alarmLv0, .detail_volcano .clm_volcano_info .alarmLv1, .detail_volcano .clm_volcano_info .alarmLv2, .detail_volcano .clm_volcano_info .alarmLv3, .detail_volcano .clm_volcano_info .alarmLv4, .detail_volcano .clm_volcano_info .alarmLv5 { display: block; font-weight: bold; } .detail_volcano .clm_volcano_info .alarmLv0 { color: #a3a3a3; } .detail_volcano .clm_volcano_info .alarmLv2 { color: #ad9f1a; } .detail_volcano .clm_volcano_info .alarmLv3 { color: #d76511; } .detail_volcano .clm_volcano_info .alarmLv4 { color: #b31e23; } .detail_volcano .clm_volcano_info .alarmLv5 { color: #4c1e83; } .detail_volcano .clm_info_list { margin-bottom: 10px; } .detail_volcano .clm_info_list dt { padding: 2px 10px; background: #c3c3c3; color: #fff; font-size: 14px; } .detail_volcano .clm_info_list li { border-bottom: 1px solid #d5d5d5; font-size: 16px; } .detail_volcano .clm_info_list li a { display: block; padding: 5px 10px; text-decoration: none; } .detail_volcano .clm_info_list li a span { display: block; font-size: 14px; color: #444; } .detail_volcano .clm_info_list .more { padding: 10px 0 10px; } .detail_volcano .clm_info_list .more_info_list { margin-bottom: 12px; } .detail_volcano .clm_map_bousai { margin-bottom: 10px; } .detail_volcano .clm_map_bousai dt { padding: 5px 10px; border-top: 2px solid #947854; background: #e3d8ce; font-size: 16px; line-height: 24px; font-weight: bold; color: #8b6b44; } .detail_volcano .clm_news_list { margin-bottom: 20px; } .detail_volcano .clm_news_list dt { padding: 5px 10px; border-top: 2px solid #947854; background: #e3d8ce; font-size: 16px; line-height: 24px; font-weight: bold; color: #8b6b44; } .detail_volcano .clm_news_list ul { margin-bottom: 10px; } .detail_volcano .clm_news_list li { border-bottom: 1px solid #d5d5d5; font-size: 16px; } .detail_volcano .clm_news_list li a { display: block; padding: 10px; text-decoration: none; } .detail_volcano .clm_news_list li a span { font-size: 12px; color: #444; } .detail_volcano .clm_news_list li a .source { padding-left: 5px; } .detail_volcano .clm_news_list li a .date { display: block; } .detail_volcano .clm_info_list .btn_more, .detail_volcano .clm_news_list .btn_more { display: block; position: relative; width: 240px; margin: 0 auto; padding: 8px 10px; background: #c9b5a2; font-size: 16px; text-align: center; border-radius: 5px; -webkit-box-shadow: #a8825f 0px 3px 0px 0px; box-shadow: #a8825f 0px 3px 0px 0px; color: #7a5a32 !important; text-decoration: none; } .detail_volcano .clm_info_list .btn_more span, .detail_volcano .clm_news_list .btn_more span { display: block; font-size: 12px; line-height: 12px; } .detail_volcano .clm_info_list .btn_more:after, .detail_volcano .clm_news_list .btn_more:after { display: block; position: absolute; content: ""; right: 3px; bottom: 3px; width: 8px; height: 8px; background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_button.png) no-repeat; -webkit-background-size: 8px 8px; background-size: 8px 8px; } /*-- .lst_link_other --*/ .lst_link_other { margin: 0 2px 10px; *margin: 0 0 10px; background: #f7f7f7; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; border-top: 2px solid #947854; } .lst_link_other .hd { padding: 10px 10px 3px; overflow: hidden; *display: inline-block; text-decoration: none; } .lst_link_other .hd .ttl { float: left; font-weight: bold; font-size: 15px; line-height: 20px; color: #947854 !important; } .lst_link_other .hd .date { float: right; text-align: right; font-size: 12px; line-height: 20px; color: #333; } .lst_link_other .hd_section { margin: 0 0 10px; overflow: hidden; *display: inline-block; } .lst_link_other .lst_link { border-top: 1px solid #d8d8d8; } .lst_link_other .lst_link li { border-bottom: 1px solid #d8d8d8; } .lst_link_other .lst_link li a { display: block; padding: 10px; font-size: 14px; text-decoration: none; color: #5c8eee !important; } .lst_link_other .lst_link li a p { font-size: 12px; color: #333; line-height: 1.5em; } /*-- #box_tokukei --*/ #box_tokukei { margin-bottom: 10px; border: 4px solid #5c00a2; background-color: #fff3f3; } #box_tokukei .ttl { position: relative; padding: 12px 10px 10px 50px; margin: 4px 4px 10px; color: #fff; font-size: 135%; background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) 0 0 repeat; *zoom: 1; } #box_tokukei .ttl .icon { position: absolute; left: 13px; top: 10px; vertical-align: top; } #box_tokukei .leadTxt { margin: 0 15px 10px; line-height: 1.5; } #box_tokukei .areaList { margin: 0 15px 5px; line-height: 1.5; } #box_tokukei .areaList a { display: inline-block; margin: 0 5px 5px 0; padding: 0 10px; border: 1px solid #c9d2e9; background: #f2f4fa; color: #1c4d8e; text-decoration: none; font-size: 14px; line-height: 24px; border-radius: 15px; *display: inline; *zoom: 1; } #box_tokukei .areaList a:hover { text-decoration: underline; } #box_tokukei .areaList th { padding-bottom: 5px; vertical-align: top; } #box_tokukei .areaList td { vertical-align: top; } #box_tokukei .areaList .hazType { display: block; width: 85px; margin-right: 10px; color: #fff; text-align: center; background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) repeat; } #box_tokukei .hazList .hazTypeLabel { margin: 0 15px 10px; } #box_tokukei .hazList .hazTypeLabel li { display: inline-block; width: 85px; margin-right: 10px; color: #fff; text-align: center; background: url(http://i.yimg.jp/images/weather/smp/v2/img/rainstorm/bg_evacLv4.png) repeat; *display: inline; *zoom: 1; } #box_tokukei .hazList .hazTypeLabel li.checkArea { width: auto; background: none; } /*-------------------------------- / mdContentsFooter /--------------------------------*/ .mdContentsFooter { margin-top: 30px; } .mdContentsFooter .footerInner { position: relative; } .mdContentsFooter img { vertical-align: middle; } .mdContentsFooter a { position: absolute; display: block; height: 48px; top: 188px; background-image: url(http://k.yimg.jp/images/clear.gif); } .mdContentsFooter .footerLinkIos { width: 142px; left: 145px; } .mdContentsFooter .footerLinkAndroid { width: 138px; left: 460px; } .detail_volcano .clm_alarm .alarmLv1 { background: #d6d6d6; color: #444; border: 2px solid #cdcdcd; } .detail_volcano .clm_volcano_info .alarmLv1 { display: block; font-weight: bold; color: #a3a3a3; } .icoVlcLv1, .icoVlcLv4, .icoVlcLv5 { display: inline-block; margin-left: 15px; padding: 5px 8px; border-radius: 3px; line-height: 1; font-size: 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; } .icoVlcLv1 { background: #a3a3a3; color: #fff; } .icoVlcLv3 { background: #d76511; color: #fff; } .icoVlcLv4 { background: #ce3434; color: #fff; } .icoVlcLv5 { background: #4c1e83; color: #fff; }