@charset "UTF-8";

#article{
	width:980px;
	margin:20px auto 20px;
	min-height: 480px;
}

/* toIndex */
.header{
	position: relative;
}

.header .test{
	color:#044ea2;
	font-size: 22px;
	position: absolute;
	top:32px;
	left:350px;
	font-weight: bold ;
	color: #006633 !important;
}

.header .sitetitle{
	font-size:26px;
	margin-top:-7px;
	font-weight: bold ;
	color: #006633 !important;
}

.header .other-language{
	font-size:11px;
	margin-top:2px;
	display: block;
	letter-spacing: 1px;
	font-weight: normal;
	color: #006633 !important;
}

.header .owner{
	margin:18px 0 0 0;
}

.header .languages{
	position:absolute;
	right:0px;
	top:0;
}


.toIndex{
	position: absolute;
	bottom:8px;
	left:0px;
	vertical-align: middle;
	padding:2px 0 0 0;
	margin:0 0 0 0 ;
	width:600px;
	font-size: 16px;
	font-weight: bold ;
}
.toIndex img{
	margin: 5px 5px 0 0;
}
.toIndex a{
	text-decoration: none;
	color:#063 !important;
}

.toIndex a:visited{
	text-decoration: none;
	color:#063 !important;
}

/* topicPath */
#topicPath{
	background:url(../img/arrow3.png) no-repeat;
	padding:0 0 0 20px;
	margin:7px 0 0 3px;
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	font-size: 12px;
}

#topicPath li{
	display:block;
	list-style-type:none;
	float:left;
	background:url(../img/arrow4.png) no-repeat right 50% transparent;
	padding:0 15px 0 0;
	margin:0 10px 0 0;
}

#topicPath li a{
	text-decoration:none;
	color:#063;
}

#topicPath li a:hover{
	text-decoration:underline;
	background:none;
}


#topicPath li.last-child{
	background:none;
}



/* information */
#article #information{
	background:url(../img/bgInformation.png) no-repeat;
	height:29px;
	width:976px;
	margin:12px 0 0 2px;
	position:relative;
}

#article #information h2{
	position:absolute;
	top:8px;
	left:22px;
}

#article #information p{
	position:absolute;
	top:8px;
	left:160px;
}

/* お知らせ部分 */
#article #infoHeader{
	padding:5px;
	border:solid 4px #eaeff2;
	text-align:left;
	position:relative;
	margin:10px 2px 10px 0;
    display: none;
}

#article #infoHeader.topPage{
	margin:10px 4px 10px 2px;
}

#article #infoHeader h2{
	position:absolute;
	top:0;
	left:0;
	background:#eaeff2;
	color:#0063cf;
	font-size:15px !important;
	padding:3px 15px;
}
#article #infoHeader p{
	margin:6px 0 6px 110px;
	color:#000000;
	font-size:15px !important;
}

/* ページ下部お知らせ */
#article #messageFooter{
	border:solid 4px #eaeff2;
	margin:15px 0;
	padding:13px;
    display: none;
}
#article #messageFooter p{
	font-size:11px !important;
}


/* ポストメッセージ（area2のみ） */
#article #postMessage{
	border:solid 1px #bebebe;
	width:973px;
	margin:7px 0 10px 1px;
	position:relative;
}

#article #postMessage h2{
	background:#dbefeb;
	padding:10px 0 10px 0;
	position:absolute;
	top:2px;
	left:2px;
	font-size:13px !important;
	width:270px;
	text-align:center;
}
#article #postMessage p{
	padding:12px 5px 12px 285px;
	font-size:13px !important;
}

#article #postMessage p a{
	color:#006633 !important;
}
#article #postMessage p a:hover{
	color:#CC0000 !important;
}

#article #goBackMap{
	margin: 20px 0 0;
	position: relative;
}
#article #goBackMap a{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
#article #goBackMap a:before{
    background: #008833;
    content: url("../img/iconGoBackMap.png");
    display: inline-block;
    height: 9px;
    margin: 0 5px 0 0;
    padding: 3px 1px 3px 3px;
    width: 11px;
}

#article #goBackMap a:hover:before{
	background:#4dac71;
}

/*  attention */
p.attention{
	padding:20px !important;
	text-align:center;
}



/* *************************** Top Page ***************************  */
/* location & bookmark */
/* top */
#article #topMap{
	position:relative;
	margin:0 0 0 1px;
	width:980px;
	height:394px;
	background:url(../img/bgTopMap.png) no-repeat;
}

#article #topMap h1{
	position:absolute;
	top:21px;
	left:21px;
	height:25px;
	padding:0 0 0 23px ;
	font-size:22px;
	letter-spacing: 1px;
	background:url(../img/bgH1TopMap.png) no-repeat 0 3px;
	z-index:2;
}

#article #topMap p.caption{
	position:absolute;
	top:68px;
	left:45px;
	font-size:12px;
	letter-spacing: 1px;
	line-height:1.6;
	z-index:2;
}

#article #topMap p.note{
	position:absolute;
	top:365px;
	left:346px;
	font-size:12px;
	z-index:2;
}

#article #topMap p.topMap{
	position:absolute;
	top:35px;
	left:40px;
}

#article #topMap p.topMap2{
	position:absolute;
	top:35px;
	left:40px;
}

#article #topMap p.topMap2{
	display:none;
}

#article #topMap p.topMap2 span.close{
	cursor:pointer;
	display:block;
	width:100px;
	position:absolute;
	bottom:0;
	left:100px;
}

#article #topMap p.topMap2 span.close img{
	vertical-align:middle;
}
#article #topMap #bookmarkBox{
	position:absolute;
	top:3px;
	left:521px;
	height:162px;
	width:204px;
}
#article #topMap #bookmarkBox li{
	position:absolute;
	display:block;
	list-style-type:none;
	cursor:pointer;
}
#article #topMap #bookmarkBox li a{
	display:block;
	height:27px;
	width:103px;/* ja */
	padding:15px 0 0 45px;/* ja */
	color:#000;
	font-size:12px;/* ja */
}



#article #topMap li a:link:focus,
#article #topMap li a:link:hover,
#article #topMap li a:link:active {
	background-color : transparent !important;
}
#article #topMap li a:visited {
	background-color : transparent !important;

}
#article #topMap li a:visited:focus,
#article #topMap li a:visited:hover,
#article #topMap li a:visited:active {
	background-color : transparent !important;
}







#article #topMap #bookmarkBox li.location{
	top:35px;
	left:30px;
	background:url(../img/buttonTopBookmark.png) no-repeat;
}
#article #topMap #bookmarkBox li.location:hover{
	background:url(../img/buttonTopBookmarkHover.png) no-repeat;
}
#article #topMap #bookmarkBox li.bookmark{
	top:65px;
	left:30px;
	background:url(../img/buttonTopSave.png) no-repeat;
}
#article #topMap #bookmarkBox li.bookmark:hover{
	background:url(../img/buttonTopSaveHover.png) no-repeat;
}


/* top selectbox */
#article #topMap #selectBox{
	position:absolute;
	top:172px;
	left:521px;
	height:155px;
	width:204px;
}

#article #topMap #selectBox select{
	font-size:12px;
	width:160px;
}

#article #topMap #selectBox select.areaSelect01{
	position:absolute;
	top:27px;
	left:21px;
}

#article #topMap #selectBox span.areaSelect02{
	position:absolute;
	display:block;
	top:60px;
	left:21px;
}
#article #topMap #selectBox select.areaSelect02{
	position:absolute;
	top:57px;
	left:33px;
	width:148px;
}

#article #topMap #selectBox span.areaSelect03{
	position:absolute;
	display:block;
	top:90px;
	left:21px;
}
#article #topMap #selectBox select.areaSelect03{
	position:absolute;
	top:87px;
	left:33px;
	width:148px;
}

#article #topMap #selectBox ul{
	position:absolute;
	top:100px;
}

#article #topMap #selectBox li{
	position:absolute;
	display:block;
	list-style-type:none;
	cursor:pointer;
}
#article #topMap #selectBox li a{
	display:block;
	height:27px;
	width:103px;/* ja */
	padding:15px 0 0 50px;/* ja */
	color:#000;
	font-size:12px;/* ja */
}
#article #topMap #selectBox li.moveArea{
	top:35px;
	left:30px;
	background:url(../img/buttonTopMoveArea.png) no-repeat;
}
#article #topMap #selectBox li.moveArea:hover{
	background:url(../img/buttonTopMoveAreaHover.png) no-repeat;
}

/* top download */
#article #topMap #downloadBox{
	position:absolute;
	top:0;
	right:6px;
	width:240px;
	height:286px;
	background:url(../img/bgToDownload.png) no-repeat;
}

#article #topMap #downloadBox h2{
	margin:20px 0 0 20px;
	font-size:20px;
}

#article #topMap #downloadBox p.caption{
	font-size:11px;
	line-height: 1.5;
	margin:15px 20px 0 20px;
	position:static;
}

#article #topMap #downloadBox p.button{
	position:absolute;
	top:150px;
	left:64px;
}

#article #topMap #smartphoneBox{
	position: absolute;
	background: url(../img/bgSmartphoneBox.png) no-repeat;
	top: 297px;
	right: 6px;
	width: 240px;
	height: 96px;
}

#article #topMap #smartphoneBox:hover{
	background: url(../img/bgSmartphoneBoxHover.png) no-repeat;

}




#article #topMap #smartphoneBox a{
	display: block;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
	padding: 27px 0 0 70px;
	height: 65px;
}

#article #topMap #smartphoneBox:hover a{
	color: #646464;
}


/* top News */
#article #news{
	position:relative;
	background:url(../img/bgTopNews.png) no-repeat;
	width:978px;
	height:162px;
	margin:20px 0;
}

#article #news h2{
	height:20px;
	font-size:18px;
	padding:10px 0 0 20px;
}

#article #news p.backnumber{
	position:absolute;
	height:20px;
	font-size:14px;
	top:10px;
	left:840px;
}

#article #news ul{
	width:957px;
	height:116px;
	overflow:auto;
	padding:3px;
	margin:5px 0 0 10px;
}

#article #news ul li{
	border-top:dotted 1px #C0C0C0;
	border-bottom:solid 1px #FFF;
	padding:8px 8px 8px 48px;

	background:url(../img/arrow2.png) no-repeat 23px 50%;
}
#article #news ul li:nth-of-type(even){
	background-color:#ecf5fa;
}























/* *************************** Map Page ***************************  */
/* contents */
#article #contents{
	position:relative;
}

/* mapBox  area map  */
#article #mapBox{
	width:657px;
	height:424px;
	margin:0 0 0 0;
	position:relative;

}


#article #mapBox h1,
#article #mapBox2 h1{
	position:absolute;
	top:3px;
	left:3px;
	height:25px;
	padding:10px 15px 5px 37px ;
	font-size:18px;
	background:url(../img/bgH1TopMap.png) no-repeat #FFF 12px 45%;
  z-index: 10000;
}


/* map2 description map */
#article #mapBox2{
	width:717px;
	height:444px;
	margin:0;
	position:relative;
}

#article #mapBox2 div#mapButton{
	background: url(../img/buttonAreaBg.png) no-repeat;
	position: absolute;
	top:11px;
	right: 18px;
	width: 181px;
	height: 30px;
  z-index: 10001;
}

#article #mapBox2 div#mapButton ul{
	list-style: none;
}

#article #mapBox2 div#mapButton ul li{
	float: left;
	cursor: pointer;
	font-size: 12px;
}

#article #mapBox2 div#mapButton ul li#buttonAirDoneRate{
	padding:9px 15px 6px 15px;
}
#article #mapBox2 div#mapButton ul li#buttonAirDoneRate:hover{
	background: url(../img/buttonAirDoseRateHover.png) no-repeat;
}
#article #mapBox2 div#mapButton ul li#buttonAirDoneRate.on{
	background: url(../img/buttonAirDoseRateActive.png) no-repeat;
}

#article #mapBox2 div#mapButton ul li#buttonWindDirection{
	padding:9px 20px 6px 23px;
}
#article #mapBox2 div#mapButton ul li#buttonWindDirection:hover{
	background: url(../img/buttonWindDirectionHover.png) no-repeat;
}
#article #mapBox2 div#mapButton ul li#buttonWindDirection.on{
	background: url(../img/buttonWindDirectionActive.png) no-repeat;
}

#article #mapBox2 .legend{
	position:absolute;
	bottom:9px;
	left:2px;
	background:#FFF;
	width:713px;
	height:33px;
}

#article #mapBox2 .legend h2{
	position:absolute;
	top:10px;
	left:10px;
	font-size:12px;
}

#article #mapBox2 .legend h2 img{
	vertical-align:baseline;
	margin:0 3px 0 0;
}

#article #mapBox2 .legend h2 .legendSub.legendWind img{
	position: absolute;
	left:-3px;
	top:-4px;
}

#legendTitle_constLitre img{
	display:block !important;
	float:left !important;

}

#article #mapBox2 .legend ul{
	position:absolute;
	top:7px;
	left:170px;
}

#article #mapBox2 .legend li{
	float:left;
	font-size:10px;
	width:50px;
	text-align:center;
	white-space:nowrap;
	padding:0 3px 0 0;
	display:block;
	list-style-type:none;
}

#article #mapBox2 .legend li img{
border-bottom:#FFF 2px solid;
}

.infoLinks{
	zoom:100%;
	padding:15px 0 5px 0;
}
.infoLinks:after {
	content: ".";
	display: block;
	line-height:0;
	clear: both;
	visibility: hidden;
	margin-top:-1px;
	font-size:1px;
}

* html .infoLinks {
	/*\*/height: 1%;/*for WinIE*/
	display: inline-table;/*for MacIE*/
}

    a#infoTrendLink,
    a#infoSumLink,
    a#infoMPLink{/*積算リンク*//*トレンドグラフリンク*//* 原子力艦リンク */
        display: block;
        float:left;
        font-size: 11px !important;
		padding:6px 0 5px 12px !important;
		background:url("../img/arrow5.png") no-repeat center left !important;
		text-decoration:none !important;
		color:#006633 !important;
    }

    a#infoTrendLink:hover,
    a#infoSumLink:hover,
    a#infoMPLink:hover{
		color:#CC0000 !important;
    }

    a#infoTrendLink,
    a#infoSumLink{
        width:90px !important;
    }
    a#infoMPLink{
        width:150px !important;
    }

#infoMyPoint{
	padding:12px 0 0 0 ;
	background:url("../img/dotLineOpenGraph.png") repeat-x !important;
}


/* listBox */
#article #listBox{
	position:absolute;
	top:0;
	right:1px;
	width:315px;
	height:424px;
	padding:2px 4px 2px 2px ;
	background:url(../img/bgListBox.png) no-repeat;
}

#article #listBox h1{
	position:relative;
	min-height:25px;
	padding:7px 40px 5px 30px ;
	margin:5px;
	font-size:18px;
	background:url(../img/bgH1TopMap.png) no-repeat #FFF 5px 7px    ;
	border-bottom:solid 2px #dee2e5;
}

#article #listBox h1 span.textPage{
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	width:30px;
}
#article #listBox h1 span.textPage a{
	font-size:11px;
	color:#006633 !important;
}

#article #listBox h1 span.textPage a:hover{
	color:#CC0000 !important;
}

#article #listBox p.date{
	margin:5px;
	text-align:center;
	padding:7px 10px 4px 10px;
	font-size:18px;
	background:#dbefeb;
}


/* *************************** Map Description ***************************  */

#article #dataBox{
	position:absolute;
	top:0;
	right:2px;
	width:248px;
	height:444px;
	padding:5px;
	background:url(../img/bgDataBox.png) no-repeat;
}

#article #dataBox h1{
	position:relative;
	min-height:25px;
	padding:6px 40px 5px 30px ;
	margin:5px;
	font-size:16px;
	background:url(../img/bgH1TopMap.png) no-repeat #FFF 5px 5px    ;
	border-bottom:solid 2px #dee2e5;
}

#article #dataBox h1 span.textPage{
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	width:30px;
}
#article #dataBox h1 span.textPage a{
	font-size:11px;
	color:#006633 !important;
}

#article #dataBox h1 span.textPage a:hover{
	color:#CC0000 !important;
}

#article #dataBox p.toGraph a{/* button */
	display:block;
	height:21px;
	width:133px;/* ja */
	padding:10px 0 0 58px;/* ja */
	color:#000;
	font-size:12px;/* ja */
}
#article #dataBox p.toGraph{
	background:url(../img/buttonToGraph.png) no-repeat;
}

#article #dataBox p.toGraph:hover{
	background:url(../img/buttonToGraphHover.png) no-repeat !important;
}



#article #dataBox p.toTimeData a{
	white-space:nowrap;
	margin:10px 0 0 0;
	display:block;
	height:27px;
	width:133px;/* ja */
	padding:15px 0 0 45px;/* ja */
	color:#063;
	font-size:12px;/* ja */
}
#article #dataBox p.toTimeData{
	background:url(../img/buttonToTimeData.png) no-repeat;
}

#article #dataBox p.toTimeData:hover{
	background:url(../img/buttonToTimeDataHover.png) no-repeat;
}


/* kasai at 03/14: Extグリッドで表示バクが起こるためコメントアウト*/
/*
#article #dataBox.realTimeData{display:block;}
#article #dataBox.otherData{display:none;}
*/


#article #dataBox.realTimeData table.location{
	margin:5px 0 0;
	padding:5px 10px;
	font-size:15px;
	width:100%;
}

#article #dataBox.realTimeData table.location th{
	text-align:right;
	width:30%;
	white-space:nowrap;
	padding:0;
}

#article #dataBox.realTimeData table.location td{
	text-align:center;
	white-space:nowrap;
	padding:0;

}

#article #dataBox.realTimeData p.date{
	margin:0 0 5px 0;
	text-align:center;
	padding:10px 10px;
	font-size:15px;
	background:#dbefeb;
}

#article #dataBox.realTimeData p.lastData{
	margin:5px 0;
	text-align:center;
	padding:25px 10px;
	font-size:26px;
	background:#eaeaea;
}

#article #dataBox.realTimeData .buttonBox{
	height:130px;
	background:url(../img/bgButtonBox.png) repeat-x;
	padding:25px 0 0 35px;
}



#article #dataBox.realTimeData p.lastData span#windSpeed,
#article #dataBox.realTimeData p.lastData span#windDirection {
	display: none;
}
#article #dataBox.realTimeData p.lastData span#oneMeter{
	display:block;
	font-size:15px;
}
#article #dataBox.realTimeData p.lastData span#oneMeter #oneMeterValue{
	/*1mの値*/
}



/* dataBox ���̑���p */
#article #dataBox.otherData table.location{
	margin:0 0 0;
	font-size:13px;
	line-height: 17px;
	width:100%;
}

#article #dataBox.otherData table.location th{
	text-align:right;
	width:30%;
	white-space:nowrap;
	padding:0;
}

#article #dataBox.otherData table.location td{
	text-align:center;
	white-space:nowrap;
	padding:0;
}

#article #dataBox.otherData p.date{
	margin:0 0 5px 0;
	text-align:center;
	padding:7px 10px 4px 10px;
	font-size:14px;
	background:#ecf2f7;
}

#article #dataBox.otherData p.lastData{
	margin:5px 0 0;
	padding:5px 10px;
	font-size:18px;
	background:#eaeaea;
	position:relative;
	height:35px;
	text-align:center;
}

#article #dataBox.otherData p.lastData span.type{
	font-size:11px;
	display:block;
}


#article #dataBox.otherData .buttonBox{
	height:92px;
	background:url(../img/bgButtonBox.png) repeat-x;
	padding:10px 0 0 40px;
	color: #006633 !important;
	text-decoration: none;
	background-color: #ffffff;
}

#article #dataBox.otherData .listGrid{
	/*height:118px;*/
	margin-bottom:5px;
}









/* #controller */
#article #controller{
	width:976px;
	margin:7px 0 0 0;
}








/*  map page location & bookmark */
#article #mapController{
	position:relative;
	margin:10px 0 2px 0;
}

#article #mapController table{
	width:979px;
	height:53px;
	margin-left:-1px;
}

#article #mapController table td{
	border:solid 1px #c3dbd9;
	background:#f0f9f7;
	vertical-align:top;
}

#article #mapController table td#bookmarkBox{
	width:132px;
	padding:8px 0 1px 8px;
}

#article #mapController table td#selectBox{
	padding:11px 0 1px 10px;
}

#article #mapController table td#selectBox h2{
	float:left;
	padding:6px 7px 0 0;
	font-size:12px !important;
}

#article #mapController table td#selectBox select{
	height:21px;
	width:146px;
	margin:3px 0 0 0;
	float:left;
}

#article #mapController table td#selectBox img{
	display:block;
	margin:7px 5px 0 5px;
	float:left;
}

#article #mapController #bookmarkBox{
}
#article #mapController #bookmarkBox li{
	display:block;
	list-style-type:none;
	cursor:pointer;
	float:left;
}
#article #mapController #bookmarkBox li a{
	display:block;
	height:21px;
	width:96px;/* ja */
	padding:10px 0 0 35px;/* ja */
	color:#000;
	font-size:11px;/* ja */

}
#article #mapController #bookmarkBox li.location{
	background:url(../img/buttonLocation.png) no-repeat;
}
#article #mapController #bookmarkBox li.location:hover{
	background:url(../img/buttonLocationHover.png) no-repeat;
}
#article #mapController #bookmarkBox li.bookmark{
	background:url(../img/buttonBookmark.png) no-repeat;
}
#article #mapController #bookmarkBox li.bookmark:hover{
	background:url(../img/buttonBookmarkHover.png) no-repeat;
}


/* map page selectbox */
#article #mapController #selectBox li{
	position:absolute;
	display:block;
	list-style-type:none;
	cursor:pointer;
}
#article #mapController #selectBox li a{
	display:block;
	height:22px;
	width:92px;/* ja */
	padding:9px 0 0 43px;/* ja */
	color:#000;
	font-size:11px;/* ja */

}
#article #mapController #selectBox li.moveAreaS{
	top:11px;
	right:130px;
	background:url(../img/buttonTopMoveAreaS.png) no-repeat;
}
#article #mapController #selectBox li.moveAreaS:hover{
	background:url(../img/buttonTopMoveAreaSHover.png) no-repeat;
}








/* typeController */
#article #typeController{
	margin:10px 0 0 0;
	display: none;
}

#article #typeController.show{
	display: block;
	}

#article #typeController table.outer{
	width:980px;
	margin-left: -1px;
}

#article #typeController table.outer th{
	border:solid 1px #c3d0db;
	font-weight:normal;
	text-align:left;
	background:#deeae8 url(../img/bgTh.png) no-repeat 17px 15px;
	padding:13px 0 0 35px;
	width:130px;
	font-size:12px;
	vertical-align:top;
}

#article #typeController table.outer td{
	border:solid 1px #c3d0db;
	border-right:none;
	background:#f0f9f7;
	font-size:12px;
	padding:0;
	height:34px;
	vertical-align:middle;
}

/* 20120329 */
#article #typeController table.outer tr.other th,
#article #typeController table.outer tr.other td{
	display:none;
}


#article #typeController table.outer table.inner{
	width:100%;
	padding:0;
	margin:0;
	border-collapse:collapse;
}

#article #typeController table.outer table.inner td{
	border:none;
	border-bottom:solid 1px #c3d0db;
	border-right:solid 1px #c3d0db;
	padding:0px 3px 0px 13px;
}

#article #typeController table.outer table.inner .realData td{
	border:none;
	border-right:solid 1px #c3d0db;
}

#article #typeController table.outer table.inner td img{
	vertical-align:baseline;
	margin:0 3px 0 0;
}


#article #typeController table.outer table.inner td.sec{
	width:550px;
}


#article #typeController table.outer table.inner td.first-child{	padding-top:5px;
	padding-bottom:5px;
}

#article #typeController table.outer table.inner td.sec-child{		padding-top:5px;
}

#article #typeController table.outer table.inner td.last-child{
	border-bottom:none;
	padding-bottom:5px;
}

#article #typeController table.outer table.inner td.last-child img{
	vertical-align:text-top;
}


/* 0329 暫定処置 */
#article #typeController table.outer table.inner td.sec h2{
	float:left;
	padding:4px 0 0 0;
	font-size:12px !important;
}



/* *************************** Time Data ***************************  */
/* timeTitle  */
#article #timeTitle{
	position:relative;
	width:978px;
	height:132px;
	background:url(../img/bgTimeTitle.png) no-repeat;
	margin:7px 0 0 0;
}

#article #timeTitle h1{
	position:absolute;
	top:5px;
	left:5px;
	width:918px;
	margin-top: 4px;


	height:37px;
	padding:10px 15px 0 37px ;
	font-size:22px;
	background:url(../img/bgH1TopMap.png) no-repeat #FFF 12px 45%;
	border-bottom:solid 2px #dee2e5;

}

#article #dataBox.realTimeData h1{
	max-height:76px;
	overflow:auto;
}

#article #timeTitle table.dataTable{
	position:absolute;
	top:61px;
	left:18px;
	width:955px;
	border-collapse:separate;
	border:none;
	height:54px;
	border-spacing:3px;
}

#article #timeTitle table.dataTable td{
	padding:0 10px;
	font-size:13px;
	vertical-align:middle;
}


#article #timeTitle table.dataTable td.location{
	width:192px;
}

#article #timeTitle table.dataTable td.date{
	background:url(../img/bgTdDate.png) no-repeat #dbefeb 8px 50%    ;
	padding-left:29px;
}

#article #timeTitle table.dataTable td.lastData{
	background:#eaeaea;
	font-size:25px;
	text-align:center;
}

#article #timeTitle table.dataTable td.lastData #locationDataUnit{
	font-size:12px;
}
#article #timeTitle table.dataTable td.lastData #locationContAir{
	font-size:12px;
	display:block;
}


#article #timeTitle table.dataTable td.rain{
	background:#eaeaea;
	text-align:center;
}


/* timeController01 */

#article #timeController01{
	position:relative;
	width:978px;
	height:62px;
	background:url(../img/bgCommonBox01.png) no-repeat;
	margin:7px 0 0 0;
}


#article #timeController01 fieldset input{
	margin:0 5px 0 0;
}

#article #timeController01 fieldset label{
	padding:0 10px 0 10px;
	font-size:12px;
}
#article #timeController01 fieldset label:first-child{
	margin:0 0 0 0;
}

#article #timeController01 h2{
	position:absolute;
	top:23px;
	left:80px;
	width:100px;
	text-align:right;

	font-size:12px;
}

#article #timeController01 fieldset#typeField{
	position:absolute;
	top:15px;
	left:200px;
	background:#e6ebf0;
	padding:5px;
}
#article #timeController01 fieldset#categoryField{
	position:absolute;
	top:15px;
	left:480px;
	background:#e6ebf0;
	padding:5px;
}


/* timeController02 */
#article #timeController02{
	position:relative;
	width:978px;
	height:40px;
	background:url(../img/bgCommonBox01.png) no-repeat;
	margin:1px 0 0 1px;
}

#article #timeController02 h2{
	position:absolute;
	top:24px;

	left:80px;
	width:100px;
	font-size:12px;

	text-align:right;
}

#article #timeController02 fieldset.dateField{
	position:absolute;
	top:20px;
	left:200px;
	font-size:12px;
	width:300px;
}

#article #timeController02 fieldset.dateField select{
	margin:0 5px 0 0;
}

#article #timeController02 fieldset.dateField .calender{
	position:absolute;
	top:0;
	right:0px;
}

#article #timeController02 fieldset.dateField{
	position:absolute;
	top:20px;
	left:200px;
	font-size:12px;
	width:250px;
}

#article #timeController02 fieldset.span{
	position:absolute;
	top:9px;
	left:380px;
	font-size:12px;
	width:280px;
}

#article #timeController02 fieldset.span select{
	margin-left:20px;
}



/* gridBox */
#article #gridBox{
	position:relative;
	margin:15px 0 0 0;
}

#article #gridBox #downloadCSV{
	position:absolute;
	list-style-type:none;
	cursor:pointer;
	height:31px;
	width:120px;/* ja */
	padding:12px 0 0 46px;/* ja */
	color:#000;
	font-size:12px;/* ja */
	top:330px;
	left:390px;/*210*/
	background:url(../img/buttonDownloadCSV.png) no-repeat;
}

#article #gridBox #downloadCSV a{
	color:#000;
	text-decoration:none;
}

#article #gridBox #downloadCSV:hover{
	background:url(../img/buttonDownloadCSVHover.png) no-repeat;
}

#article #gridBox #toPDF{
	position:absolute;
	list-style-type:none;
	cursor:pointer;
	height:31px;
	width:120px;/* ja */
	padding:13px 0 0 47px;;/* ja */
	color:#000;
	font-size:12px;/* ja */
	top:330px;
	left:500px;/* 390 */
	background:url(../img/buttonDownloadCSV.png) no-repeat;
}

/* only toPDF is Disableed  */
#article #gridBox #toPDF.disable{
	cursor:default;
	color:#828282;
	background:url(../img/buttonDownloadCSVDisable.png) no-repeat;
}
#article #gridBox #toPDF.disable:hover{
	cursor:default;
	color:#828282;
	background:url(../img/buttonDownloadCSVDisable.png) no-repeat;
}

#article #gridBox #toPDF a{
	color:#000;
	text-decoration:none;
}

#article #gridBox #toPDF:hover{
	background:url(../img/buttonDownloadCSVHover.png) no-repeat;
}



#article #gridBox #toHTML{
	position:absolute;
	list-style-type:none;
	cursor:pointer;
	height:31px;
	width:120px;/* ja */
	padding:12px 0 0 56px;;/* ja */
	color:#000;
	font-size:12px;/* ja */
	top:330px;
	left:570px;
	background:url(../img/buttonDownloadCSV.png) no-repeat;
}

#article #gridBox #toHTML a{
	color:#000;
	text-decoration:none;

}

#article #gridBox #toHTML:hover{
	background:url(../img/buttonDownloadCSVHover.png) no-repeat;
}





/* ***************************  Error           ********************* */

#article #error{
	position:relative;
	width:968px;
	height:96px;
	background:url(../img/bgErrorH1.png) no-repeat;
	margin:20px 0 20px 0;
	padding:18px 0 0 48px;
	font-size:22px;
}

#article #error h1{
	font-size:22px;
	margin:0 0 30px 0;
}

#article #error h1+p{
	font-size:14px;
}


/* ***************************  Download ***************************  */
#article #dlTitleBox h1{
	position:relative;
	width:976px;
	height:40px;
	background:url(../img/bgDLH1.png) no-repeat;
	margin:20px 0 20px 0;
	padding:18px 0 0 40px;
	font-size:22px;
}


#article #controllerDL,
#article #controllerDL02{
	position:relative;
	width:976px;
	height:102px;
	background:url(../img/bgDLCommon.png) no-repeat;
	margin:1px 0 30px 1px;
}

/* typeBox */
#article #controllerDL #typeBox{
	position:absolute;
	top:2px;
	left:0;
	height:48px;
	width:770px;
}
#article #controllerDL #typeBox fieldset input{
	margin:0 5px 0 0;
}

#article #controllerDL #typeBox fieldset label{
	padding:0 10px 0 10px;
	font-size:12px;
}
#article #controllerDL #typeBox fieldset label:first-child{
	margin:0 0 0 0;
}

#article #controllerDL h2{
	position:absolute;
	top:20px;
	left:20px;
	width:160px;
	padding:3px;
	text-align:right;
}

#article #controllerDL #typeBox fieldset#typeField{
	position:absolute;
	top:15px;
	left:200px;
	background:#e6ebf0;
	padding:5px;
}
#article #controllerDL #typeBox fieldset#categoryField{
	position:absolute;
	top:15px;
	left:490px;
	background:#e6ebf0;
	padding:5px;
}



/* map page selectbox */
#article #controllerDL #selectBox{
	position:absolute;
	top:50px;
	left:0;
	height:48px;
	width:770px;
}

#article #controllerDL h2{
	position:absolute;
	top:18px;
	left:20px;
	width:160px;
	padding:3px;
	text-align:right;
}

#article #controllerDL #selectBox select{
	font-size:12px;
}

#article #controllerDL #selectBox select.areaSelect01{
	position:absolute;
	top:18px;
	left:200px;
}

#article #controllerDL #selectBox span.areaSelect02{
	position:absolute;
	display:block;
	top:22px;
	left:315px;

}
#article #controllerDL #selectBox select.areaSelect02{
	position:absolute;
	top:18px;
	left:330px;
	width:148px;
}

#article #controllerDL #selectBox span.areaSelect03{
	position:absolute;
	display:block;
	top:22px;
	left:490px;
}
#article #controllerDL #selectBox select.areaSelect03{
	position:absolute;
	top:18px;
	left:510px;
	width:148px;
}

/* time scale */
#article #controllerDL02 h2{
	position:absolute;
	top:20px;
	left:20px;
	width:210px;
	padding:3px;
	text-align:right;
	font-size:12px !important;
}

#article #controllerDL02 fieldset h3{
	position:absolute;
	top:0;
	left:0;
	padding:3px;
	background:#eaeaea;
}

#article #controllerDL02 fieldset.dateFieldStart{
	position:absolute;
	top:20px;
	left:250px;
	font-size:12px;
	width:280px;
}

#article #controllerDL02 fieldset.dateFieldEnd{
	position:absolute;
	top:60px;
	left:250px;
	font-size:12px;
	width:280px;
}

#article #controllerDL02 fieldset div.ymd{
	position:absolute;
	top:0;
	left:50px;
}

#article #controllerDL02 fieldset div.calender{
	position:absolute;
	top:0;
	left:275px;
}

#article #controllerDL02 fieldset div.sm{
	position:absolute;
	top:0;
	left:220px;
	width:130px;
}
#article #controllerDL02 fieldset.dateFieldStart select{
	margin:0 5px 0 0;
}
#article #controllerDL02 fieldset.dateFieldEnd select{
	margin:0 5px 0 0;
}
#article #controllerDL02 fieldset.dateFieldEnd .calender{
	position:absolute;
	top:0;
	right:0px;
}

#article #controllerDL02 fieldset span{/* ����܂� */
	display:block;
	position:absolute;
	top:0;
	left:130px;
	width:30px;
}


/* download data type */
#article #controllerDL03{
	position:relative;
	width:976px;
	height:84px;
	background:url(../img/bgDLCommon2.png) no-repeat;
	margin:1px 0 0 1px;
}

#article #controllerDL03 h2{
	position:absolute;
	top:9px;
	left:20px;
	width:210px;
	padding:3px;
	text-align:right;
}

#article #controllerDL03 fieldset{
	position:absolute;
	top:9px;
	left:250px;
	font-size:12px;
	width:280px;
}

#article #controllerDLButton a{
	text-decoration:none;
	color:#000;
}

#article #controllerDLButton{
	margin:0 auto;
	height:30px;
	width:166px;/* ja */
	padding:12px 0 0 60px;/* ja */
	color:#000;
	cursor:pointer;
	font-size:13px;/* ja */
	background:url(../img/buttonDownloadCSVL.png) no-repeat;
}

#article #controllerDLButton:hover{
	background:url(../img/buttonDownloadCSVLHover.png) no-repeat;
}



/* #link & topics */
#search,
#link{
	text-align:center;
	width:500px;
	margin:0 auto;
}

/* graph */

body#graphPage h1{
	background:url(../img/bgH1TopMap.png) no-repeat #FFF 5px 45%;
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	font-size:17px;
	font-weight: normal;
	padding:5px 0 5px 30px;

}

body#graphPage div#graphBody{
	position:relative;
	border:solid 1px #bebebe;
	box-shadow:0 0 2px 2px #f4f4f4;
	height:470px;
	padding-top: 10px;

	background:url(../img/bgGraphBox.png) repeat-x 0 420px;
}

body#graphPage div.note{
	position:absolute;
	top:15px;
	left:20px;
	z-index: 1;
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	font-size:13px;
}

body#graphPage .csNote{
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	line-height:1.2;
	margin:10px 0 0 0;
	font-size:11px;
}

/* togggle */

body#graphPage{
	padding:0 10px;
}

body#graphPage ul#toggle{
	width:280px;
	margin:30px auto 0;
}

body#graphPage ul#toggle li{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	font-size:13px;
	cursor:pointer;
}

body#graphPage ul#toggle li.day{
	width:93px;
	height:30px;
	padding:4px 0 0 0;
	text-align:center;
	background:url(../img/buttonDateDay.png) no-repeat;
}
body#graphPage ul#toggle li.day:hover{
	background:url(../img/buttonDateDayHover.png) no-repeat;
}
body#graphPage ul#toggle li.day.active{
	background:url(../img/buttonDateDayActive.png) no-repeat;
}
body#graphPage ul#toggle li.week{
	width:92px;
	height:30px;
	padding:4px 0 0 0;
	text-align:center;
	background:url(../img/buttonDateWeek.png) no-repeat;
}
body#graphPage ul#toggle li.week:hover{
	background:url(../img/buttonDateWeekHover.png) no-repeat;
}
body#graphPage ul#toggle li.week.active{
	background:url(../img/buttonDateWeekActive.png) no-repeat;
}
body#graphPage ul#toggle li.month{
	width:93px;
	height:30px;
	padding:4px 0 0 0;
	text-align:center;
	background:url(../img/buttonDateMonth.png) no-repeat;
}
body#graphPage ul#toggle li.month:hover{
	background:url(../img/buttonDateMonthHover.png) no-repeat;
}
body#graphPage ul#toggle li.month.active{
	background:url(../img/buttonDateMonthActive.png) no-repeat;
}



/* adding Up graph */

body#addingUpGraphPage h1{
	background:url(../img/bgH1TopMap.png) no-repeat #FFF 5px 45%;
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	font-size:17px;
	font-weight: normal;
	padding:5px 0 5px 30px;

}

body#addingUpGraphPage div#addingUpGraphBody{
	position:relative;
	border:solid 1px #bebebe;
	box-shadow:0 0 2px 2px #f4f4f4;
	height:420px;
	padding-top: 10px;
}

body#addingUpGraphPage div.note{
	position:absolute;
	top:15px;
	left:20px;
	z-index: 1;
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	font-size:13px;
}

body#addingUpGraphPage .csNote{
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	line-height:1.2;
	margin:10px 0 0 0;
	font-size:11px;
}

body#addingUpGraphPage #addingUpTable{
	box-shadow:0 0 2px 2px #f4f4f4;
	margin:0 0 20px 0;
}

body#addingUpGraphPage #addingUpTable table{
	border:solid 1px #bebebe;
	border-collapse:collapse;
	width:100%;
}

body#addingUpGraphPage #addingUpTable table tr:first-child th:first-child{
	text-align:left;
	padding-left:15px;
}


body#addingUpGraphPage #addingUpTable table th,
body#addingUpGraphPage #addingUpTable table td{
	border:solid 1px #bebebe;
	padding:5px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
}


body#addingUpGraphPage #addingUpTable table th{
	background:#f5f5f5;
	white-space:nowrap;
}

body#addingUpGraphPage #addingUpTable table th#sumTotalName{
	background: -moz-linear-gradient(top, #f9f9f9, #eeeff0);
	background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#eeeff0));
}

body#addingUpGraphPage #addingUpTable table tr#monthName th{
	background: -moz-linear-gradient(top, #eeeef0, #e3e4e7);
	background: -webkit-gradient(linear, center top, center bottom, from(#eeeef0), to(#e3e4e7));
}



body#addingUpGraphPage #addingUpTable table th#sumTotalTh{
	background: -moz-linear-gradient(top, #f9f9f9, #e3e4e7);
	background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e4e7));
}



body#addingUpGraphPage #addingUpTable table td.monthValue{
	width:6%;
	white-space:nowrap;
}


body#addingUpGraphPage p.unitEX{
	position:absolute;
	bottom:5px;
	right:0;
	padding:0;
	margin:0;
	font-size:13px;
}


div.addingUPNote{
	margin:20px 0;
}

div.addingUPNote table th,
div.addingUPNote table td{
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	line-height:1.2;
	margin:10px 0 0 0;
	font-size:11px;
	vertical-align:text-bottom;
	font-weight:normal;

}


div.addingUPNote table th{
	white-space:nowrap;

}