@charset "UTF-8";

/***********************************************/
/* clearfix                           */
/***********************************************/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	margin:0;
	padding:0;
	text-align:center;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
	margin:0;
	padding:0;
	color:#333;
	font-style:normal;
	font:14px/160% verdana, "ヒラギノ角ゴ Pro W4",ヒラギノ角ゴ Pro W4, Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
textarea,input{
	margin:0;
	padding:0;
}
caption,th{
	text-align:left;
}
td,th{
	vertical-align: top;
}
fieldset,img,abbr{
	border:none;
}
li{
	list-style-type:none;
}
hr{
	display:none;
}
a,a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}
strong{font-weight:bold;}
img{vertical-align:bottom;}
#cont{
	text-align:left;
	zoom:1;/* For IE 6/7 */
}


/***********************************************/
/* .inner                                      */
/***********************************************/
.inner{
	margin:0 auto;
	width:1000px;
	position:relative;
}
#cont .inner{
	background:url(/material/img/common/contBg.gif) repeat-y right top;
}
#column #cont .inner{
	background:url(/material/img/common/contBg.gif) repeat-y left top;
}

/***********************************************/
/* #head style                                 */
/***********************************************/
#header{
	min-width: 1020px;
}

#head{
	background:#7e50fb;
	height:143px;
}

#head #headLogo{
	position:absolute;
	top:40px;
	left:0;
}

#head #headBanner{
	position:absolute;
	top:7px;
	right:0;
}

#head #headNav{
	position:absolute;
	top:105px;
	left:-12px;
	width:1024px;
	text-align:center;
}

#head #headNav li{
	font-size:120%;
	display:inline;
	margin:0 12px;
}

#head #headNav li a,
#head #headLink li a{color:#fff;}
#head #headNav li.note a{color:#FFF000;}
#head #headNav li a:hover,
#head #headLink li a:hover{text-decoration:underline;}

#headLinkArea{
	height: 50px;
	background:#6042B2;
	margin:0 0 0px;
}
#headLinkArea #headSearch{
	position:absolute;
	top:9px;
	left:0;
}

#headLinkArea #headSearch input[type=text]{
	/* background:url(/material/img/common/searchBg.gif) no-repeat 95% 50% #fff; */
	background: #fff;
	border:none;
	color:#CAC6D7;
	font-size:120%;
	height:32px;
	padding:0 30px 0 5px;
	width:160px;
}

#headLinkArea #headSearch input.btSearch {
    left: 170px;
    position: absolute;
    top: 6px;
}

#headLinkArea #headSearch input.textFocus{
	color:#333;
}

#headLinkArea #headLink{
	position:absolute;
	top:10px;
	left:190px;
	zoom:1;/* For IE 6/7 */
}

#headLinkArea #headLink li{
	background:url(/material/img/contents/icon_videopost.jpg) no-repeat 0 0;
	float:left;
	font-size:120%;
	font-weight:nomal;
	margin:0 0 0 20px;
	padding:2px 0 2px 35px;
}
#headLinkArea #headLink li.li00{
        background: transparent url("/material/img/contents/icon_alacarte.png") no-repeat scroll 7px 0px;
}
#headLinkArea #headLink li.li01{
	background-image:url(/material/img/contents/icon_videopost.jpg);
}
#headLinkArea #headLink li.li02{
	background-image:url(/material/img/contents/icon_localtime.jpg);
}
#headLinkArea #headLink li.li03{
	background-image:url(/material/img/contents/icon_311.jpg);
}

#headLinkArea #headLink li a{
	color:#FFF;
}

#headLinkArea #headRss{
	position:absolute;
	top:17px;
	right:0;
	z-index:2;
}

#headLinkArea #headLike{
	position:absolute;
	top:17px;
	left:830px;
	z-index:1;
}

#headLinkArea #headLike iframe{
	width: 120px;
}


/***********************************************/
/* #main style                              */
/***********************************************/
.pageNav{
	margin:0 0 20px 0;
}
.pageNav ul a{
	color:#6042b2;
}
.pageNav ul li{
	float:left;	
	margin:0 2px 0 0px;
}
.pageNav ul li span{
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #edecee;   /* 背景色 */
	padding:4px 8px 4px 8px;
}
.pageNav ul li.arrow{
	background:url(/material/img/common/pageNavArrow.png) center right no-repeat;
	padding:0 12px 0 0px;
}

/***********************************************/
/* #main style                              */
/***********************************************/
#main{
	float: left;
	width: 670px;
	padding: 20px 0 40px;
}


#main .section{
	border-bottom:1px solid #ccc;
	margin:0 0 20px;
	padding:0 15px 20px;
}

#main .section ul.cate{
	margin:0 0 8px;
	zoom:1;/* For IE 6/7 */
}
#main .section ul.cate li{
	background:#444;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	float:left;
	padding:2px 20px;
}

#main .section ul.cate li:first-child{
	background:#7E50FB;
}

#main .section h2,
#main .section h3{
	font-size:170%;
	font-weight:bold;
	line-height:100%;
}


#main .section ul.cate li.cate90{background-color:#FF00A2}
#main .section ul.cate li.cate10{background-color:#F29D16}
#main .section ul.cate li.cate24{background-color:#425E9F}
#main .section ul.cate li.cate20{background-color:#A9F97D;color:#7E50FB}
#main .section ul.cate li.cate21{background-color:#FFF000;color:#333}
#main .section ul.cate li.cate22{background-color:#CA2311}
#main .section ul.cate li.cate23{background-color:#328A02}


#main .section .date{
	color:#887799;
	margin:0 0 10px;
}

#main .thumb{
    background: none repeat scroll 0 0 #000000;
    position: relative;
    text-align: center;
}

#main .thumb img.play{
	margin:-58px 0 0 -45px;
	position:absolute;
	top:50%;
	left:50%;
}

#main #mainArticleList{
	margin: 0 0 0px;
	display: inline-block;
	width: 100%;
}
#main #mainArticleList .section:last-child,
#main #superlineArticleList .section:last-child{
	border: none;
	margin:0 0 0px;
}

#main #topbox{
	border-bottom:1px solid #ccc;
	margin:0 0 20px;
	padding:0 15px 20px;
}

#main #topbox ul.cate{
	margin:0 0 8px;
	zoom:1;/* For IE 6/7 */
}

#main #topbox ul.cate li{
	background:#444;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	float:left;
	padding:2px 20px;
}

#main #topbox ul.cate li:first-child{
	background:#7E50FB;
}

#main #topbox h2,
#main #topbox h3{
	font-size:170%;
	font-weight:bold;
	line-height:100%;
}
#main #topbox .thumb{
	display: inline-block;
	min-width: 640px;
	min-height: 320px;
}
/**********************/

#main #subArticleList{
	border-top:1px solid #ccc;
	padding: 20px 0 0;
	margin: 0;
	zoom:1;/* For IE 6/7 */
}
#main #subArticleList .section{
	float:left;
	margin:0 0 15px;
	padding:0 10px 15px;
	width:310px;
	min-height: 300px;
}
#main #subArticleList .section ul.cate li{
	font-size:105%;
}
#main #subArticleList .section h3,
#main #subArticleList .section h2{
	font-size:140%;
	font-weight:normal;
	line-height:120%;
}
#main #subArticleList .section .thumb{
	height: 174px;
	overflow: hidden;
}
#main #subArticleList .section .thumb img.play{
	margin:-29px 0 0 -22px;
	width:45px;
}

#main .share{
	border:solid 1px #7e50fb;
	padding:10px 10px;
	margin:0px 10px 20px 10px ;
}
#main .tweet{
	border:solid 1px #7e50fb;
	padding:10px 10px;
	margin:0px 10px 20px 10px ;
}
		
#main .share .shareTitle{
	background:url(/material/img/common/share.gif) no-repeat left center #47289b;
	height:37px;
	padding:0px 0 0 60px;
}
	
#main .tweet .tweetTitle{
	background:url(/material/img/common/tweet.gif) no-repeat left center #47289b;
	height:37px;
	padding:0px 0 0 60px;
}
#main .share .shareTitle p{
	padding:6px 0 0 0px;
	color:#FFF;
	font-size:110%;
}
#main .tweet .tweetTitle p{
	padding:6px 0 0 0px;
	color:#FFF;
	font-size:110%;
	float:left;
}
#main .tweet .tweetTitle span.hashtag a{
	color:#fff000;
	margin-left:5px;
}

#main .share .shareCont {
	margin:8px 50px ;
}
#main .share .shareCont ul{
	margin: 0 auto;
}
#main .share .shareCont ul li{
	float:left;
	margin: 10px 3px;
	position: relative;
}
#main .share .shareCont a span{
    color: #555555;
    display: inline-block;
    font-size: 90%;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 10px;
    width: 40px;
}
#main .share .shareCont ul.other{
	background: url(/material/img/common/sns_etc_bg.gif) no-repeat;
	width: 258px;
	height: 67px;
	padding: 10px 0 0 10px;
	float: right;
}
#main .share .shareCont ul.other li{
	margin: 10px 4px 0;
}

#main .tweet .tweetCont {
	background:url(/material/img/common/twitterIcon.gif) no-repeat 10px 14px ;
	padding:0px 0 10px 50px;
}
#main .tweet .tweetCont ul li{
	float:left;
	color:#03a2d9;
	margin:17px 10px 0px 10px;
	padding:3px 7px 3px 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: #edecee;
}
#main .tweet .tweetCont ul li a{
	color:#03a2d9;
}
#main .tweet .tweetCont ul li.big{
	font-size:140%;
	margin:13px 10px 0px 10px;
}

#main .link{
	margin:15px 0;
	background:#edecee;
	text-align:center;
	padding:5px 0;
}
#main .link a{
	color:#7D50EB;
	display:block;
	padding:5px 0;
	text-align:center;
}

#main .link a span{
	background:url(/material/img/common/linkIcon.png) no-repeat 100% 3px;
	font-size:120%;
	font-weight:bold;
	padding:0 30px;
	text-align:center;
}

#main .btnMore{
	clear: both;
	margin:15px 0;
	background:#edecee;
	text-align:center;
	padding:5px 0;
}
#main .btnMore a{
	color:#7D50EB;
	display:block;
	padding:5px 0;
	text-align:center;
}

#main .btnMore a span{
	background:url(/material/img/common/link.gif) no-repeat 100% 7px;
	font-size:120%;
	font-weight:bold;
	padding:0 30px;
	text-align:center;
}

#main .toList{
        clear: both;
        margin:15px 0;
        background:#edecee;
        text-align:center;
        padding:5px 0;
}
#main .toList a{
        color:#7D50EB;
        display:block;
        padding:5px 0;
        text-align:center;
}

#main .toList a span{
        background:url(/material/img/common/link.gif) no-repeat 100% 7px;
        font-size:120%;
        font-weight:bold;
        padding:0 30px;
        text-align:center;
}

#main #relatedArticleList h3{
	color:#FFF;
	background:url(/material/img/articles/relatedNews.png) no-repeat top center;
	padding:18px 10px 20px 10px;
	font-size:110%;
	margin-bottom:15px;
}
#main #relatedArticleList h3 span.title{
	color:#fff000;
	font-size:160%;
}
#main #relatedArticleList h3 span.number{
	font-size:120%;
}
#main #relatedArticleList .section{
	border-bottom:#edecee solid 1px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
#main #relatedArticleList .section .date{
	color:#887799;
	font-size:110%;
}

#main #relatedArticleList h4{
	font-size:140%;
}
#main #relatedArticleList .thumb{
	margin:10px 55px;
}


/***********************************************/
/* #sideBar style                              */
/***********************************************/
#sideBar{
	float:right;
	width:300px;
	background: #ededef;
	padding: 20px 0 40px;
}

#sideBar #sideNews{
	background:#EDEDEF;
	border:1px solid #ccc;
	padding: 0 0 10px;
}

#sideBar #sideNews h3{
	color:#FC0087;
	font-size:130%;
	font-weight:bold;
	padding:10px 15px 0;
}

#sideBar #sideNews ul li{
	background:url(/material/img/common/sideIcon.gif) no-repeat 8px 13px;
	border-bottom:1px solid #ccc;
	font-size:85%;
	line-height:130%;
	padding:10px 10px 8px 20px;
}

#sideBar #sideNews ul li span.date{
	color:#887799;
	font-size:80%;
	display:block;
}

#sideBar #sideNews ul li.archive:before,
#sideBar #sideNews ul li.archive:after{
	content:"";
	display:table;
}

#sideBar #sideNews ul li.archive:after{
	clear:both;
}

#sideBar #sideNews ul li.archive{
	zoom:1;/* For IE 6/7 */
}

#sideBar #sideNews ul li.archive{
	background:none;
	padding:10px 10px 8px;
	position:relative;
}

#sideBar #sideNews ul li.archive .thumb{
	float:left;
	margin:0 5px 0 0;
	position:relative;
}

#sideBar .thumb img.play{
	margin:-15px 0 0 -12px!important;
	position:absolute;
	top:50%;
	left:50%;
	width:24px;
}

#sideBar #sideNews ul li.archive dl{
	float:right;
	width:145px;
}

#sideBar #sideNews ul li.archive dl dt{
	background:#FFF000;
	color:#7E50FB;
	font-size:85%;
	font-weight:bold;
	display:inline;
	padding:4px 10px;
}

#sideBar #sideNews ul li.archive dl dd{
	margin:5px 0 0;
	line-height:120%;
}

#sideBar #sideNews ul li.archive dl dd a{
	font-size:80%;
}

#sideBar #sideAd01{
	margin:0px 0 20px;
}

#sideBar .sectionH3{
	position:relative;
	background:#edecee;
}

#sideBar .sectionH3 h3{
	color:#7F50F6;
	font-size:130%;
	font-weight:bold;
	margin:0 0 10px 15px;
}

#sideBar .sectionH3 .all{
	position:absolute;
	top:0;
	right:10px;
}

#sideBar #ranking{
	margin: 0 0 15px;
}
#sideBar #ranking ul li{
	border-bottom:1px solid#fff;
	font-size:85%;
	padding:8px 10px 7px 60px;
	position:relative;
}

#sideBar #ranking ul li img{
	margin:-12px 0 0;
	position:absolute;
	top:50%;
	left:10px;
}

#sideBar #ranking ul li img + img{
	margin:-7px 0 0;
	left:37px;
}

#sideBar #ranking ul li a span{
	font-size:75%;
}

#sideBar #sideFacebook{
	background:#3B5999;
	height:210px;
	margin:0 0 15px;
	padding:10px;
}

#sideBar #sideAd02{
	margin:0 0 25px;
}

#sideBar #headLine ul li{
	background:url(/material/img/common/sideIcon.gif) no-repeat 8px 12px;
	border-top:1px solid #fff;
	font-size:85%;
	padding:8px 10px 8px 20px;
}

#sideBar #headLine ul li:first-child{
	border:none;
}

#sideBar #headLine ul li span.time{
	font-size:75%;
	font-weight:normal;
}

#sideBar #headLine ul li img{
	margin:0 5px 0 0;
	vertical-align:middle;
}

#sideBar #headLine ul li.movieNews:before,
#sideBar #headLine ul li.movieNews:after{
	content:"";
	display:table;
}

#sideBar #headLine ul li.movieNews:after{
	clear:both;
}

#sideBar #headLine ul li.movieNews{
	zoom:1;/* For IE 6/7 */
}

#sideBar #headLine ul li.movieNews{
	background:none;
	padding:8px 10px;
}

#sideBar #headLine ul li.movieNews .thumb{
	float:left;
	margin:0 10px 0 0;
	position:relative;
}

#sideBar #headLine ul li.movieNews .thumb img{
	margin:0;
}

#sideBar #headLine ul li.movieNews a{
	font-size:115%;
	font-weight:bold;
}

#sideBar #headLine ul li a{
	font-size:115%;
	font-weight:bold;
}

#sideBar #bousaiFNN ul li{
	background:url(/material/img/common/sideIcon.gif) no-repeat 8px 12px;
	border-top:1px solid #fff;
	font-size:85%;
	padding:8px 10px 8px 20px;
}

#sideBar #bousaiFNN ul li:first-child{
	border:none;
}

#sideBar #bousaiFNN ul li span.time{
	font-size:75%;
	font-weight:normal;
}

#sideBar #bousaiFNN ul li img{
	margin:0 5px 0 0;
	vertical-align:middle;
}

#sideBar #bousaiFNN ul li.movieNews:before,
#sideBar #bousaiFNN ul li.movieNews:after{
	content:"";
	display:table;
}

#sideBar #bousaiFNN ul li.movieNews:after{
	clear:both;
}

#sideBar #bousaiFNN ul li.movieNews{
	zoom:1;/* For IE 6/7 */
}

#sideBar #bousaiFNN ul li.movieNews{
	background:none;
	padding:8px 10px;
}

#sideBar #bousaiFNN ul li.movieNews .thumb{
	float:left;
	margin:0 10px 0 0;
	position:relative;
}

#sideBar #bousaiFNN ul li.movieNews .thumb img{
	margin:0;
}

#sideBar #bousaiFNN ul li.movieNews a{
	font-size:115%;
	font-weight:bold;
}

#sideBar #pastNews{
	background:#6042B2;
	padding:10px 15px 15px;
}

#sideBar #pastNews dt{
	color:#fff;
	font-size:120%;
	font-weight:bold;
	margin:0 0 5px;
}

#sideBar #pastNews dd select{
	color:#444;
	font-size:110%;
	font-weight:bold;
	padding:5px;
	width:270px;
}

#sideBar #sideBanner li{
	margin:15px 0 0;
}

#sideBar #tsunamiInfo{
	margin: 0 0 20px;
}
#sideBar #tsunamiInfo p{
	margin: 0 15px;
}
#sideBar #tsunamiInfo p.date{
	text-align: right;
}

#sideBar #earthquakeInfo{
	margin: 0 0 20px;
}
#sideBar #earthquakeInfo p{
	margin: 0 15px;
}
#sideBar #earthquakeInfo p.date{
	text-align: right;
}

#sideBar #typhoonInfo{
	margin: 0 0 20px;
}
#sideBar #typhoonInfo p{
	margin: 0 15px;
    text-align: center;
}
#sideBar #typhoonInfo p.date{
	text-align: right;
}

#sideBar #volcanoInfo h3{
	color: #7F50F6;
	font-size: 130%;
	font-weight: bold;
}
#sideBar #volcanoInfo .volcanoInfoSection{
	background: #FFF;
	border-top: 1px solid #a66f0e;
	border-right: 1px solid #a66f0e;
	border-left: 1px solid #a66f0e;
	margin: 0 15px;
}
#sideBar #volcanoInfo .volcanoInfoSection h4{
	background: #a66f0e;
	color: #FFF;
	padding: 3px 10px;
}
#sideBar #volcanoInfo .volcanoInfoSection:last-child{
	border-bottom: 1px solid #a66f0e;
}
#sideBar #volcanoInfo .volcanoInfoSection ul{
	padding: 10px;
}
#sideBar #volcanoInfo .volcanoInfoSection ul li{
	float: left;
	margin: 0 15px 0 0;
}
#sideBar #volcanoInfo .volcanoInfoSection ul li span{
	margin: 0 5px 0 0;
}
#sideBar #volcanoInfo .volcanoInfoSection ul li a{
	color: #7e50fb;
	text-decoration: underline;
}
#sideBar #volcanoInfo .volcano_section table{
	width: 280px;
	margin: 0 auto;
	border-collapse: collapse;
}

/** side_volcano ***/
#sideBar #volcanoInfo .volcano_section table th{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c5c5c5;
    font-size: 70%;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}
#sideBar #volcanoInfo .volcano_section table td{
    border: 1px solid #c5c5c5;
    font-size: 70%;
    min-height: 90px;
    _height: 90px;
    padding: 5px;
    text-align: left;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB th.left{
    border-right: medium none;
    font-size: 90%;
    padding: 0 4px;
    text-align: left;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB th.left p.sub{
	font-size: 70%;
	margin: 10px 0 0;
	color: #FFF;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB h5{
	text-align: center;
	font-size: 130%;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB .lv5{
	background: #c800ff;
	color: #FFF;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB .lv4{
	background: #ee9cfc;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB .lv3{
	background: #ff2800;
	color: #FFF;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB .lv2{
	background: #faf500;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB ul{
	margin: 0 0 10px;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB ul li{
    float: left;
    font-size: 100%;
    margin: 5px 10px 0 5px;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB ul li a{
	text-decoration: underline;
	color: #888888;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB ul li.regular a{
	color: #6666ff;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTB p.nowran {
    color: #b2b2b2;
    font-size: 130%;
    margin: 10px 5px;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTab th{
	border: none;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTab td{
    font-size: 90%;
    padding: 0;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTab td a{
    background: none repeat scroll 0 0 #fff;
    border-bottom: medium none;
    display: block;
    font-size: 100%;
    height: 100%;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
#sideBar #volcanoInfo .volcano_section table#keikaiTab td a.on{
	background: #996600;
	color: #FFF;
}
/*****/

#sideBar #bousaiInfo{
	width: 300px;
	margin: 30px 0 30px;
}
#sideBar #bousaiInfo h3{
	background: #7F50F6;
	color: #FFF;
	font-size: 130%;
	font-weight: bold;
	padding: 5px 20px;
	margin: 0px;
}
#sideBar #bousaiInfo ul li{
	border-bottom: 1px solid #FFF;
}

#sideBar #warnInfo{
	margin: 0 0 30px;
}
#sideBar #warnInfo h3{
	line-height: 1.2em;
	font-size: 110%;
	letter-spacing: -0.05em;
}

#sideBar #warnInfo .tokubetsu,
#sideBar #warnInfo .kirokuame,
#sideBar #warnInfo .dosha,
#sideBar #warnInfo .keihou,
#sideBar #warnInfo .chuuihou{
	margin: 0 15px 10px;
}

#sideBar #warnInfo .tokubetsu h4{
	background: #CA01FE;
	padding: 5px 15px;
	color: #FFF;
	font-weight: bold;
	font-size: 120%;
}
#sideBar #warnInfo .tokubetsu ul{
	border: 1px solid #CA01FE;
	padding: 10px 0px 10px 30px;
	background: #FFF;
}
#sideBar #warnInfo .tokubetsu ul li{
	float: left;
	margin: 0 30px 0 0;
	white-space: nowrap;
    width: 45px;
}

#sideBar #warnInfo .kirokuame h4{
        background: #4f7fcf;
        padding: 5px 15px;
        color: #FFF;
        font-weight: bold;
        font-size: 120%;
}
#sideBar #warnInfo .kirokuame ul{
        border: 1px solid #4f7fcf;
        padding: 10px 0px 10px 30px;
        background: #FFF;
}
#sideBar #warnInfo .kirokuame ul li{
        float: left;
        margin: 0 30px 0 0;
        white-space: nowrap;
        width: 45px;
}
#sideBar #warnInfo .dosha h4{
        background: #ee9cfc;
        padding: 5px 15px;
        color: #FFF;
        font-weight: bold;
        font-size: 120%;
}
#sideBar #warnInfo .dosha ul{
        border: 1px solid #ee9cfc;
        padding: 10px 0px 10px 30px;
        background: #FFF;
}
#sideBar #warnInfo .dosha ul li{
        float: left;
        margin: 0 30px 0 0;
        white-space: nowrap;
        width: 45px;
}

#sideBar #warnInfo .keihou h4{
	background: #ca2311;
	color: #FFF;
	padding: 5px 15px;
	font-weight: bold;
	font-size: 120%;
}
#sideBar #warnInfo .keihou ul{
	border: 1px solid #ca2311;
	padding: 10px 0px 10px 30px;
	background: #FFF;
}
#sideBar #warnInfo .keihou ul li{
	float: left;
	margin: 0 30px 0 0;
	white-space: nowrap;
    width: 45px;
}

#sideBar #warnInfo .chuuihou h4{
	background: #fff000;
	padding: 5px 15px;
	font-weight: bold;
	font-size: 120%;
}
#sideBar #warnInfo .chuuihou ul{
	border: 1px solid #fff000;
	padding: 10px 0px 10px 30px;
	background: #FFF;
}
#sideBar #warnInfo .chuuihou ul li{
	float: left;
	margin: 0 30px 0 0;
	white-space: nowrap;
    width: 45px;
}

/**side flood***/
#sideBar #flood_level .flood_section{
	margin: 15px 0 20px;
}
#sideBar #flood_level .flood_section h3{
	font-size: 90%;
	font-weight: bold;
	background: #16365c;
	color: #FFF;
	margin: 0 0 10px;
	text-align: center;
}
#sideBar #flood_level .flood_section h4{
	font-size: 90%;
	font-weight: bold;
	color: #16365c;
	padding: 0 0 0 20px;
	margin: 0 20px 10px;
	line-height: 1.2em;
	text-align: center;
}
#sideBar #flood_level .flood_section table{
	border-collapse: collapse;
	margin: 0;
	width: 300px;
}
#sideBar #flood_level .flood_section table th{
	border: 1px solid #c5c5c5;
	background: #eeeaf9;
	padding: 5px 10px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
	font-size: 90%;
}
#sideBar #flood_level .flood_section table td{
	border: 1px solid #c5c5c5;
	padding: 5px 10px;
	text-align: left;
	font-size: 90%;
	background: #fff;
}
#sideBar #flood_level .flood_section table td span.noinfo{
	color: #666;
}
#sideBar #flood_level .flood_section table td a{
	color: #9088ff;
	margin: 0 20px 5px 0;
	display: block;
	float: left;
}
#sideBar #flood_level .flood_section table td.black{
	background: #303030;
	color: #FFF;
	text-align: center;
}
#sideBar #flood_level .flood_section table th.red,
#sideBar #flood_level .flood_section table td.red{
	background: #ca2311;
	color: #FFF;
	text-align: center;
}
#sideBar #flood_level .flood_section table th.yellow,
#sideBar #flood_level .flood_section table td.yellow{
	background: #fff000;
	text-align: center;
}

#sideBar #slineArticle ul li{
	background:url(/material/img/common/sideIcon.gif) no-repeat 8px 12px;
	border-top:1px solid #fff;
	font-size:85%;
	padding:8px 10px 8px 20px;
}

#sideBar #slineArticle ul li:first-child{
	border:none;
}

#sideBar #slineArticle ul li span.time{
	font-size:75%;
	font-weight:normal;
}

#sideBar #slineArticle ul li img{
	margin:0 5px 0 0;
	vertical-align:middle;
}

#sideBar #slineArticle ul li.movieNews:before,
#sideBar #slineArticle ul li.movieNews:after{
	content:"";
	display:table;
}

#sideBar #slineArticle ul li.movieNews:after{
	clear:both;
}

#sideBar #slineArticle ul li.movieNews{
	zoom:1;/* For IE 6/7 */
}

#sideBar #slineArticle ul li.movieNews{
	background:none;
	padding:8px 10px;
}

#sideBar #slineArticle ul li.movieNews .thumb{
	float:left;
	margin:0 10px 0 0;
	position:relative;
}

#sideBar #slineArticle ul li.movieNews .thumb img{
	margin:0;
}

#sideBar #slineArticle ul li.movieNews a{
	font-size:115%;
	font-weight:bold;
}

#sideBar #slineArticle ul li a{
	font-size:115%;
	font-weight:bold;
}

/***********************************************/
/* #commonBannerArea style                     */
/***********************************************/
#commonBannerArea{
	padding:15px 0;
}

#commonBannerArea ul li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 35px;
	vertical-align:top;
	text-align:left;
	width:190px;
}

#commonBannerArea ul li dl dt{
	font-weight:bold;
	margin:5px 0 0;
}

#commonBannerArea ul li dl dd{
	font-size:75%;
	line-height:140%;
	margin:2px 0 0;
}


/***********************************************/
/* #foot style                                 */
/***********************************************/
#footer{
	min-width: 1020px;
}

#footAdArea{
	background:#474343;
}

#footAdArea #footAd{
	text-align:center;
	padding:8px 0px 15px;
}

#footAdArea #footAd dt{
	color:#fff;
	margin:0 0 5px;
}

#footAdArea #footAd dt a{
	color:#fff;
	text-decoration:none;
}

#footAdArea #footAd dt a:hover{
	text-decoration:underline;
}

#foot{
	padding:12px 0 0;
	background:#2b2828;
	text-align:left;
}

#foot #footLinkArea{
	margin:0 0 50px;
	position:relative;
	zoom:1;/* For IE 6/7 */
}

#foot #footLinkArea #footLogo{
	position:absolute;
	top:40px;
	right:0;
}

#foot #footLinkArea dl{
	float:left;
	width:295px;
}

#foot #footLinkArea dl dt{
	color:#ABABAB;
	font-size:110%;
	font-weight:bold;
	margin:0 0 10px;
}

#foot #footLinkArea dl dd{
	margin:0 0 10px;
}

#foot #footLinkArea dl#footOffice{
	margin:0 0 0 90px;
	width:570px;
}

#foot #footLinkArea dl#footOffice dd{
	float:left;
	margin:0 0 0 10px;
	width:105px;
}

#foot #footLinkArea dl#footOffice dd.firstChild{
	margin:0;
}

#foot #footLinkArea dl#footOffice dd a{
	color:#ABABAB;
	font-size:75%;
	line-height:100%;
}

#foot #footLinkArea dl#footOffice dd ul li{
	margin:0 0 10px;
	line-height:100%;
}

#foot #footLinkArea dl#footPost dd{
	color: #FFF;
	font-size: 80%;
}

#foot #footLinkArea dl#footPost dd a{
	color: #FFF;
	text-decoration:underline;
}

#foot #footEnd{
	padding:0 0 20px;
	zoom:1;/* For IE 6/7 */
}

#foot #footEnd #license{
	float:left;
}

#foot #footEnd p.jas{
	color:#fff;
	font-size:75%;
}

#foot #footEnd p.jas img{
	vertical-align:top;
}

#foot #footEnd p.jas span{
	display:inline-block;
	*display: inline;  
	*zoom: 1;
	line-height:120%;
	margin:0 0 0 5px;
	vertical-align:bottom;
}

#foot #footEnd p.lmark{
	color:#fff;
	font-size:75%;
	margin-top:10px
}

#foot #footEnd p.lmark img{
	vertical-align:top;
}

#foot #footEnd p.lmark span{
	display:inline-block;
	*display: inline;  
	*zoom: 1;
	line-height:120%;
	margin:0 0 0 5px;
	vertical-align:bottom;
}

#foot #footEnd dl{
	float:right;
	padding:65px 0 0;
	text-align:right;
}

#foot #footEnd dl dt,
#foot #footEnd dl dd{
	color:#fff;
	font-size:75%;
}

#foot #footEnd dl dt a,
#foot #footEnd dl dd a{
	color:#fff;
	text-decoration:underline;
}

#foot #footEnd dl dt a:hover,
#foot #footEnd dl dd a:hover{
	text-decoration:none;
}

/***********************************************/
/* #commonSocial style                         */
/***********************************************/
#commonSocial{
	background:#D7D7D7;
}

#commonSocial .inner{
	background:#D7D7D7;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
	width:1000px;
	zoom:1;/* For IE 6/7 */
}

#commonSocial .inner h2{
	margin:0 0 5px;
}

#commonSocial .inner dl{
	background:#fff;
	float:left;
	margin:0 0 0 7px;
	padding:15px 14px 10px;
	width:300px;
}

#commonSocial .inner dl.first{
	margin:0 0 0 1px;
}

#commonSocial .inner dl dt,
#commonSocial .inner dl dd.link{
	text-align:center;
}



/***********************************************/
/* #social buttons                             */
/***********************************************/
#main #fnsocial {
   display: inline-block;
}

#main #fnsocial span.others {
	position: absolute;
}

#main #fnsocial > span.others > ul {
	position: absolute;
	left: 0px;
	width: 170px;
	background: #FFF;
	-webkit-background-clip: padding-box;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
	padding: 5px 2px 5px 0;
}

#main #fnsocial > li {
padding: 5px 2px 5px 0;
}

#main #fnsocial .snsoth {
display: inline-block;
clear: both;
}

#main #fnsocial span.snstxt {
position: static;
font-weight: 400;
color: #447;
font-size: 12px;
line-height: 29px;
margin-left: 4px;
}

#main #fnsocial span.snsgplus {
margin-left: 8px;
float: left;
}


/***********************************************/
/* #smart phone style                          */
/***********************************************/
#tosp {
    background-color: #438DD0;
    border-bottom: 5px solid #EEEEEE;
    border-top: 5px solid #EEEEEE;
    color: #FFFFFF;
    font-size: 300%;
    font-weight: bold;
    padding: 32px 0;
    text-align: center;
    width: 100%;
}
#tosp a{
    color: #FFFFFF;
}


/***********************************************/
/* #sokuhou style                              */
/***********************************************/
#globalWrapper{
	z-index: 100;
	/*position: absolute;*/
	text-align: left;
	width: 100%;
}
#globalWrapper div dl{
	position: relative;
}
#globalWrapper div dl dt{
	position: absolute;
	padding: 10px 0 10px 0px;
}
#globalWrapper div dl dd{
	position: relative;
	padding: 10px 0 10px 100px;
}

/****** NewsFlash *******/
#globalWrapper .newsflash{
	background: #FFF;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}

#globalWrapper .newsflash dl dt{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .newsflash dl dd{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .newsflash a{
	color: #de0000;
}

/****** Sokuhou *******/
#globalWrapper .sokuhou{
	background: #FFF;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}

#globalWrapper .sokuhou dl dt{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .sokuhou dl dd{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .sokuhou a{
	color: #de0000;
}

/****** NewsFlash *******/
#globalWrapper .newsflash{
	background: #FFF;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}

#globalWrapper .newsflash dl dt{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .newsflash dl dd{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .newsflash a{
	color: #de0000;
}

/****** JAlert *******/
#globalWrapper .jalert{
	background: #ffeeff;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}

#globalWrapper .jalert dl dt{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .jalert dl dd{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .jalert a{
	color: #de0000;
}

/****** Earthquake *******/
#globalWrapper .earthquake{
	background: #fff000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#globalWrapper .earthquake dl dt{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .earthquake dl dd{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .earthquake a{
	color: #de0000;
}

/****** Disaster *******/
#globalWrapper .disaster{
	background: #fff000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#globalWrapper .disaster dl dt{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .disaster dl dd{
	color: #de0000;
	font-weight: bold;
}
#globalWrapper .disaster a{
	color: #de0000;
}

/****** warnSpecial *******/
#globalWrapper .warnSpecial{
	background: #CA01FE;
	border-top: 1px solid #CA01FE;
	border-bottom: 1px solid #CA01FE;
}
#globalWrapper .warnSpecial dl dt{
	color: #FFF000;
	font-weight: bold;
}
#globalWrapper .warnSpecial dl dd{
	color: #FFF000;
	font-weight: bold;
}
#globalWrapper .warnSpecial a{
	color: #FFF000;
}

/****** warn *******/
#globalWrapper .warn{
	background: #de0000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#globalWrapper .warn dl dt{
	color: #FFF;
	font-weight: bold;
}
#globalWrapper .warn dl dd{
	color: #FFF;
	font-weight: bold;
}
#globalWrapper .warn a{
	color: #FFF;
}

/****** tsunami *******/
#globalWrapper .tsunami{
	background: #de0000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#globalWrapper .tsunami dl dt{
	color: #FFF;
	font-weight: bold;
}
#globalWrapper .tsunami dl dd{
	color: #FFF;
	font-weight: bold;
}
#globalWrapper .tsunami a{
	color: #FFF;
}

/****** volcano *******/
#globalWrapper .volcano{
	background: #de0000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#globalWrapper .volcano dl dt{
	color: #FFF;
	font-weight: bold;
}
#globalWrapper .volcano dl dd{
	color: #FFF;
	font-weight: bold;
}
#globalWrapper .volcano a{
	color: #FFF;
}

/****** Evacuation Level4 *******/
#globalWrapper .evac_alert4{
	background: #ee2020;
	border-bottom: 1px solid #FFF;
}
#globalWrapper .evac_alert4 dl dt{
	color: #FFF;
	font-weight: bold;
}
#globalWrapper .evac_alert4 dl dd{
	color: #FFF;
	font-weight: bold;
}
#globalWrapper .evac_alert4 a{
	color: #FFF;
}

/****** Evacuation Level3 *******/
#globalWrapper .evac_alert3{
	background: #FFAF6E;
	border-bottom: 1px solid #FFF;
}
#globalWrapper .evac_alert3 dl dt{
	color: #000;
	font-weight: bold;
}
#globalWrapper .evac_alert3 dl dd{
	color: #000;
	font-weight: bold;
}
#globalWrapper .evac_alert3 a{
	color: #000;
}

/***********************************************/
/* #top info style                             */
/***********************************************/
#topInformation{
	z-index: 100;
	/*position: absolute;*/
	text-align: left;
	width: 100%;
}

#topInformation .tokuban{
	margin: 10px 0;
	text-align: right;
}


#youtubeplaylist {
	background: none repeat scroll 0 0 #111;
	margin: 15px 0;
}

#youtubeplaylist a.showplaylist {
	position: absolute;
	z-index: 9;
	width: 300px;
	height: 270px;
}

#youtubeplaylist .playlist_title {
    width: 100%;
	margin: 0;
}

#youtubeplaylist .playlist_title p {
	color: #FFF;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	width: 100%;
	background: url(/material/img/common/linkIconW.png) no-repeat 92% 18px;
}

#youtubeplaylist .playlist_box {
	width: 100%;
	margin: 0;
}


#youtubeplaylist .palylist_foot {
	width: 100%;
	margin: 5px 0 0 0;
	background: url(/material/img/common/YouTube-logo-light_small.png) no-repeat 95% 0px;
	height: 40px;
}

#youtubeplaylist span.emphasize {
color: #FFF000;
}

#sideBar #bousaiNavi{
      margin: 25px 0 0;
}
#sideBar #bousaiNavi h3{
      color: #FFF;
      background: #7e50ee;
      padding: 5px 15px;
      font-size: 120%;
}
#sideBar #bousaiNavi ul li{
      border-bottom: 1px solid #FFF;
}

/*################################################
rss popup
################################################*/

#headLinkArea .inner #headRss #popupbox {
	width: 118px;
	height: 360px;
	background: #FFF;
	text-align: center;
	line-height: 200px;
	position: absolute;
	right: 0px;
}

#headLinkArea .inner #headRss #popupbox ul {
	width: 118px;
	height: 360px;
	border-top: 1px solid #FF6600;
}

#headLinkArea .inner #headRss #popupbox ul li {
	background-color: #FFF;
	border-bottom: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	vertical-align: inherit;
}
#headLinkArea .inner #headRss #popupbox ul li:hover {
	background-color: #FFdd66;
	text-decoration: none;
}
#headLinkArea .inner #headRss #popupbox ul li a {
	text-decoration: none;
}

#headLinkArea .inner #headRss #popupbox ul li td:hover {
	background-color: #FFdd66;
	text-decoration: none;
}

#headLinkArea .inner #headRss #popupbox ul li p.images {
	color: #444;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

#headLinkArea .inner #headRss #popupbox ul li p.images:hover {
	background-color: #FFdd66;
}

/*################################################
category00 sub menu
################################################*/
#head .inner #cat00 {
    display: inline-block;
    font-size: 100%;
    margin: -7px -20px 0;
    padding: 7px 20px 10px;
    z-index: 9999;
}
#head .inner #cat00sub {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 3px #6042b2;
    left: 130px;
    position: absolute;
    text-align: center;
    top: 30px;
    z-index: 9999;
}
#head .inner #cat00sub ul {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #75f;
}
#head .inner #cat00sub ul li {
    border-bottom: 1px solid #7e50fb;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 20px 0 10px;
    text-align: left;
    vertical-align: middle;
}
#head .inner #cat00sub ul li:last-child {
        border-bottom: none;
}
#head .inner #cat00sub ul li:hover {
        background-color: #ffff66;
        text-decoration: none;
}
#head .inner #cat00sub ul li a {
    color: #333;
    text-decoration: none;
}
#head .inner #cat00sub ul li a:hover {
    color: #333;
    text-decoration: none;
}

/*################################################
category08 sub menu
################################################*/
#head .inner #cat08 {
    display: inline-block;
    font-size: 100%;
    margin: -7px -20px 0;
    padding: 7px 20px 10px;
    z-index: 9999;
}
#head .inner #cat08sub {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 3px #6042b2;
    left: 565px;
    position: absolute;
    text-align: center;
    top: 30px;
    z-index: 9999;
}
#head .inner #cat08sub ul {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #75f;
}
#head .inner #cat08sub ul li {
    border-bottom: 1px solid #7e50fb;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 20px 0 10px;
    text-align: left;
    vertical-align: middle;
}
#head .inner #cat08sub ul li:last-child {
	border-bottom: none;
}
#head .inner #cat08sub ul li:hover {
	background-color: #ffff66;
	text-decoration: none;
}
#head .inner #cat08sub ul li a {
    color: #333;
    text-decoration: none;
}
#head .inner #cat08sub ul li a:hover {
    color: #333;
    text-decoration: none;
}
#head .inner #cat08sub ul li img {
    height: 24px;
    padding: 0 8px 4px 0;
    vertical-align: middle;
}
#head .inner #cat08sub ul li img.banner {
    height: 20px;
    margin: 0;
    padding: 0 0 4px;
    vertical-align: middle;
}


/*################################################
category09 sub menu
################################################*/
#head .inner #cat09 {
    display: inline-block;
    font-size: 100%;
    margin: -7px -20px 0;
    padding: 7px 20px 10px;
    z-index: 9999;
}
#head .inner #cat09sub {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 3px #6042b2;
    left: 680px;
    position: absolute;
    text-align: center;
    top: 30px;
    z-index: 9999;
}
#head .inner #cat09sub ul {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #75f;
}
#head .inner #cat09sub ul li {
    border-bottom: 1px solid #7e50fb;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 10px;
    text-align: left;
    vertical-align: middle;
}
#head .inner #cat09sub ul li:last-child {
	border-bottom: none;
}
#head .inner #cat09sub ul li:hover {
	background-color: #ffff66;
	text-decoration: none;
}
#head .inner #cat09sub ul li a {
    color: #333;
    text-decoration: none;
}
#head .inner #cat09sub ul li a:hover {
    color: #333;
    text-decoration: none;
}
#head .inner #cat09sub ul li img {
    height: 24px;
    padding: 0 8px 4px 0;
    vertical-align: middle;
}
#head .inner #cat09sub ul li img.banner {
    height: 22px;
    padding: 5px 0;
    vertical-align: top;
}


#sideBar #headLine span.listlink {
width: 65px;
height: 31px;
display: block;
color: #FFF;
background-image: url("/material/img/common/moresimpleBtn.gif");
font-weight: bold;
line-height: 31px;
padding: 0 0 0 10px;
font-size: 84%;
}

#sideBar #headLine span.listlink:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#sideBar #headLine a.listlinka {
text-decoration: none;
}