* {
	margin:0;
	padding:0;
}

img {
	display:block;
	border:0;
}

.cl {
	clear:both;
	height:0px;
	line-height:0px;
}

.cll {
	clear:left;
	height:0px;
	line-height:0px;
}

.lf {
	float:left;
}

.ri {
	float:right;
}

.cb {
	clear:both;
}

body {
	background:url(../images/bg.gif) left top repeat-x;
}

#wrapper {
	display:block;
	width:988px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#header {
	display:block;
	width:930px;
	height:79px;
	padding-left:58px;
	padding-top:26px;
}

h1 {
	display:block;
	text-indent:-9999px;
	float:left;
	width:318px;
	height:79px;
}

h1 a {
	display:block;
	width:318px;
	height:79px;
	background:url(../images/rogo.gif) left top no-repeat;
}

#header ul {
	display:block;
	float:left;
	padding-top:29px;
	width:514px;
	padding-left:18px;
}

#header ul li {
	display:block;
	list-style-type:none;
	text-indent:-9999px;
	float:left;
	height:50px;
}

#header ul li a {
	display:block;
	height:50px;
}

#navi1 a {
	background:url(../images/navi1.gif) left top no-repeat;
	width:137px;
}

#navi1 a:hover {
	background:url(../images/navi1roll.gif) left top no-repeat;
}

#navi2 a {
	background:url(../images/navi2.gif) left top no-repeat;
	width:130px;
}

#navi2 a:hover {
	background:url(../images/navi2roll.gif) left top no-repeat;
}

#navi3 a {
	background:url(../images/navi3.gif) left top no-repeat;
	width:124px;
}

#navi3 a:hover {
	background:url(../images/navi3roll.gif) left top no-repeat;
}

#navi4 a {
	background:url(../images/navi4.gif) left top no-repeat;
	width:123px;
}

#navi4 a:hover {
	background:url(../images/navi4roll.gif) left top no-repeat;
}

#contents {
	display:block;
	height:auto;
	padding-left:74px;
	padding-top:44px;
}