@charset "UTF-8";

/* **************************************
*Since: 2007-12-05
*Modified: 2007-12-11
************************************** */


/* Reset & Restyle
---------------------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	line-height:1.5;
	color: #333;
	margin:0;
	padding:0;
}

body{
	font-size:75%;
	background:url(../images/bg_wrapper.gif) repeat-y #ffc;
}

html>/**/body{
	font-size:12px;
}

img{
	border: 0px;
	vertical-align:bottom;
}

ul, ol{
	list-style-type: none;
}

table {
	border: none;
}

th, td {
	padding: 0px;
}

hr{
	visibility:hidden;
	height:0px;
	clear:both;
}


/* link color
---------------------------------------------------------------------------------------- */
a {
	text-decoration: none;
	color:#03c;
}

a:hover {	
	color:#03c;
	text-decoration: underline;
}


/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper{
	width:650px;
}


/* top
---------------------------------------------------------------------------------------- */
#top{
	padding:25px;
	text-align:center;
}

#top h1{
	margin:0px 0px 15px 0px;
	text-align:left;
}

#top h2{
	font-size:120%;
	text-align:left;
	padding:0px 10px;
}

#top h3{
	width:180px;
	margin:55px 0px 5px 0px;
	float:left;
}

#top p{
	width:200px;
	float:left;
}

#top strong{
	color:#990000;
	font-weight:bold;
}

#top ol{
	padding:7px 10px 0px 10px;
	text-align:left;
}

#top ol li{
	width:580px;
	float:left;
}

#top ol li img{
	float:left;
	clear:left;
	margin:0px 10px 0px 0px;
}

#top ul{
	width:600px;
	float:left;
	padding:25px 10px 20px 10px !important;
	padding:25px 10px 10px 10px;
	text-align:left;
}

#top ul li{
	width:190px;
	float:left;
	margin:0px 2px 0px 2px;
}

#top div.box{
	float:left;
	width:450px !important;
	width:480px;
	border:2px solid #4D9900;
	background:#FFFFE6;
	text-align:left;
	margin:0px 60px !important;
	margin:0px 35px;
	padding:15px;
}

#top div.box .graph{
	float:right;
	margin:0px 0px 0px 10px;
	width:240px;
	text-align:center;
}

#top div.box .graph small{
	display:block;
	margin:5px 0px 0px 0px;
}


/* page01
---------------------------------------------------------------------------------------- */
#page01{
	padding:25px;
	text-align:center;
}

#page01 h1{
	margin:0px 0px 15px 0px;
	text-align:left;
}

#page01 dl.yellow{
	width:285px;
	background:url(../images/bg_signal01.gif) no-repeat top;
	text-align:left;
	float:left;
	margin:0px 0px 25px 10px !important;
	margin:0px 0px 25px 5px;
}

#page01 dl.yellow dt{
	margin:10px;
}

#page01 dl.yellow dd{
	background:url(../images/bg_signal02.gif) no-repeat bottom;
	padding:0px 0px 10px 0px;
}

#page01 dl.yellow dd ul{
	margin:0px 10px;
}

#page01 dl.yellow dd ul li{
	color:#fff;
	background:url(../images/icon_arrow01.gif) no-repeat left center;
	padding:0px 0px 0px 12px;
	letter-spacing:-1px;
}

#page01 dl.red{
	width:285px;
	background:url(../images/bg_signal03.gif) no-repeat top;
	text-align:left;
	float:right;
	margin:0px 10px 25px 0px !important;
	margin:0px 5px 25px 0px;
}

#page01 dl.red dt{
	margin:10px;
}

#page01 dl.red dd{
	background:url(../images/bg_signal04.gif) no-repeat bottom;
	padding:0px 0px 10px 0px;
}

#page01 dl.red dd ul{
	margin:0px 10px;
}

#page01 dl.red dd ul li{
	color:#fff;
	background:url(../images/icon_arrow02.gif) no-repeat left center;
	padding:0px 0px 0px 8px;
	letter-spacing:-1px;
}

#page01 div.score{
	float:left;
	padding:0px 0px 0px 5px;
	vertical-align:top;
}

#page01 div.score img{
	margin:0px 2px;
}


/* page02
---------------------------------------------------------------------------------------- */
#page02{
	padding:25px;
	text-align:center;
}

#page02 p{
	text-align:left;
}

#page02 p a{
	display:block;
	float:left;
	margin:10px 0px 0px 0px;
}

#page02 p span{
	display:block;
	clear:left;
}

#page02 h1{
	margin:0px 0px 15px 0px;
	text-align:left;
}

#page02 ul{
	width:600px;
	float:left;
	padding:0px 10px 15px 10px !important;
	padding:0px 10px 8px 10px;
	text-align:left;
}

#page02 ul li{
	width:190px;
	float:left;
	margin:0px 2px 0px 2px;
}

#page02 div.box{
	float:left;
	width:450px !important;
	width:480px;
	border:2px solid #4D9900;
	background:#FFFFE6;
	text-align:left;
	margin:15px 0px 0px 60px !important;
	margin:15px 0px 0px 35px;
	padding:15px;
}

#page02 div.box p a{
	background:url(../images/icon_pdf.gif) no-repeat left center;
	padding:0px 0px 0px 15px;
	margin:10px 0px 0px 0px;
}


/* footer
---------------------------------------------------------------------------------------- */
#footer{
	width:620px !important;
	width:650px;
	float:left;
	border-top:2px solid #ccc;
	margin:25px 0px 0px 0px;
	padding:15px;
	text-align:left;
}

#footer ul li{
	float:left;
}

#footer ul li.right{
	float:right;
	font-size:85%;
	line-height:1.3;
}