@charset "UTF-8";
/* [toyo-keizai.co.jp]
 * Summary: style for "Weather" Category
 * Modified: 2009-03-02
 */

/* body / container
----------------------------------------*/
body {}


/* header / logo
----------------------------------------*/
#header {}
#header-inner {}


/* content
----------------------------------------*/
#content {
	position: relative;
	width: 100%;
	line-height: 1.2;
}
#content h1 {
	margin-bottom: 9px;
}

/* daynav
------------------------------*/
ul#daynav {
	position: absolute;
	z-index: 5;
	top: 45px; right: -2px;
	width: 183px;
	font-size: 10px;
}
	* html ul#daynav {right: -3px;}
ul#daynav li {
	float: left;
	width: 60px;
	margin-right: 1px;
}
ul#daynav li a:hover,
ul#daynav li a:focus,
ul#daynav li a:active {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

/* area
------------------------------*/
div.area {
	position: relative;
	z-index: 1;
	width: 361px; height: 367px;
	margin-bottom: 15px;
	background: url(../images/mainpct_weather.jpg) no-repeat 0 0;
}
div.area ul li {
	position: absolute;
	font-size: 10px;
}
	* html div.area ul li {font-size: 83%;}
	*+html div.area ul li {font-size: 83%;}
li.area01 {width: 56px; top: 77px; left: 101px;}
li.area02 {width: 30px; top: 66px; left: 170px;}
li.area03 {width: 30px; top: 90px; left: 211px;}
li.area04 {width: 32px; top: 65px; left: 287px;}
li.area05 {width: 30px; top: 140px; left: 86px;}
li.area06 {width: 30px; top: 125px; left: 150px;}
li.area07 {width: 30px; top: 155px; left: 203px;}
li.area08 {width: 30px; top: 245px; left: 80px;}
li.area09 {width: 30px; top: 200px; left: 129px;}
li.area10 {width: 30px; top: 217px; left: 182px;}
li.area11 {width: 33px; top: 309px; left: 114px;}

div.area ul li img {border: 1px solid #999;}
li.area01 img {margin-left: 15px;}
li.area02 img {margin-left: 1px;}
li.area03 img {margin-left: 1px;}
li.area04 img {margin-left: 2px;}
li.area05 img,
li.area06 img,
li.area07 img,
li.area08 img,
li.area09 img,
li.area10 img,
li.area11 img {margin-left: 1px;}

div.area li img {margin-bottom: 14px;}
div.area span.temp {
	display: block;
	background-color: #FFF;
	text-align: center;
}

/* hedge text */
div.area p.hedge {
	position: absolute;
	right: 2px; bottom: 2px;
	width: 100%;
	text-align: right;
	line-height: 1.2;
}

/* footer-alpha
----------------------------------------*/
#footer-alpha {}
#footer-alpha-inner {}

/* footer-beta
----------------------------------------*/
#footer-beta {}
#footer-beta-inner {}


/*----------------------------------------
 style for Mac OS Browsers
----------------------------------------*/
.mac  {}

/*----------------------------------------
 hidden modules
----------------------------------------*/
div.area span.name {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------
 clearfix
----------------------------------------*/
#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*:first-child+html #content {
	display: inline-block;
}
/*\*/
* html #content {height: 1%;}
/**/
/*\*//*/
#content {display: inline-table;}
/**/