body {
	margin : 0px ;
	background-color : #f5f8fa ;
	background-image : url("/images/background.gif") ;
	background-repeat : repeat-x ;
	font-size : 12px ;
	color : #444444 ;
}

#wrapper {
	position: relative;
	width: 760px;
	margin: 0 auto;
}

#swfError {
	display: none;
	padding: 70px 135px 180px;
	font-family: 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
body.noflash #swfError {
	display: block;
	width: 470px;
	height: 330px;
	background-image: url(https://weathernews.jp/smart/sora_mission/topics/img/logo_wni.png);
	background-repeat: no-repeat;
	background-position: 20px 15px;
	background-color: #fff;
}
body.noflash #swfError p {
	margin: 0 0 10px;
	text-align: left;
	font-size: 15px;
}
body.noflash #swfError ul:not(footer) {
	padding: 0 0 20px;
	margin-top: 0;
	width: 360px;
	list-style-type: none;

}
body.noflash #swfError ul li {
}
body.noflash #swfError:not(footer) ul li a {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
	padding: .4em;
	font-size: 18px;
	text-decoration: none;
	background-color: #0c419a;
	color: #fff;
	border: 2px solid #0c419a;
	border-radius: 5px;
}
body.noflash #swfError ul li a:hover {
	background-color: #fff;
	color: #0c419a;
}
tr#swf { position: relative }
body.noflash #swfCode { position: absolute; z-index: 10 }
body.noflash #swfError { position: absolute; }
body.noflash #swfError footer { position: absolute; bottom: 0; left: 0; letter-spacing: -.40em; width: 100%; text-align: left; padding: 2px; }
body.noflash #swfError footer a { display: inline-block; letter-spacing: normal; padding: 2px 6px; font-size: 10px; color: #333; text-decoration: none; margin: 0; text-align: center; }
body.noflash #swfError footer a::before {
	content: "";
	display: inline-block;
	border: 4px solid transparent;
	border-left-color: #f94;
}
body.noflash #swfError footer a:hover { opacity: .5; }

.noflash #footerbanner {
	display: none;
}
#footerbanner {
	width: 760px;
	margin: 5px auto;
	opacity: 0;
	text-align: left;
	background-color: #fff;

	animation: fadeIn .5s ease-in 2s 1 normal forwards;
	-webkit-animation: fadeIn .5s ease-in 2s 1 normal forwards;
}
#footerbanner a:hover{
	opacity: 0.7;

}
#footerbanner img {
	border: 0px;
}
@keyframes fadeIn { 0%   {opacity: 0; transform: translate(20px, 0);} 100% {opacity: 1; transform: translate(0,    0);} }
@-webkit-keyframes fadeIn { 0%   {opacity: 0; -webkit-transform: translate(20px, 0);} 100% {opacity: 1; -webkit-transform: translate(0,    0);} }