@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0;}

.temp{
position:absolute;
z-index:2;
margin:93px 0 0 12px;
font-size:11px;
width:80px;
text-align:right;
}

.sun{
position:absolute;
z-index:3;
margin:156px 0 0 12px;
font-size:11px;
width:80px;
text-align:right;
}

.flow{
position:absolute;
z-index:4;
margin:86px 0 0 146px;
text-align:right;
background:url(../img/daytime.gif) top left no-repeat;
*background:url(../img/daytime_s.gif) top left no-repeat;
background-size:57px;
width:65px;
height:84px;
}

.power{
position:absolute;
z-index:5;
margin:93px 0 0 216px;
font-size:11px;
width:80px;
text-align:right;
}

.arrow{
position:absolute;
z-index:6;
margin:86px 0 0 331px;
text-align:right;
background:url(../img/arrow_daytime.gif) top left no-repeat;
*background:url(../img/arrow_daytime_s.gif) top left no-repeat;
background-size:57px;
width:65px;
height:13px;
}

.daily{
position:absolute;
z-index:7;
margin:97px 0 0 417px;
font-size:11px;
width:80px;
text-align:right;
}

.monthly{
position:absolute;
z-index:8;
margin:119px 0 0 417px;
font-size:11px;
width:80px;
text-align:right;
}

.yearly{
position:absolute;
z-index:9;
margin:162px 0 0 417px;
font-size:11px;
width:80px;
text-align:right;
}

.datenow{
position:absolute;
z-index:10;
margin:10px 0 0 350px;
font-size:15px;
text-align:right;
color:#ffffff;
font-weight:bold;
width:200px;
}

.date-num01{
position:absolute;
z-index:11;
margin:145px 0 0 398px;
font-size:11px;
text-align:left;
font-weight:bold;
width:175px;
}

.date-num02{
position:absolute;
z-index:12;
margin:185px 0 0 398px;
font-size:11px;
text-align:left;
font-weight:bold;
width:175px;
}

.bg-photovltaic{
background:url(../img/daytime.jpg) top left no-repeat;
width:555px;
height:300px;
padding:0px;
margin:0px;
}