@charset "utf-8";

* {
margin: 0;
padding: 0;
}

html,body { height: 100%; }


div.section {
	position: absolute;
	width: 100%;
	height: 100%;
/*	overflow: auto;*/
}

/*
div.section-body { margin: 5%; line-height: 1.6; }
div.section-body a { color: #FFFFFF; }
div.section-body a:hover { text-decoration: none; }
*/

div#section1 {
	top: 0;
	left: 0;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#section2 {
	top: 0;
	left: 100%;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#section3 {
	top: 0;
	left: 200%;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#section4 {
	top: 100%;
	left: 0;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#section5 {
	top: 100%;
	left: 100%;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#section6 {
	top: 100%;
	left: 200%;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#section7 {
	top: 200%;
	left: 0;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#section8 {
	top: 200%;
	left: 100%;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#section9 {
	top: 200%;
	left: 200%;
background:#000000 url(../img/bg.gif) repeat-y;
}

div#navi {
	position: fixed;
	_position: absolute;
	right: 5%;
	bottom: 5%;
	border: 2px solid #999999;
}

div#navi table {
	border-collapse: collapse;
}

div#navi table td {
}

div#navi table td#navi1 {
	background-color: #66CC99;
}

div#navi table td#navi2 {
	background-color: #66CCCC;
}

div#navi table td#navi3 {
	background-color: #99CCCC;
}

div#navi table td#navi4 {
	background-color: #CCCCFF;
}

div#navi table td#navi5 {
	background-color: #FFCC99;
}

div#navi table td#navi6 {
	background-color: #FF99CC;
}

div#navi table td#navi7 {
	background-color: #9999FF;
}

div#navi table td#navi8 {
	background-color: #00CCCC;
}

div#navi table td#navi9 {
	background-color: #CC99CC;
}

div#navi table td a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
width:60px;
height:35px;
text-align:center;
font-size:10px;
}

div#navi table td a:hover {
	background-color: #FF00FF;
}