@charset "utf-8";

/*----------common----------*/
body {
	background: #FFFFFF;
	color: #333;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	font-family:'メイリオ',meiryo,'ＭＳＰゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴPro W3','Hiragino KakuGothic Pro', Osaka, sans-serif;
	}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th{font-size:1em;}
table{font-size:inherit; font:100%}


body, p, h1, h2, h3, h4, h5, h6, h7, ol, ul, li, form, dl, dt, dd {	margin: 0; padding: 0; list-style: none; word-wrap:break-word;}
.txt-out { font: 1px/1px "sans-serif"; text-indent: -2000px; text-decoration: none; }
.cl {clear:both; height:0; font-size: 1px; line-height: 0px;}
.clear-both {clear:both;}
.hide {display:none;}
img {border:0;}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.leftBox{
	float:left;
	}
.rightBox{
	float:right;
	}
	
a { text-decoration:none; color:#0000cc;}
a:visited { text-decoration:none; color:#0000cc;}
a:hover { text-decoration:underline;color:#ff0000;}
a:active { color:#ff0000;}


/* font-chart
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	197%
*/


/*----------Navi----------*/

ul#naviList{clear:left;width:640px;height:33px;}
ul#naviList li{float:left; text-align:center;height:33px;line-height:1.8em;}
ul#naviList li a{display:block;height:30px;padding-top:3px;}

ul#naviList li.nv01 {width:106px;background-image: url(../images/navi01.gif);background-repeat: no-repeat;}
#TOP ul#naviList li.nv01{background-image: url(../images/navi01_hover.gif);}

ul#naviList li.nv02 {width:107px;background-image: url(../images/navi02.gif);background-repeat: no-repeat;}
#CHART ul#naviList li.nv02{background-image: url(../images/navi02_hover.gif);}

ul#naviList li.nv03 {width:107px;background-image: url(../images/navi03.gif);background-repeat: no-repeat;}
#DISASTAR ul#naviList li.nv03{background-image: url(../images/navi03_hover.gif);}

ul#naviList li.nv04 {width:107px;background-image: url(../images/navi04.gif);background-repeat: no-repeat;}
#TOPICS ul#naviList li.nv04 {background-image: url(../images/navi04_hover.gif);}

ul#naviList li.nv05 {width:107px;background-image: url(../images/navi05.gif);background-repeat: no-repeat;}
#WORLD ul#naviList li.nv05 {background-image: url(../images/navi05_hover.gif);}

ul#naviList li.nv06 {width:106px;background-image: url(../images/navi06.gif);background-repeat: no-repeat;}
#MYTENKI ul#naviList li.nv06 {background-image: url(../images/navi06_hover.gif);}


/*----------common----------*/

#wrapper{
	margin:0px auto 0px auto;
	width:950px;
	}
#wrapper .left_col {
	width:640px;
	float:left;
	background-color:white;
}
#wrapper .right_col {
	width:300px;
	float:right;
	background-color:white;
}



ul.notice{
	width:640px;
	}
ul.notice li{
	padding:4px 6px;
	margin-top:6px;
	}
ul.notice li p{
	padding-left:30px;
	}
ul.notice li span{
	background:url(../images/cursol_green.gif) no-repeat left center;
	padding:0px 20px 0px 10px;
	}
ul.notice li span img{
	margin-left:5px;
	}
ul.notice li.nt01{
	background:#d7f0fe url(../images/icon_ex01.gif) no-repeat 6px center;
	}
ul.notice li.nt02{
	background:#f8f3cc url(../images/icon_ex02.gif) no-repeat 6px center;
	}
ul.notice li.nt03{
	background:#fce3e3 url(../images/icon_ex03.gif) no-repeat 6px center;
	}
ul.notice li.nt04{
	background:#dff5d0 no-repeat 6px center;
	}
ul.notice li.nt06{
	background:#f2c5ff url(../images/icon_ex04.gif) no-repeat 6px center;
	}
ul.hanrei li{
	float:left;
	}

.subTitle{
	width:620px;
	background:#a6dffe url(../images/h2_bg.gif) repeat;
	margin-top:10px;
	padding:8px 10px 3px 10px;
	border-bottom:#a6dffe 4px solid;
	}
.subTitle .subTitleInner{
	float:right;
	width:245px;
	min-height:26px;
	height: auto !important;
	height: 26px;
	}
.subTitle .subTitleInnerW{
	float:left;
	width:620px;
	min-height:25px;
	height: auto !important;
	height: 25px;
	}
.subTitle h2{
	font-size:108%;
	float:left;
	display:block;
	width:360px;
	}
.subTitle .subTitleInnerW h2{
	font-size:108%;
	width:auto;
	float:left;
	display:block;
	}
.subTitle .subTitleInnerW h2.long{
	width:480px;
	}
.subTitle .subTitleInner div.upDate, .subTitle2 .subTitleInner div.upDate{
	/*border:#FFF 1px solid;*/
	float:left;
	width:205px;
	}
.subTitle .subTitleInnerW div.upDate{
	float:right;
	width:205px;
	}
.subTitle .aboutMark, .subTitle2 .aboutMark{
	/*;*/
	float:right;
	/*margin:8px 0px 0px 0px;*/
	}
.subTitle .aboutMark a, .subTitle2 .aboutMark a{
	display:block;
	font-size:77%;
	background:#7dd1ff url(../images/cursol_blue.gif) no-repeat 4px center;
	padding:2px 3px 2px 11px;
	width:21px;
	}

.subTitleSingleColumn{
	width:620px;
	background:#a6dffe url(../images/h2_bg.gif) repeat;
	margin-top:10px;
	padding:9px 10px 6px 10px;
	border-bottom:#a6dffe 4px solid;
	}
.subTitleSingleColumn h2{
	font-size:108%;
	}

.subTitle2{
	width:610px;
	background:#ebf7fe url(../images/h3-2_bg.gif) repeat-y left top;
	margin-top:10px;
	padding:8px 15px;
	}

.subTitle2 .subTitleInner{
	float:right;
	width:245px;
	/*
	min-height:26px;
	height: auto !important;
	height: 26px;
	*/
	}
.subTitle2 h3{
	font-size:108%;
	float:left;
	display:block;
	width:360px;
	background:none;
	padding:0px;
	margin:0px;
	}


h3{
	background:url(../images/h3_bg.gif) no-repeat left bottom;
	min-height:18px;
	height: auto !important;
	height: 18px;
	font-weight:bold;
	margin-top:10px;
	padding-top:4px;
	padding-left:15px;
	font-size:100%;
	}
h3 span.suppl{
	font-weight:normal;
	color:#666666;
	margin-left:10px;
	}
h3.mt20{
	margin-top:20px;
	}


h4{
	background:url(../images/h4_bg.gif) #f0f0f0 no-repeat 5px center;
	padding:5px 10px 5px 25px;
	margin-top:20px;
	border-top:#dbdbdb 1px solid;
	border-left:#dbdbdb 1px solid;
	border-right:#dbdbdb 1px solid;
	}


h5{
	margin-top:10px;
	border-left:#93d2f5 solid 6px;
	padding-left:10px;
	/*color:#666;*/
	}
h5 span.grayBack{
	margin-right:8px;
	}


ul.ast{
    padding-left:2em;
    }
ul.ast li{
    text-indent:-2em;
    list-style-type:none;
	color:#666666;
}

ul.dottedList{
	padding-left:1em;
	}
ul.dottedList li{
	list-style-type:disc;
	list-style-position:inside;
	text-indent:-1.2em;
	}



#subCategoryButton{
	padding:5px 2px 5px 5px;
	background:#93d2f5;
	margin-top:10px;
	}
#subCategoryButton li{
	float:left;
	background:#d7f0fe;
	min-height:30px;
	height: auto !important;
	height: 30px;
	text-align:center;
	border:1px solid #8ac5e6;
	margin-right:3px;
	}
#subCategoryButton li.nolink{
	padding-top:7px;
	color:#666;
	font-weight:bold;
	min-height:23px;
	height: auto !important;
	height: 23px;
	background-color:#e1e1e1;
	}
#subCategoryButton li a{
	background:#ededed url(../images/submenubutton_bg.gif) repeat-x left top;
	display:block;
	padding-top:7px;
	min-height:23px;
	height: auto !important;
	height: 23px;
	}
#subCategoryButton li.current a{
	background:none;
	padding-top:7px;
	color:#003366;
	font-weight:bold;
	min-height:23px;
	height: auto !important;
	height: 23px;
	}
	
#subCategoryButton li.current a:hover { text-decoration:underline;color:#ff0000;}

#subCategoryButton.cat4 li{
	width:153px;
	}
#subCategoryButton.cat8 li{
	width:74px;
	}
#subCategoryButton.cat82 li{
	width:73px;
	}
#subCategoryButton.cat82 li.largeLi{
	width:81px;
	}
#subCategoryButton.cat9 li{
	width:63px;
	}
#subCategoryButton.cat9 li.largeLi{
	width:81px;
	}	
#subCategoryButton li.smallSize{
	font-size:85%;
	line-height:1.7em;
	}

.subCategoryTabArea{
	margin-top:10px;
	border-bottom:#93d2f5 7px solid;
	}
.subCategoryTabArea ul.tab01{
	background:url(../images/submenutab_bg.gif) repeat-y -306px top;
	}
.subCategoryTabArea ul.tab02{
	background:url(../images/submenutab_bg.gif) repeat-y -204px 0px;
	}
.subCategoryTabArea ul.tab03{
	background:url(../images/submenutab_bg.gif) repeat-y -102px top;
	}
.subCategoryTabArea ul.tab04{
	background:url(../images/submenutab_bg.gif) repeat-y left top;
	}
#subCategoryTab li{
	float:left;
	width:97px;
	display:block;
	text-align:center;
	min-height:26px;
	height: auto !important;
	height: 26px;
	margin-right:5px;
	}
#subCategoryTab li a{
	display:block;
	padding-top:6px;
	width:97px;
	min-height:20px;
	height: auto !important;
	height: 20px;
	}
#subCategoryTab li a span{
	background:url(../images/cursol_blue02.gif) no-repeat left center;
	padding-left:10px;
	}
#subCategoryTab li.current a{
	padding-top:6px;
	min-height:20px;
	height: auto !important;
	height: 20px;
	}
#subCategoryTab li.current a span{
	color:#003366;
	font-weight:bold;
	background:url(../images/cursol_blue02_current.gif) no-repeat left center;
	padding-left:10px;
	}
#subCategoryTab li.current a:hover span{
	text-decoration:underline;
	color:#ff0000;
	}
#subCategoryTab li.lastLi{
	margin-right:0px;
	}
.subCategoryTabArea ul.cat2{	
	width:199px;
}
.subCategoryTabArea ul.cat4{	
	width:403px;
}


.subCategoryLinks{
	margin-top:0px;
	background:#f2f2f2;
	padding:10px;
	}
.subCategoryLinks a{
	background:url(../images/cursol_blue02.gif) no-repeat left center;
	padding-left:15px;
	margin-right:20px;
	line-height:1.5em;
	}
.subCategoryLinks span a{
	background:url(../images/cursol_gray.gif) no-repeat left center;
	padding-left:15px;
	margin-right:20px;
	line-height:1.5em;
	color:#999999;
	}
.subCategoryLinks span a:hover{
	text-decoration:underline;color:#ff0000;
	}

.mapArea{
	background:#d7f0fe;
	width:630px;
	padding:5px;
	margin-top:10px;
	}
.mapAreaInner{
	border:1px solid #a6dffe;
	background-color:#eff9ff;
	padding:5px;
	width:618px;
	position:relative;
	}
.mapAreaInner ul{
	
	}
.mapAreaInner ul li{
	float:left;
	width:67px;
	height:34px;
	text-align:center;
	background:url(../images/map_button.gif) no-repeat left top;
	margin-right:5px;
	}
.mapAreaInner ul li.selected a{
	display:block;
	background:url(../images/map_buttonSelected.gif) no-repeat left top;
	height:24px;
	padding-top:10px;
	}
.mapAreaInner ul li.selectedWoLink{
	display:block;
	background:url(../images/map_buttonSelected.gif) no-repeat left top;
	height:24px;
	padding-top:10px;
	}
.mapAreaInner ul li a{
	display:block;
	width:67px;
	height:24px;
	padding-top:10px;
	}

.chartArea{
	width:640px;
	height:480px;
	margin-top:1px;
	}
.movieControler{
	width:640px;
	min-height:45px;
	height: auto !important;
	height: 45px;
	padding-top:5px;
	background:url(../images/moviecontrol_bg.gif) left top;
	text-align:center;
	}
.movieControler ul{
	margin:0px auto;
	width:160px;
	}
.movieControler li{
	float:left;
	margin-right:5px;
	}



/* table */

table{
    border-top:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	width:640px;
	margin-top:10px;
	}
table th, table td{
	border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
	padding:10px 10px;
	}
table th.sb{
	background:#eaf7ff;
	}
table th.lb{
	background:#f6f2dc;
	}
table td.lb{
	background:#f6f2dc;
	}
table td.llb{
	background:#f9f6ea;
	}
table td.bg{
	background:#fbf7eb;
	}
table td.gr{
	background:#f5f5f5;
	}
table td{
	background:#fff;
	}
table td.bld{
	font-weight:bold;
	}
table td.cnt{
	text-align:center;
	}
table th.lft{
	text-align:left;
	}
table td.noWp, table th.noWp{
	white-space:nowrap;
	}
table th.wpPerWd a, table td.wpPerWd a,table th.wpPerWd span, table td.wpPerWd span,table th.wpPerWd li, table td.wpPerWd li{
	white-space:nowrap;
	}

table td.wd310, table th.wd310{
	width:310px;
	}
table td.wd140, table th.wd140{
	width:140px;
	}
table td.wd142, table th.wd142{
	width:142px;
	}
table td.wd105, table th.wd105{
	width:105px;
	}
table td.wd240, table th.wd240{
	width:240px;
	}
table td.wd60, table th.wd60{
	width:60px;
	}
table td.wd85, table th.wd85{
	width:85px;
	}
table td.wd75, table th.wd75{
	width:75px;
	}
table td.wd70, table th.wd70{
	width:70px;
	}
table td.wd177,table th.wd177{
	width:177px;
	}
	

table.threeHours th.wd{
	width:42px;
	}
table.lifeIndex th.wd{
	width:231px;
	}
table.local th{
	width:80px;
	}
table.local td{
	width:197px;
	color:#999999;
	}





#WORLD table th, #WORLD table td{
	padding:5px 2px;
	}
#WORLD table th{
	width:65px;
	}

span.chuuihou{
	color:#000;
	background:#ffcc33;
	padding:1px 2px;
	font-size:93%;
	margin-left:3px;
	}
span.keihou{
	color:#FFF;
	background:#F00000;
	padding:1px 2px;
	font-size:93%;
	margin-left:3px;
	}
span.tokuhou{
	color:#FFF;
	background:#c800ff;
	padding:1px 2px;
	font-size:93%;
	margin-left:3px;
}
ul.chuuiKeihou li{
	float:left;
	}
ul.chuuiKeihou li[class] ~ li[class] {
	margin-left: 15px;
}
li.tokuhou{
	background:#c800ff;
	margin-right:5px;
	width:1.0em;
	height:1.0em;
	}
li.chuuihou{
	background:#ffcc33;
	margin-right:5px;
	width:1.0em;
	height:1.0em;
	}
li.keihou{
	background:#F00;
	margin-right:5px;
	width:1.0em;
	height:1.0em;
	}

.prArea{
	width:640px;
	background:url(../images/PR_bg.gif) no-repeat bottom left;
	margin-top:10px;
	}
.prArea p{
	/*color:#FFF;*/
	background:url(../images/PR_top.gif) no-repeat;
    padding: 4px 0 0 10px;
	height:23px;
	font-weight:bold;
	margin-bottom:10px;
	}
.prArea ul{
	margin:0px 10px 10px 10px;
	width:620px;
	}
.prArea ul li{
	float:left;
	margin-right:10px;
	}
.prArea ul li.banner{
	width:160px;
	}
.prArea ul li.text{
	width:120px;
	}
.prArea ul.borderTop{
	border-top:#c2c2c2 1px dotted;
	padding-top:10px;
	}


/* 右検索エリア */
.serachArea{
	margin-top:10px;
	padding-bottom:10px;
	background:url(../images/search_bottom.gif) no-repeat bottom left;
	}
.serachArea p{
	background:url(../images/search_top.gif) no-repeat bottom left;
	min-height:22px;
	height: auto !important;
	height: 22px;
	font-weight:bold;
	/*color:#FFF;*/
	font-size:108%;
	padding:4px 0px 1px 10px;
	}
.serachArea ul{
	border-left:1px solid #2fa0e3;
	border-right:1px solid #2fa0e3;
	background:#e7f4fb;
	padding:10px 10px 0px 10px;
	width:278px;
	}
.serachArea ul li{
	float:left;
	}
.serachArea .txtbox{
	width:205px;
	margin-right:5px;
}
* html .serachArea .txtbox{
	width:200px;
	}


.searchNotice{
	border-left:1px solid #2fa0e3;
	border-right:1px solid #2fa0e3;
	background:#e7f4fb;
	font-size:85%;
	color:#666;
	padding:5px 10px 0px 10px;
	width:278px;
	}

.info{
	padding-bottom:10px;
	background:url(../images/info_bottom.gif) no-repeat bottom;
	}
.info p{
	background:#fff url(../images/info_top.gif) no-repeat bottom;
	min-height:26px;
	height: auto !important;
	height: 26px;
	font-weight:bold;
	color:#666;
	font-size:108%;
	padding:6px 0px 0px 10px;
	margin-top:10px;
	}
.info ul{
	border-left:1px solid #2fa0e3;
	border-right:1px solid #2fa0e3;
	background:#fff url(../images/info_bg.gif) no-repeat top;
	padding:5px 10px 0px 10px;
	}

.info ul li{
	margin-top:5px;
	padding-left:27px;
	padding-top:2px;
	min-height:18px;
	height: auto !important;
	height: 18px;
	}
.info ul li span{
	color:#999;
	}
.info ul li.info01{
	background:url(../images/icons/uv_lv1.png) no-repeat left -1px;
	}
.info ul li.info02{
	background:url(../images/icons/sentaku_lv1.png) no-repeat left -1px;
	}
.info ul li.info03{
	background:url(../images/icons/kafun_lv1.png) no-repeat left -1px;
	}
.info ul li.info04{
	background:url(../images/icons/sakura_lv3.png) no-repeat left -1px;
	}
.info ul li.info05{
	background:url(../images/icons/kouyou_lv3.png) no-repeat left -1px;
	}
.info ul li.info06{
	background:url(../images/icons/kankou.png) no-repeat left -2px;
	}
.info ul li.info07{
	background:url(../images/icons/koutuu.png) no-repeat left -3px;
	}
.info ul li.info08{
	background:url(../images/icons/marine.png) no-repeat left -1px;
	}
.info ul li.info09{
	background:url(../images/icons/gelende.png) no-repeat left -1px;
	}
.info ul li.info10{
	background:url(../images/icons/odekake.png) no-repeat left -1px;
	}
	
.info ul li.movie{
	padding:5px;
	background:#fff;
	border:#CCC 1px solid;
	}
.info ul li.movieexp{
	padding:0px;
	font-size:85%;
	color:#666;
	}


.attention{
	padding:0px 0px 10px 0px;
	background:url(../images/notice_bottom.gif) no-repeat bottom;
	margin-top:10px;
	}
.attention p{
	background: url("../images/notice_top.gif") no-repeat scroll center top #2FA0E3;
    font-weight: bold;
    height: auto !important;
    min-height: 19px;
    padding: 4px 0 0 10px;
	}
.attention ul{
	border-left:1px solid #2fa0e3;
	border-right:1px solid #2fa0e3;
	background:#fff;
	padding:0px 10px 1px 10px;
	margin:0px;
	}
.attention ul li{
	border-bottom:#c2c2c2 1px dotted;
	padding:10px 0px 10px 15px;
	background:url(../images/listmark.gif) no-repeat left 12px;
	margin:0px;
	}


/*----------- インタレストマッチ ------------*/

.overture_im{
	margin:20px auto 0px auto;
	}

.overture_im li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    width: 100%;
    float: left;
	text-align:left;
}
.overture_im span {
    display: block;
}
.overture_im a {
    padding: 3px;
    display: block;
}
.overture_im a:hover {
    background-color: #fff6b6;
}
.overture_im .title {
    display: inline;
}
.overture_im a:link .title,
.overture_im a:visited .title,
.overture_im a:active .title {
    text-decoration:underline;
}
.overture_im a:hover .title {
    text-decoration: none;
}
.overture_im a .desc {
    padding-top: 3px;
    color: #333333;
}
.overture_im a .url {
    color: #338000;
    margin-left: 10px;
    display: inline;
}

.overture_im_credit {
    clear: both;
    margin-top: 4px;
    color: #666666;
    text-align: right;
	padding:0px;
	font-size:85%;
}
.overture_im_credit a {
    color: #666666;
}
.overture_im_credit a:hover {
    text-decoration: underline;
}


.bannerCopyArea{
	width:950px;
	margin:20px auto 0px auto;
	text-align:center;
	padding-bottom:10px;
	}
.bannerCopyArea p{
	margin:20px auto 0px auto;
	}
	
	
/* SECOND */
ul.pankuzu{
	margin-top:10px;
	}
ul.pankuzu li{
	float:left;
	margin-right:10px;
	padding-right:15px;
	background:url(../images/pankuzucursol.gif) no-repeat right center;
	white-space:nowrap;
	}
ul.pankuzu li.currentPage{
	background:none;
	}


ul.onedayWeather{
	margin:0px auto;
	}
ul.onedayWeather li{
	float:left;
	min-height:27px;
	height: auto !important;
	height: 27px;
	width:65px;
	}
ul.onedayWeather li.temp{
	margin:0px;
	padding-top:5px;
	min-height:22px;
	height: auto !important;
	height: 22px;
	width:100px;
	text-align:center;
	}
ul.onedayWeather li.rain{
	margin:0px;
	padding-top:5px;
	min-height:22px;
	height: auto !important;
	height: 22px;
	width:40px;
	text-align:center;
	}
table.onedayWeather td, table.onedayWeather th{
	padding:15px 5px;
	/*text-align:center;*/
	}
table.onedayWeather th{
	width:90px;
	text-align:left;
	}
table.onedayWeather td{
	width:212px;
	text-align:center;
	}


.mytenkiLocalArea{
	margin-top:10px;
	text-align:center;
	background:#f2f2f2;
	padding:10px;
	}
.mytenkiLocalArea span.current a{
	color:#666;
	white-space:nowrap;
	}
.mytenkiLocalArea span.current a:hover{
	text-decoration:underline;color:#ff0000;
	}
.mytenkiLocalArea a{
	white-space:nowrap;
	}
	
.mytenkiTabArea{
	margin-top:10px;
	width:639px;
	border-bottom:#6cc8ff 6px solid;
	}

ul#mytenkiTab{
	/*border-bottom:#6cc8ff 6px solid;*/
	width:640px;
	}
.mytenkiTabArea ul.tab01{
	background:url(../images/mytenki_bg.gif) repeat-y -483px top;
	}
.mytenkiTabArea ul.tab02{
	background:url(../images/mytenki_bg.gif) repeat-y -322px top;
	}
.mytenkiTabArea ul.tab03{
	background:url(../images/mytenki_bg.gif) repeat-y -161px top;
	}
.mytenkiTabArea ul.tab04{
	background:url(../images/mytenki_bg.gif) repeat-y left top;
	}
ul#mytenkiTab li{
	float:left;
	width:156px;
	margin-right:5px;
}
ul#mytenkiTab li.lastLi{
	margin-right:0px;
	}
ul#mytenkiTab p{
	background:#e5f5ff url(../images/mytenki_tab.gif) no-repeat left top;
	min-height:21px;
	height: auto !important;
	height: 21px;
	color:#023165;
	padding-left:6px;
	line-height:1.5em;
	}

ul#mytenkiTab a{
	width:144px;
	display:block;
	padding:6px;
	min-height:30px;
	height: auto !important;
	height: 30px;
	}
ul#mytenkiTab span.currentlink a{
	font-weight:bold;
	color:#003366;
	}
ul#mytenkiTab span.currentlink a:hover{
	text-decoration:underline;color:#ff0000;
	}
ul#mytenkiTab span.nolink{
	padding:6px;
	width:144px;
	display:block;
	min-height:30px;
	height: auto !important;
	height: 30px;
	color:#999;
	}


.registButton{
	float:right;
	background:#ededed url(../images/mytenki_button.gif) no-repeat left top;
	width:111px;
	margin-right:5px;
	margin-top:0px;
	text-align:center;
	font-weight:bold;
	border:#cccccc solid 1px;
	line-height:100%;
	}
.registButton a{
	color: #333;
	display:block;
	width:111px;
	padding:4px 0 4px 0;
	}

ul.alartColor {
	display: flex;
	align-items: center;
}

ul.alartColor li{
	margin-top:10px;
	margin-right:15px;
	}
ul.alartColor li.warningCol{
	width:30px;
	height:15px;
	background:#f00000;
	margin-right:5px;
	}
ul.alartColor li.alartCol{
	width:30px;
	height:15px;
	background:#ffcc33;
	margin-right:5px;
	}
ul.alartColor li.specialWarningCol{
	width:30px;
	height:15px;
	background:#c800ff;
	margin-right:5px;
	}

/*  Link div */
.links{
	margin-top:10px;
	padding:0px 0px;
	width:620px;
	}
.links li{
	float:left;
	}
.links a{
	background:url(../images/cursol_blue02.gif) no-repeat left center;
	padding-left:15px;
	margin-right:20px;
	line-height:1.5em;
	}
.links span{
	background:url(../images/cursol_gray.gif) no-repeat left center;
	}
.links span.current a{
	background:none;
	color:#999999;
	}
.links span.current a:hover{
	text-decoration:underline;color:#ff0000;
	}
.links span.nolink{
	padding-left:15px;
	margin-right:20px;
	line-height:1.5em;
	color:#333;
}

/* div */
div.borderBlue{
	padding:6px 10px;
	border:#a6dffe 1px solid;
	margin-top:10px;
	}
div.borderGray{
	padding:15px;
	border:#dbdbdb 1px solid;
	}



/* text */
.grayBack{
	background:#777777;
	color:#FFF;
	font-weight:normal;
	font-size:77%;
	padding:2px 3px 0px 3px;
	}
.txtGray{
	color:#999999;
	}
.txtNavy{
	color:#003366;
	}
.txtTempRed{
	color:#E61B1B;
	}
.txtTempBlue{
	color:#2c5cd6;
	}
.txtRed{
	color:#cc0000;
	}
.bld{
	font-weight:bold;
	}

.fs10 {font-size:77%;}
.fs11 {font-size:85%;}
.fs12 {font-size:93%;}
	
	
/* list */
.listFloatclr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.listFloatclr{overflow:hidden;}
/* Hides from IE-mac \*/
* html .listFloatclr{height:1%;overflow:visible;}

ul.listFloat{margin-top:10px;}
ul.listFloat li{width:19.9%; float:left; margin-bottom:10px;}


ul.tableLink {
	zoom:100%;
	}
ul.tableLink:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
	}
ul.tableLink li{
	float:left;
	margin-right:10px;
	white-space:nowrap;
	line-height:180%;
	}
ul.tableLinkDisastar{
	width:177px;
	}
ul.tableLinkDisastar li{
	float:left;
	white-space:nowrap;
	margin-bottom:5px;
	}


/* margin */
.mt10{
	margin-top:10px;
	}
.mt20{
	margin-top:20px;
	}
.ml10{
	margin-left:10px;
	}
.ml20{
	margin-left:20px;
	}
	
	
/* 地図表示エリア */
.mapAreaInner div{
	width:79px;
	text-align:center;
	position:absolute;
	height: 38px;
	/*height:41px;*/
	}
.mapAreaInner p{
	margin-bottom:3px;
}



/*TOPICS*/

#TOPICS .topicsText{
	margin-top:10px;
	text-align:center;
	}
#TOPICS .topicsText img{
	margin:0px auto;
	}
#TOPICS .topicsText p{
	text-align:left;
	margin-top:20px;
	line-height:1.8em;
	}
#TOPICS h3.second{
	margin-top:20px;
	}
#TOPICS .backNumber{
	margin-top:20px;
	}
#TOPICS .backNumber p{
	background:#dbf2fc;
	border-bottom:#e8e8e8 1px solid;
	padding:2px 10px;
	font-weight:bold;
	}
#TOPICS .backNumber ul{
	margin-top:10px;
	}
#TOPICS .backNumber ul li{
	background:url(../images/cursol_blue02.gif) no-repeat 4px center;
	padding:2px 0px 2px 15px;
	border-bottom:#CCC 1px dotted;
	margin-bottom:5px;
	}
#TOPICS .backNumber ul li.current{
	background:url(../images/cursol_gray.gif) no-repeat 4px center;
	color:#999;
	}	
#TOPICS .backNumber ul li.current a{
	color:#999;
	}
#TOPICS .backNumber ul li.current a:hover{
	color:#ff0000;
	}	

	
#WORLD ul.top3column{
	width:640px;
	margin-top:10px;
	}
#WORLD ul.top3column li{
	float:left;
	width:206px;
	margin-right:11px;
	}
#WORLD ul.top3column li.lastColumn{
	margin-right:0px;
	}

#WORLD dl dt{
	background:#d7f0fe;
	border-top:#c3e8fd 4px solid;
	padding:4px 10px 4px 10px;
	font-weight:bold;
	margin-bottom:10px;
	}
#WORLD dl dd{
	border-bottom:#cccccc 1px dotted;
	padding-bottom:6px;
	margin-bottom:10px;
	}
#WORLD dl dd p{
	background:url(../images/cursol_blue02.gif) no-repeat left center;	
	padding-left:10px;
	margin-bottom:5px;
	}


/* マイ天気 */
#MYTENKI div.borderBlue{
	padding:6px 10px;
	border:#a6dffe 1px solid;
	margin-top:10px;
	}
#MYTENKI div.borderGray{
	padding:15px;
	border:#dbdbdb 1px solid;
	}
#MYTENKI div.borderGray ul li.wrap{
	float:left;
	margin-right:30px;
	}
#MYTENKI div.borderGray ul li.searchForm{
	width:300px;
	}
#MYTENKI div.borderGray .serachArea{
	margin-top:0px;
	}
#MYTENKI div.borderGray ul li.searchLink{
	margin-top:22px;
	padding:10px;
	background-color:#d7f0fe;
	border:#a6dffe 1px solid;
	}
#MYTENKI div.borderGray ul li.searchLink a{
	background:url(../images/cursol_blue02.gif) no-repeat left center;
	padding-left:10px;
	}
	
#MYTENKI p.mytenkiTxt{
	line-height:1.8em;
	}

#MYTENKI p.setupButton{
	padding:10px;
	background-color:#d7f0fe;
	border:#a6dffe 1px solid;
	margin:10px auto 0px auto;
	width:100px;
	text-align:center;
	}

#MYTENKI .h4txt{
	border-left:#dbdbdb 1px solid;
	border-right:#dbdbdb 1px solid;
	border-bottom:#dbdbdb 1px solid;
	padding:10px;
	}

span.highlightBlue{
	background:#d7f0fe;
	padding:0px 10px;
	margin:0px 5px;
	font-weight:bold;
	color:#003366;
}

/*　検索結果 */
ul.resultForm li{
	float:left;
	}
ul.resultForm .txtbox{
	width:205px;
	margin-right:5px;
}

/* ウェザーニュース動画 */
.weatherNewsMovie{
	width:340px;
	height:300px;
	margin:10px auto;
	}


/*-- 凡例 --*/
.hanrei_col {
	width:470px;
	background-color:white;
	margin:0px auto;
}
.hanrei_col .subTitle{
	margin-top:0px;
	width:450px;
	}
.hanrei_col .subTitleInnerW{
	width:200px;
	float:left;
	}
.hanrei_col table{
	width:470px;
	}
.hanrei_col .closeButtonArea{
	text-align:center;
	}
.hanrei_col .closeButton{
	background:#ededed url(../images/mytenki_button.gif) no-repeat left top;
	width:111px;
	margin:20px auto;
	text-align:center;
	font-weight:bold;
	border:#cccccc solid 1px;
	line-height:100%;
	}
.hanrei_col	.closeButton a{
	color: #333;
	display:block;
	width:111px;
	padding:4px 0 4px 0;
	}
.hanrei_col .rightBox{
	margin:0px;
	float:right;
	}
table td.wd40{
	width:40px;
	}
table td.wd96{
	width:96px;
	}
table td.wd57{
	width:57px;
	}
table td.wd70{
	width:70px;
	}
table td.wd100, table th.wd100{
	width:100px;
	}
table td.wd166, table th.wd166{
	width:166px;
	}	
table td.wd497, table th.wd497, ul.wd497{
	width:497px;
	/*width:500px;*/
	}
#TOP div.borderGray{
	padding:15px 15px 10px 15px;
	border:#dbdbdb 1px solid;
	}
	
	
/* 各種地図画像指定 */

/* TOP */
#TOP .mapAreaInner{
	background:url(../images/map/zenkoku.gif) no-repeat left top;
	height:435px;
	}
/* WORLD */
#WORLD .mapAreaInner{
	background:url(../images/map/world.gif) no-repeat left top;
	height:395px;
	}
/* 生活系 */
#LIFEANDSEASON.map2{
	background:url(../images/map/omOkiHok.gif) no-repeat left top;
	}
#LIFEANDSEASON.map3{
	background:url(../images/map/omOkinawa.gif) no-repeat left top;
	}
/* 関東 */
#KANTO.mapAreaInner{
	background:url(../images/map/kanto.gif) no-repeat left top;
	}
/* 北海道 */
#HOKKAIDO.mapAreaInner{
	background:url(../images/map/hokkaido.gif) no-repeat left top;
	}
/* 東北 */
#TOHOKU.mapAreaInner{
	background:url(../images/map/tohoku.gif) no-repeat left top;
	}
/* 中部 */
#CHUBU.mapAreaInner{
	background:url(../images/map/chubu.gif) no-repeat left top;
	}
/* 近畿 */
#KINKI.mapAreaInner{
	background:url(../images/map/kinki.gif) no-repeat left top;
	}
/* 中国 */
#CHUGOKU.mapAreaInner{
	background:url(../images/map/chugoku.gif) no-repeat left top;
	}
/* 九州 */
#KYUSHU.mapAreaInner{
	background:url(../images/map/kyushu.gif) no-repeat left top;
	}
/* 沖縄 */
#OKINAWA.mapAreaInner{
	background:url(../images/map/okinawa.gif) no-repeat left top;
	}
/* 全国ポイント無し */
#ZENKOKU2.mapAreaInner{
	background:url(../images/map/zenkoku2.gif) no-repeat left top;
	}
/* マリン関東*/
#KANTO-MARINE.mapAreaInner{
	background:url(../images/map/kanto_marine.gif) no-repeat left top;
	}
/* マリン北海道 */
#HOKKAIDO-MARINE.mapAreaInner{
	background:url(../images/map/hokkaido_marine.gif) no-repeat left top;
	}
/* マリン東北*/
#TOHOKU-MARINE.mapAreaInner{
	background:url(../images/map/tohoku_marine.gif) no-repeat left top;
	}
/* マリン中部 */
#CHUBU-MARINE.mapAreaInner{
	background:url(../images/map/chubu_marine.gif) no-repeat left top;
	}
/* マリン近畿 */
#KINKI-MARINE.mapAreaInner{
	background:url(../images/map/kinki_marine.gif) no-repeat left top;
	}
/* マリン中国 */
#CHUGOKU-MARINE.mapAreaInner{
	background:url(../images/map/chugoku_marine.gif) no-repeat left top;
	}
/* マリン四国 */
#SHIKOKU-MARINE.mapAreaInner{
	background:url(../images/map/shikoku_marine.gif) no-repeat left top;
	}
/* マリン九州 */
#KYUSHU-MARINE.mapAreaInner{
	background:url(../images/map/kyushu_marine.gif) no-repeat left top;
	}
/* マリン沖縄 */
#OKINAWA-MARINE.mapAreaInner{
	background:url(../images/map/okinawa_marine.gif) no-repeat left top;
	}

/* Katsumi.Kobayashi｜マイメニュー登録画面｜20110801スタイル追加｜ */
.addbox {
	width:246px;
	margin:15px auto 0px;
	white-space:nowrap;
	text-align:center;
}
.addbox input {
	margin:0 20px;
}
/* Katsumi.Kobayashi｜PC側スマホ切り替えボタン｜20111229スタイル追加｜ */
.vwswich {
	width:250px;
	padding:10px 0;
	border:1px solid #DDD;
	background-color:#F6F6F6;
	margin:10px auto 0;
	font-size:92%;
}
.vwswich span {
	font-weight:bold;
}


/* Hitomi Hirota｜地震情報追加に伴う修正｜20120713スタイル追加｜ */

ul.notice li.nt05{
	background:#d6daf3 url(../images/icon_ex05.gif) no-repeat 6px center;
	}

#subCategoryButton.cat10 li{
	width:206px;
	}


#normalButton{
	padding:0 2px 0 10px;
	margin-top:10px;
	}

#normalButton li{
	min-height:30px;
	height: 30px;
	text-align:center;
	border:1px solid #cccccc;
	width:206px;
	
	}

#normalButton li a{
	background:url(../images/submenubutton_bg.gif) repeat-x left top;
	display:block;
	min-height:23px;
	height: 23px;
	padding-top:7px;
	}

.info ul:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.info ul li.info11{
	padding-left:0;
	padding-right:1.5em;
	display:inline;
	}

.info ul li.info12{
	padding-left:0;
	}
#QUAKE .mapAreaInner{
	background-color:#ffffff;
	text-align:center;
	}

#QUAKE .flashlist{
	margin-top:20px;
	}
#QUAKE .flashlist .bg{
	background:#dbf2fc;
	border-bottom:#e8e8e8 1px solid;
	padding:4px 10px;
	}

#QUAKE .flashlist .bg .title{
	font-weight:bold;
	width:25%;
}

#QUAKE .flashlist .bg .caption{
	text-align:right;
	width:65%;
}

#QUAKE .flashlist ul{
	margin-top:10px;
	}
#QUAKE .flashlist ul li{
	background:url(../images/cursol_blue02.gif) no-repeat 4px center;
	padding:2px 0px 2px 15px;
	border-bottom:#CCC 1px dotted;
	margin-bottom:5px;
	}
#QUAKE .flashlist ul li.current{
	background:url(../images/cursol_gray.gif) no-repeat 4px center;
	color:#999;
	}	
#QUAKE .flashlist ul li.current a{
	color:#999;
	}
#QUAKE .flashlist ul li.current a:hover{
	color:#ff0000;
	}
#QUAKE .flashlist .happen_d{
	margin-right:1em;
}
#QUAKE .flashlist .happen_t{
	margin-right:2em;
}

#QUAKE .att_up{
	width:420px;
}
#QUAKE p.txt01 {
	margin-top:5px;
}

#QUAKE .att_box{
	padding-left:2em;
	text-indent:-2em;
}

#QUAKE ul.tableLink{
	display:block;
	min-height:2em;
	height: auto !important;
	height: 2em;
}

#QUAKE ul.tableLink:after { 
	content: "."; 
	display: block; 
	height: 0; clear: 
	both; 
	visibility: 
	hidden;
}

/* Tomomi.Igarashi｜予報発表時刻｜20120830スタイル追加｜ */
.subTitle .subTitleInnerW div.upDate02{
	float:right;
	width:220px;
	font-weight:bold;
	}
	
/* Katsumi.Kobayashi|FireFox3以上対象トップページエリア表表示くずれ対応 */
/* Firefox hack start */
@-moz-document url-prefix() {
ul.tableLink, x:-moz-any-link  {
	width:95%;
	}
}
/*
.wd497 ul,  x:-moz-any-link, x:default {
	 letter-spacing: 0.4em;
	}
.wd497 ul li span.chuuihou,  x:-moz-any-link, x:default {
	 letter-spacing: 0em;
	}
.wd497 ul li span.keihou,  x:-moz-any-link, x:default {
	 letter-spacing: 0em;
	}
*/

/* 天気の地域変更設定 | 20140901追加 */
.formSetupArea {
	margin-bottom:13px;
	position:relative;
	background:url(/weather/images/bg_formSetupArea.png) center top repeat-y;
	border:1px solid #c3c3c3;
}
.formSetupArea dl {
	float:left;
}
.formSetupArea .beforeArea {
	width:319px;
}
.formSetupArea.inBox .beforeArea {
	width:303px;
}
.formSetupArea .afterArea {
	width:318px;
}
.formSetupArea.inBox .afterArea {
	width:302px;
}
.formSetupArea dl dt {
	font-weight:bold;
	padding:13px 0;
	text-align:center;
}
.formSetupArea dl dd {
	border-radius:2px;
}
.formSetupArea .beforeArea .area {
	min-height:10px;
	padding:10px 15px;
	margin:0 auto 13px;
	background:#ffffff;
	border:3px solid #c3c3c3;
	width:225px;
}
.formSetupArea .afterArea .area {
	margin:0 auto 6px;
	height:20px;
	width:240px;
}
.formSetupArea .afterArea select {
	width:260px;
	border:1px solid #c3c3c3;
	border-radius:2px;
	height:20px;
}
.formSetupArea .afterArea .submitbutton {
	width:62px;
	margin:0 auto 10px;
	display:block;
}
.formSetupArea .setupAreaArrow {
	position:absolute;
	left:304px;
	top:50px;
}
.formSetupArea.inBox .setupAreaArrow {
	left:289px;
}

/* header差し替えのため、タイトル周り調整 | 20170601追加 */
.hdg_h1 {
	width: 950px;
	margin: 8px auto 10px;
	font-size: 32px;
	font-weight: normal;
	font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック','MS PGothic',Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
}
.hdg_h1 a {
	color: #223;
}