*{padding:0; margin:0;word-break:break-all;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(255,255,0,0.4);-webkit-text-size-adjust:none}
body{text-align:center;margin:0;line-height:1.3;font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;-webkit-text-size-adjust:none;-webkit-text-size-adjust:none;background-color:#fff;}

a{outline:none}

#inside{position:relative;width:820px;margin:10px auto 0 20px;}

#gobg-img{position:relative;top:8px;left:0px;width:698px;height:50px;
text-align:center;font-size:21pt;font-weight:900;color:#fff;display:inline-block;transform:skewX(-10deg);*text-shadow:2px 1px 2px #000;*-webkit-text-stroke: 1px #000;*text-stroke: 1px #000;}


#gobg-img img{position:absolute;top:-10px;left:0px;width:698px;height:50px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-khtml-opacity:.80;-moz-opacity:.80;z-index:-999;transform:skewX(10deg);}


#gobg-img span{font-size:80%;color:#eee;letter-spacing:-2px;}



#day{position:absolute;top:68px;left:75px;font-size:15pt;font-weight:700;color:#666;line-height:19px;text-align:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: 1px #999999 solid; padding:5px 0px 2px 10px;}

#day .y{margin-left:-5px}

#upday1{position:absolute;top:72px;right:78px;width:260px;margin-right:0;text-align:right;font-size:12pt;font-weight:700;color:#999;background-color:#fff;}



#kamera{position:absolute;top:95px;left:528px;width:216px}
.kamera{display:none;}


.live{position:relative;top:2px;left:0px;width:216px;height:135px;display:inline-block;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.live img{width:220px;height:135px;margin-left:-2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}






#date{position:relative;top:10px;left:-123px;width:480px;height:220px;text-align:center;line-height:18px;margin:0 auto 0 auto;font-size:14px;font-weight:bold;color:#666;letter-spacing:1.5px}



#daimg{vertical-align:-8px;width:40px;height:40px;}

#da{position:absolute;top:49px;left:35px}
#da1{position:absolute;top:70px;left:35px}
#da2{position:absolute;top:88px;left:35px}
#da3{position:absolute;top:106px;left:35px}
#da4{position:absolute;top:124px;left:35px}
#da5{position:absolute;top:142px;left:35px}
#da6{position:absolute;top:161px;left:35px}
#da7{position:absolute;top:180px;left:35px}


/*--------------------------------------*/
#da8{position:absolute;top:222px;left:43px;width:660px;text-align:left;*background-color:#ccc;font-size:11pt;}
/*--------------------------------------*/


.te{position:absolute;top:40px;left:159px}
.te img{vertical-align:-1px;margin-left:15px;width:30px;height:30px;}

.te1{position:absolute;top:69px;left:160px;color:#0000cc}
.te1 b{color:#666;padding-left:2px;padding-right:3px}
.te2 b{color:#666;padding-left:2px}
.te3 b{color:#666;padding-left:4px}
.te1-1{color:#ff5e5e}
.te2{position:absolute;top:87px;left:160px}
.te3{position:absolute;top:105px;left:160px}
.te4{position:absolute;top:123px;left:159px}
.te5{position:absolute;top:141px;left:161px}
.te6{position:absolute;top:161px;left:160px}
.te7{position:absolute;top:181px;left:163px;width:310px;text-align:left;line-height:1.3}
.te7 span{margin-left:-8px;padding:2px 0 1px 0}

.te7 .att{font-size:8pt;color:#cc0000;}

.te7 p{font-size:8pt;text-align:left;font-weight:normal;color:#999;margin-top:1px}

.te7 .off{display:none;}

.te7 .at{color:#555;background-color:#ffff00;font-size:9pt;line-height:1.0;padding-left:7px;padding-right:7px}
.te7 .wa{color:#fff;background-color:#cc0000;font-size:9pt;line-height:1.0;padding-left:7px;padding-right:7px}
.te7 .da{color:#fff;background-color:#c800ff;font-size:9pt;line-height:1.0;padding-left:7px;padding-right:7px}
.te7 .wi{color:#444;background-color:#ffd400;font-size:9pt;line-height:1.0;padding-left:7px;padding-right:7px}
.te7 .sa{color:#fff;background-color:#ff6600;font-size:9pt;line-height:1.0;padding-left:7px;padding-right:7px}
.te7 .st{color:#fff;background-color:#cc0000;font-size:9pt;line-height:1.0;padding-left:7px;padding-right:7px}
.te7 .ty{color:#fff;background-color:#c800ff;font-size:9pt;line-height:1.0;padding-left:7px;padding-right:7px}


/*--------------------------------------------------------------*/

#da8 .off{display:none;}
#da8 .win{color:#990000;font-size:10pt;}
#da8 .lin{color:#999;font-size:8px;font-weight:lighter;}
#da8 .tes{color:#0000ae;font-size:10pt;}
#da8 .ate{color:#00008b;font-size:10pt;}
#da8 .come{color:#00008b;font-size:10pt;}



/* スマホ */
@media screen and (max-width: 480px) {
.f16 { font-size: 16px !important; }
}
/* PC */
@media screen and (min-width: 481px) {
.f16 { font-size: 14px !important; }
}



/*.come{width:700px;margin-left:0px;color:#00008b;font-size:11pt;padding:1em;text-indent:-1em;line-height:1.2;}
.come{width:700px;color:#00008b;font-size:11pt;}*/

/*--------------------------------------------------------------*/
.come .ps-br{display: block;}  /* PCを改行する */
.come .sp-br{display: none;} /* SPの改行をしない */

#tenkijp{top:110px;left:455px;position:absolute}
#weather{top:170px;left:455px;position:absolute}
#yahoo{top:230px;left:455px;position:absolute}


.comment{position:absolute;top:40px;left:-80px;width:640px;text-align:left;font-size:11pt;*background-color:#ccc;}



#container{margin:55px auto 0px 60px;width:698px;font-size:10pt;font-weight:bold;color:#666}

#text4{background-color:rgba(87,191,240,0.2);height:19px;padding:3px 0 2px 18px;text-align:left;line-height:1.4;border-style:solid;border-width:thin;border-color:#ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;letter-spacing:1px}

#text4 .m{display:none}

#text4-1{background-color:rgba(87,191,240,0.2);height:19px;padding:3px 0 2px 20px;text-align:left;line-height:1.4;border-style:solid;border-width:thin;border-color:#ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;letter-spacing:1px;}


.text4{background: linear-gradient(#D8EAFE,#C9E0FB);height:20px;padding:3px 0 2px 18px;text-align:left;line-height:1.4;border-style:solid;border-width:thin;border-color:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;letter-spacing:-1px;font-size:115%}


.text4 .sat{color:#0000ae}
.text4 .sun{color:#990000}
.text4 .wee{color:#666666}


#text4-1 .m{display:none}

#text4-2{background: linear-gradient(#D8EAFE,#C9E0FB);height:22px;padding:2px 0 2px 20px;text-align:left;border-style:solid;border-width:thin;border-color:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:16px;}

.text{text-align:left;margin:5px 0 10px 5px;width:680px}


.text2{text-align:left;margin:-8px 0 15px 10px;padding:0 15px;letter-spacing:0.1px;font-size:14px;font-weight:bold;color:#00008b;}


.topdata-1{padding-left:3px;}
.topdata-1 .moji{margin:-22px 0 15px 30px;min-height:20px;letter-spacing:0.1px;color:#666;font-weight:700; font-size:120%;}
.topdata-1 img{vertical-align:-15px;width:25px;height:25px;padding-right:5px;}


@keyframes blinkAnime{
   0% { color: transparent}
 100% { color: #cc0000 }
}

.gostop{color:#000;margin-top:5px;padding:2px 2px 2px 10px;line-height:1.5;font-size:110%}
.go{color:#0000ff;margin-top:5px;padding:2px 2px 2px 10px;line-height:1.5;font-size:110%}
.gogo{color:#0000ff;margin-top:5px;padding:2px 2px 2px 10px;line-height:1.5;font-size:110%}
.stop{color:#cc0000;padding:2px 2px 2px 10px;line-height:1.5;font-size:110%}
.stopstop{color:#cc0000;padding:2px 2px 2px 10px;line-height:1.5;font-size:110%;animation: blinkAnime 0.8s infinite alternate;}

.ao{color:#0000ae}
.aka{color:#cc0000}
.kuro{color:#666}
.ore{color:#ff6600}


#contents{width:680px;padding:0 20px 0 5px;text-indent:1em;}

hr.line{border:0;width:687px;height:1px;border:none;border-top:1px #eee solid;margin-top:5px;margin-left:-15px;}

.text3{text-align:left;margin:0 0 15px 2px;background: linear-gradient(#D8EAFE,#C9E0FB);border-style:solid;border-width:thin;border-color:#eee;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}


.text7{line-height:1.4;width:670px;padding:10px 10px 10px 80px;text-indent:-1.5em;}
.text7 a:hover{background-color:#fff000}
.text7-1{text-decoration : underline;color:#0000ae;}
.text7-2{text-decoration : underline;color:#0000ae;}
.text7-3{text-decoration : underline;color:#990000;}
.text7-4{text-align:left;padding:10px 0 0 100px;}
.text7-5{text-decoration:underline;color:#0000ae;}







div#footer{width:820px;height:40px;margin-bottom:50px;}
div#footer p{font-size:10px;color:#666}