@charset "UTF-8";
/* CSS Document */

img
{
	border: none;
}

body
{
	background: url(images/background.gif);
	background-color: #CCCCCC;
}

#menu
{
	position: fixed;
	left: 42px;
	top: 41px;
	width: 500px;
}

#titleMain
{
	position: absolute;
	left: 530px;
	top: 18px;
}

#titleSub
{
	position: absolute;
	left: 545px;
	top: 128px;
	color: #002FEC;
	font-family: "Mario & Luigi", "Marker Felt", "Comic Sans MS", sans-serif;
}

#list
{
	position: absolute;
	left: 546px;
	top: 210px;
	width: 500px;
	height: 99px;
}

#list table
{
	color: #002FEC;
	font-family: Helvetica, sans-serif;
	background-color: #CCCCCC;
}

ul#off {list-style-type:none; padding:0; margin:0; width:500px; height:360px; float:left; left:0px;}
ul#off li {display:block;}
ul#off a {display:block; width:0; height:0; position:absolute; text-decoration:none; font-size:1em; line-height:40px;}

ul#off a.one {top:0; left:80px;}
ul#off a.two {top:40px; left:160px;}
ul#off a.three {top:80px; left:240px;}
ul#off a.four {top:80px; left:40px;}
ul#off a.five {top:120px; left:120px;}
ul#off a.six {top:160px; left:200px;}
ul#off a.seven {top:160px; left:0;}
ul#off a.eight {top:200px; left:80px;}
ul#off a.nine {top:240px; left:160px;}
ul#off a.ten {top:240px; left:-40px;}
ul#off a.eleven {top:280px; left:40px;}
ul#off a.twelve {top:320px; left:120px;}
ul#off a.thirteen {top:280px; left:240px;}
ul#off a.fourteen {top:200px; left:280px;}
ul#off a.fifteen {top:120px; left:320px;}
ul#off a.sixteen {top:0px; left:280px;}
ul#off a.seventeen {top:-40px; left:200px;}
ul#off a.eighteen {top:-40px; left:0px;}
ul#off a.nineteen {top:40px; left:-40px;}

ul#off a em.top {display:block; font-style:normal; width:40px; height:40px; color:#000; position:absolute; top:0; left:40px; cursor:pointer;}
ul#off a em.middle {display:block; font-style:normal; width:120px; height:40px; color:#000; position:absolute; top:40px; left:0; cursor:pointer; text-align:center; color:#0099FF;}
ul#off a em.bottom {display:block; font-style:normal; width:40px; height:40px; color:#000; position:absolute; top:80px; left:40px; cursor:pointer;}

ul#off a.one em {background:#E4EBFE;}
ul#off a.two em {background:#BDC9D9;}
ul#off a.three em {background:#D8BFCE;}
ul#off a.four em {background:#D4D4E4;}
ul#off a.five em {background:#DFDFF0;}
ul#off a.six em {background:#E4EBFE;}
ul#off a.seven em {background:#E4EBFE;}
ul#off a.eight em {background:#BDC9D9;}
ul#off a.nine em {background:#D8BFCE;}
ul#off a.ten em {background:#D4D4E4;}
ul#off a.eleven em {background:#DFDFF0;}
ul#off a.twelve em {background:#BECADA;}
ul#off a.thirteen em {background:#BDC9D9;}
ul#off a.fourteen em {background:#D8BFCE;}
ul#off a.fifteen em {background:#D4D4E4;}
ul#off a.sixteen em {background:#DFDFF0;}
ul#off a.seventeen em {background:#E4EBFE;}
ul#off a.eighteen em {background:#D4D4E4;}
ul#off a.nineteen em {background:#D8BFCE;}

ul#off a:hover {color:#c00;}
ul#off a:hover em {background:#002FEC; color:#FFF;}