#main {
	margin: 0px;
	padding: 0px;
	position: relative;
        width:100%;
	height: 750px;
        overflow:hidden;
}
#mouseIcon {
	position: absolute;
        z-index:5;
}
#clear {
        height:0px;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#container h1 {
	margin:0px;
	padding:0px;
}
#container h1 a{
	width: 200px;
	height: 240px;
        overflow:hidden;
	background-image: url(assets/images/rogo.gif);
	display: block;
	position: absolute;
        top: 31%;
	left: 41%;
	text-indent: -9999px;
	margin:0px;
	padding:0px;
	background-repeat: no-repeat;
	background-position: 0 -240px;
}
#container h1 a:hover{
	background-position: 0 0px;
}
#container h2 {
	background-image: url(assets/images/headsub.gif);
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	height: 40px;
	width: 55%;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
}
#cp0 a{
	position: absolute;
	left: 35%;
	background-image: url(assets/images/cp0.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	height: 40px;
	width: 430px;
	padding: 0%;
	top: 165px;
	display: block;
}
#cp0 a:hover {
	background-position: 0px -40px;
}
#cp1 a{
	position: absolute;
	left: 30%;
	top: 50px;
	background-image: url(assets/images/cp1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 90px;
	width: 370px;
	display: block;
}

#cp1 a:hover {
	background-position: 0px -90px;
}
#cp2 a{
	position: absolute;
	top: 5px;
	background-image: url(assets/images/cp2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 296px;
	width: 68px;
	left: 91%;
	display: block;
}

#cp2 a:hover {
	background-position: -68px 0px;
}
#cp3 a{
	position: absolute;
	top: 5px;
	background-image: url(assets/images/cp3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 540px;
	width: 50px;
	left: 85%;
	display: block;
}
#cp3 a:hover {
	background-position: -50px 0px;
}

#cp4 a{
	position: absolute;
	top: 555px;
	background-image: url(assets/images/cp4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 90px;
	width: 240px;
	left: 74%;
	display: block;
}
#cp4 a:hover {
	background-position: 0px -90px;
}

#cp5 a{
	position: absolute;
	left: 50%;
	top: 70%;
	background-image: url(assets/images/cp5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 85px;
	width: 230px;
	display: block;
}
#cp5 a:hover {
	background-position: 0px -85px;
}

#cp6 a{
	position: absolute;
	left: 1%;
	top: 10%;
	background-image: url(assets/images/cp6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 585px;
	width: 65px;
	display: block;
}
#cp6 a:hover{
	background-position: -65px 0px;
}
#cp7 a{
	position: absolute;
	left: 10%;
	top: 149px;
	background-image: url(assets/images/cp7.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 370px;
	width: 70px;
	display: block;
}
#cp7 a:hover{
	background-position: -70px 0px;
}
#siryou a {
	background-image: url(assets/images/siryou.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 135px;
	width: 135px;
	position: absolute;
	left: 70%;
	margin-top: 0px;
	top: 50%;
}
#siryou a:hover{
	background-position: 0px -135px;
}
#otamesi a {
	background-image: url(assets/images/otamesi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 53px;
	width: 295px;
	position: absolute;
	left: 20%;
	margin-top:0px;
	top: 69%;
}
#otamesi a:hover{
	background-position: 0px -53px;
}
#info-att {
        visibility : hidden;
        display:none;
        color:#FFF;
        font-size:0.84em;
	background-color:#C25;
	display: block;
	padding: 5px;
	width: 200px;
	position: absolute;
	left: 30%;
	margin-top:0px;
	top: 80%;
}
h3 {
         margin:0px;
         padding:0px;
}
#cp8 a{
	position: absolute;
	left: 15%;
        top: 83%;
	background-image: url(assets/images/cp8.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	padding: 0px;
	height: 60px;
	width: 198px;
	display: block;
        margin-top:0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
}

#cp8 a:hover{
        background-position: 0px -60px;
}
#cp9 a{
	position: absolute;
	left: 55%;
        top: 650px;
	background-image: url(assets/images/cp9.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	padding: 0px;
	height: 40px;
	width: 354px;
	display: block;
        margin-top:0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
}

#cp9 a:hover{
        background-position: 0px -40px;
}