* {
	padding:0px;
	margin:0px;
	border: 0px;
}
body {
	background-image: url(../image/back-off.jpg);
	background-repeat: repeat;
}
#pageback {
	height: auto;
	width: auto;
	background-image: url(../image/back.jpg);
	background-repeat: repeat-x;
}
#page {
	width :720px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-image: url(../image/back-on.jpg);
}
#pageend {
	width: 720px;
	background-image: url(../image/back-e.gif);
	height: 28px;
	margin: 0 auto;
}
#pageleft {
	float: left;
	width: 10px;
}
#pageright {
	float: right;
	width: 10px;
}
#pageon {
	height: 100%;
	width: 700px;
	float: left;
}
.separate {
	clear: both;
	height: 0px;
}
@media screen{
#backhl {
	width:10px;
	height:93px;
	background-image: url(../image/back-hl.jpg);
}
#backhr {
	width:10px;
	height:93px;
	background-image: url(../image/back-hr.jpg);
}
#backml {
	width:10px;
	height:672px;
	background-image: url(../image/back-ml.jpg);
}
#backmr {
	width:10px;
	height:672px;
	background-image: url(../image/back-mr.jpg);
}
}