@charset "utf-8";

/*=========================================================
	index
		1. Page format
		2. header
		3. contents
		4. footer
=========================================================*/

/* 1. Page format
=========================================================*/
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	border-top:6px solid #7BC92E;
	background-color:#FFF;
}
#wrapper{
	position:relative;
	text-align:center;		
}

/* 2. header
=========================================================*/
#header{
	position:relative;
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#htitle{
	clear:both;
	margin:0 auto;	
	text-align:center;
	width:293px;	
}

/* logo
---------------------------------------------------------*/
#header h1,
#header #hlogo{
	display:block;
	margin:8px 0 0;	
	width:293px;
	height:72px;
}


/* hednav
---------------------------------------------------------*/
#htitle{
	clear:both;
	margin:0 auto;	
	text-align:center;
	width:293px;	
}

#hnav{
	float:right;
	list-style:none;
}

#hnav li{
	display:block;
	float:left;
	width:83px;		
	height:27px;
}
#hnav li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}


/* 3. contents
=========================================================*/
#container{
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#FFF;	
}

#side{
	float:right;
	width:210px;
	font-size:80%;
}
#content{
	margin:15px 0 50px;
	padding:0;	
	width:800px;
	font-size:80%;
}


/* 4. footer
=========================================================*/
#footer{
	clear:both;
	margin:0 auto;
	padding:20px 0 40px;	
	text-align:left;
	background:#7EC532;
}
#footerInner{
	width:800px;
	margin:0 auto;
	padding:0;	
}
#footLogo a{
	display:block;
	float:left;
	margin:0 8px 0 0;
	padding:0;
	width:147px;
	height:36px;
	background:url(../images/fot_logo.gif) no-repeat;	
	text-indent:-9999px;	
}
#footCopy{
	float:left;
	margin:0;
	padding:0 0 0 10px;
	width:313px;
	height:39px;
	border-left:1px solid #BFE299;
	background:url(../images/fot_copy.gif) no-repeat center right;	
	text-indent:-9999px;		
}
#footPageTop{
	float:right;
	margin:0;
	padding:0;	
}
#footPageTop a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}