@CHARSET "UTF-8";

body, select{
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #00b;
}

a {
	text-decoration: none;
}

div#main{
	width: 100%;
	margin: 0;
}

div#contents{
	width: 400px;
	margin: 0 auto;
}

div#logo{
	display: block;
	width: 400px;
	height: 70px;
	background-image: url(img/10p_logo.jpg);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 75px;
	font-size: 2em;
}

div.description{
	width: 400px;
	background-color: #ddf;
	padding: 8px;
}

div.windinfo{
	display: block;
	width: 400px;
	padding: 10px;
	border: dashed 1px #ccc;
	text-align: center;
	font-size: 0.8em;
}


div#footer{
	padding-top: 5px;
	margin-top: 10px;
	font-size: 0.8em;
	border-top: solid 1px #ccc;
	text-align: center;
}

div.area_select{
	text-align: center;
}

div#pictarea{
	position: relative;
	text-align: center;
}

div#humidity{
	padding-top: 10px;
	position: absolute;
	top: 180px;
	left: 280px;
	display: block;
	width: 100px;
	height: 100px;
	text-align:center;
	background-color: #2E9AFE;
	color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);/*IE7*/
}

span.humfont{
	font-size: 3em;
}

hr.line{
	border: 0;
	border-bottom: 1px dashed #ccc;	
}

h3{
	background-color: #999;
	color: #fff;
	padding: 3px 3px 3px 10px;
	border-left: solid 6px #444;
}