@charset "utf-8";

/* TOP
----------------------------------------*/

#topbox {margin-top: 18px;}

#topmsg {
	position: relative;
	width: 932px;
	height: 279px;
	overflow: hidden;}

#topmsg img {
	position: absolute;
	left: 0; top: 0;
	z-index: 100;}

/* NEWS & TOPICS
-----------------------------------------------*/

#infotop {
	float: left;
	width: 428px;
	margin: 6px 0 0 10px;
	padding-bottom: 5px;}

/* forIE6 */
* html #infotop {margin: 6px 0 0 5px;}

#infotop dl {
	width: 428px;
	letter-spacing: 1px;}

#infotop dl dt {
	float: left;
	width: 8em;
	padding: 10px 0 10px 1px;}

#infotop dl dd {
	padding: 10px 0;
	background: url(../img/bdr_news.gif) left bottom repeat-x;}

/* TOP NAVIGATION
-----------------------------------------------*/

#topnavi {
	float: right;}
	
#topnavi li {
	float: left;
	width: 89px;
	text-indent: -9999px;}

#topnavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 249px;
	padding-top: 249px;
	background-image: url(../img/topnavi.jpg);}

.tnavi02,.tnavi03,.tnavi04,.tnavi05 {
	margin-left: 9px;}

.tnavi01 a {background-position: 0 0;}
.tnavi02 a {background-position: -89px 0;}
.tnavi03 a {background-position: -178px 0;}
.tnavi04 a {background-position: -267px 0;}
.tnavi05 a {background-position: -356px 0;}

.tnavi01 a:hover {background-position: 0 -249px;}
.tnavi02 a:hover {background-position: -89px -249px;}
.tnavi03 a:hover {background-position: -178px -249px;}
.tnavi04 a:hover {background-position: -267px -249px;}
.tnavi05 a:hover {background-position: -356px -249px;}


.center {text-align: center;}