@charset "utf-8";

html,
body {
	margin: 0;
	padding: 0;
	background-color: #e4ddd0;
	font-family: sans-serif;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 35px;
	background-image: url('bg.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

h1#title {
	margin: 0;
	margin-top: 20px;
	margin-left: -60px;
	position: absolute;
	left: 50%;
}
#news {
	margin-right: 35px;
	float: right;
	width: 475px;
	height: 475px;
	background: url('news-bg.png') 0 0 no-repeat;
}

#news ul {
	margin: 335px 55px 0 25px;
	height: 90px;
}
#news ul li {
	margin-bottom: 0.8em;
	list-style: none;
}

#news ul li a {
	text-decoration: none;
	color: #006600;
	font-size: 16px;
}
#news ul li a:hover {
	text-decoration: underline;
}
#news .twitter {
	margin-top: 10px;
	margin-left: 350px;
}
#navi {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi li {
	margin-left: 35px;
	margin-bottom: 35px;
	height: 220px;
	width: 220px;
}
#navi li a img {
	border: 0;
}

#navi .button a {
	display: block;
	height: 220px;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#navi .button a:hover {
	background-position: 0 -220px;
}
#navi .buttonWithDescription {
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 5px 10px;
	width: 200px;
}
#navi .buttonWithDescription a {
	text-indent: -9999px;
	height: 60px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#navi .buttonWithDescription .description {
	margin: 30px 20px 0;
	font-size: 13px;
	line-height: 18px;
}
#navi .item1 a {
	background-image: url('button_1.png');
}
#navi .item2 a {
	background-image: url('button_2.png');
}
#navi .item3 {
	background-image: url('button_3.png');
}
#navi .item3 a {
	background-image: url('title_3.png');
}
#navi .item4 {
	background-image: url('button_4.png');
}
#navi .item4 a {
	background-image: url('title_4_1011.png');
}
#navi .item5 {
	background-image: url('button_5.png');
}
#navi .item5 a {
	background-image: url('title_5.png');
}

.clear {
	clear: both;
}