@charset "utf-8";

/* ----------------------------------- */
/* common */
/* ----------------------------------- */

html {
	height: 100%;
	overflow: auto;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #000000;
}
h1 {
	margin: 0 0 1em 0;
	padding: 0;

	font-size: 100%;
	line-height: 1.2;
}
h2 {
	margin: 0 0 1em 0;
	padding: 0;

	font-size: 90%;
	line-height: 1.2;
}
p {
	margin: 0 0 1em 0;
	padding: 0;

	font-size: 80%;
	line-height: 1.4;
}

img { border: none; }


/* ----------------------------------- */
/* flashContent */
/* ----------------------------------- */

#flashContent {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	height: 100%;
	width: 100%;
}


/* ----------------------------------- */
/* weather */
/* ----------------------------------- */

#weather-frame {
	display: none;
	width: 255px;
	height: 135px;
	position: absolute;
	top: 0px;
	right: 15px;
	z-index: 10;

	background-image: url(../../img/bg_weather.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

	text-align: left;
}

/* ---------- output ---------- */
#weather-output { }

#weather-if { width: 245px; height: 110px; margin: 0 0 0 9px; }

#weather-btn { width: 60px; margin: 0 0 0 97px; }
#weather-btn img { vertical-align: top; }
#weather-btn a { display: block; width: 60px; height: 17px; background-image: url(../../img/b_select_o.gif); background-position: left top; background-repeat: no-repeat; }
#weather-btn a:hover { background-color: transparent; }
#weather-btn a:hover img { visibility: hidden; }


/* ---------- select ---------- */
#weather-select { display: none; width: 235px; margin: 10px 0 0 10px; }
#weather-select p { font-size: 90%; font-weight: bold; color: #333333; }