@charset "utf-8";
/*

Wrapper
Main
Header
Footer

------------------*/



body {
	margin:0 auto;
	padding:0;
	background-color:#FFF;
	color:#666;
	/*font-size:85%;*/
	font-size:small;
	line-height:1.5;
	background:url(../img/common/bodyback.gif) repeat-x top left;
}

img,table{border:none;}

/*Wapper
------------------------------------------------------*/
#WRAPPER {
	width:950px;
	margin:10px auto 10px auto;
	padding:0;
	background:url(../img/common/header.gif) no-repeat;
	background-position:0px 64px;
}
/*Header
------------------------------------------------------*/
#header {
	margin:0px auto;
	padding:0;
	width:870px;
	height:80px;
}
#header p {
	float:left;
	padding:0;
	margin:0;
}
#header ul li{
	list-style:none;
}

#headernavi{
	text-align:right;
	float:right;
	padding:0px;
	height:1em;
}
#headernavi ul li{
	background:url(../img/common/arr.gif) no-repeat 0 5px;
	margin:15px 0 10px 15px;
	padding-left:1em;
	float:left;
}
#headernavi a,#topics a,.totop a{
	color:#666;
	text-decoration:none;
}
#headernavi a:hover,#topics a:hover,.totop a:hover{
	color:#336699;
}
/*Main
------------------------------------------------------*/
#maincol {
	clear:both;
	margin:auto;
	width:870px;
	height:auto;
	background:url(../img/navi/naviback.gif) repeat-y left top;
}
h1{
	margin:0;
	padding:0;
}
#main {
	clear:both;
	width:580px;
	float:right;
}
#main a{
	color:#336699;
}

#topicpath{
	clear:both;
	font-size:80%;
}
.totop{ 
	text-align:right; 
	clear:both; 
	margin:0.5em 0.5em 0 0;
}



/*Footer
------------------------------------------------------*/
#footer {
	clear:both;
	background:url(../img/common/footer.gif) repeat-x top left;
	background-color:#F7F7F7;
	height:5em;
	width:870px;
	margin:10px auto;
}
#footer p{
	padding:10px 20px;
}
#footer #copyright{
	float:right;
	color:#999999;
}