/*** ALL ***/

body{
	margin:0px;
	padding:0px;
	font-family:arial, sans-serif, Osaka, verdana;
	color:#333;
	background:#000 url(img/back.jpg) repeat-x;
}

h1,h2,h3,p,ul,ol,li{
	margin:0px;
	padding:0px;
}

li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

img{border:0;}


a{
	color:#099;
	text-decoration:none;}
a:hover{
	color:#f00;
	text-decoration:underline;}




#top{
	width:700px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#FFF;
}





/*** HEAD BAR ***/



#headbar{
	width:700px;
	height:197px;
	background:#fff url(img/head.jpg) no-repeat;
	margin:0;
}


#headbar h1{
	padding:0 0 0 280px;
}


#headbar h1 a{
	width:420px;
	height:197px;
	display:block;
}

#headbar h1 a span{
	display:none;}






/*** CONTENT SPACE ***/



#content_space{
	width:700px;
	margin:0;
	padding:0;
}


#clear{
	clear:both;
}



/* SIDE */


#side{
	width:228px;
	padding:0;
	margin:20px 0 0 7px;
	position:relative;
	float:left;
}


#side ul{
	font-size:12px;
	line-height:150%;
	padding:0 0 10px;
	margin:0;
}


#side ul li{
	padding:4px;
	margin:0 0 5px;
	border:1px dotted #ccc;
}



#side h2{
	width:228px;
	height:32px;
	background:#fff url(img/h2_02.jpg) no-repeat;
	margin:0 0 1px;
}

#side h2 span{
	display:none;}




ol#page{
	width:224px;
	margin:0 0 15px;
	padding:0;
	border-left:2px solid #000;
	border-right:2px solid #000;
}


ol#page li{
	width:224px;
	padding:0 0 6px;
	background:#fff url(img/img03.jpg) no-repeat;
	background-position:bottom;
}


ol#page li a{
	width:197px;
	padding:8px 0px 8px 27px;
	margin:0;
	background:url(img/img02.jpg) 4px 5px no-repeat;
	text-decoration:none;
	display:block;
	color:#000;
	font-size:12px;
	line-height:110%;
}

ol#page li a:hover{
	color:#f00;
}



ol#category{
	width:228px;
	margin:0;
	padding:0;
}


ol#category li#cl1 a{
	width:208px;
	height:36px;
	padding:10px 10px 0;
	margin:0;
	background:#fff url(img/img01.jpg) no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
	text-decoration:none;
	display:block;
	border:none;
}

ol#category li#cl1 a:hover{
	color:#F00;
}





/* CENTER */



#center{
	width:442px;
	margin:0 10px 0 0;
	padding:0;
	font-size:14px;
	line-height:300%;
	position:relative;
	float:right;
}



#center ul{
	margin:0px 5px 20px;
}


#center li{
	line-height:200%;
}



#center h2{
	width:422px;
	height:30px;
	padding:0 0 0 20px;
	margin:20px 0;
	background:#fff url(img/h2.jpg) no-repeat;
	color:#fff;
	font-size:16px;
	line-height:30px;
}


#center h3{
	width:422px;
	height:23px;
	padding:0 0 0 20px;
	margin:20px 0;
	background:#fff url(img/h3.jpg) no-repeat;
	color:#fff;
	font-size:14px;
	line-height:23px;
}






/* BOTTOM */



#bottom{
	clear:both;
	width:700px;
	padding:0;
	margin:30px 0 0;
	background-color:#0754d4;
	font-size:10px;
	line-height:150%;
	text-align:left;
	color:#fff;
}



#bottom ul{
	padding:10px;
}


#bottom ul li{
	line-height:180%;}

#bottom p{
	letter-spacing:1px;
	font-size:10px;
	padding:10px;
	line-height:100%;
	width:680px;
	text-align:right;
}

#bottom img{
	border:0;
	margin:5px;
}