@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
}
#container {
	width:900px;
	height:438px;
	position:relative;
}
#title {
	width:226px;
	height:30px;
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	top:2.5em;
	left:6.5em;
	background:url("../images/title.gif") no-repeat left top;
	z-index:3;	
}

#title h1 {	
	text-indent:-9000px;
}
	

/*top*/
#head {
	margin:0;
	padding:0;
	height:82px;
	display:block;
	background:url("../images/bg_01.gif") no-repeat left top;
}
#head ul{
	list-style-type:none;
	text-decoration:none;
	float:right;
	padding-right:38px;
	margin:0;
}
#head ul li{
	padding-top:1.1em;
	width:106px;
	height:48px;
	float:left;
}

#main {
	width:900px;
	height:438px;
	padding:0;
	margin:0;
	position:relative;
	background:url("../images/bg_02.gif") no-repeat left top;
}

#footer {
	width:900px;
	height:80px;
	padding:0;
	margin:0;
	z-index:10;
	position:relative;
	background:url("../images/bg_03.gif") no-repeat left top;
}

#footer div{
	float:left;
}

#footer #pre{
	margin-left:47.8em;
	background:url("../images/pre.gif") no-repeat left top;
	width:24px;
	height:60px;
	display:block;
	text-indent:-9000px;
}

*html #footer #pre{
	margin-left:23.9em;
	background:url("../images/pre.gif") no-repeat left top;
	width:24px;
	height:60px;
	display:block;
	text-indent:-9000px;	
}

#pre a{
	background:url("../images/pre.gif") no-repeat left top;
	width:24px;
	height:60px;
	display:block;
	text-indent:-9000px;
}

#footer #page{
	padding-top:1.2em;
	margin-left:1.2em;
	width:20px;
	text-align:center;
}

#footer #next{
	margin-left:1.6em;
	background:url("../images/next.gif") no-repeat left top;
	width:24px;
	height:60px;
	display:block;
	text-indent:-9000px;
}

#next a{
	background:url("../images/next.gif") no-repeat left top;
	width:24px;
	height:60px;
	display:block;
	text-indent:-9000px;
}