@charset "utf-8";




body{
	color: #000000;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0px;
	background-image: url(../menu/image/bg.gif);
	background-repeat: repeat-y;
}

#container {
	width: 980px;
	position: relative;
}
#container #head {
	height: 171px;
	width: 949px;
	margin-left: 16px;
	background-image: url(../menu/image/head.gif);
	background-repeat: no-repeat;
	position: relative;
}
#container #head ul,
#container #head ul li,
#container #head ul li a {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	list-style-type: none;
	text-decoration: none;
	display: block;
}
#container #head .top {
	background-image: url(../menu/image/top.gif);
	background-repeat: no-repeat;
	height: 58px;
	width: 61px;
	position: absolute;
	left: 34px;
	top: 67px;
	background-position: 0px -116px;
}
#container #head .top a {
	background-image: url(../menu/image/top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 58px;
	width: 61px;
}
#container #head .top a:hover {
	background-position: 0px -58px;
}
#container #head .arasuji {
	background-image: url(../menu/image/arasuji.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 69px;
	position: absolute;
	left: 110px;
	top: 58px;
	background-position: 0px -138px;
}
#container #head .arasuji a {
	background-image: url(../menu/image/arasuji.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 74px;
	height: 69px;
}
#container #head .arasuji a:hover {
	background-position: 0px -69px;
}
#container #head .cast {
	background-image: url(../menu/image/cast.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	position: absolute;
	left: 204px;
	top: 65px;
	background-position: 0px -124px;
}
#container #head .cast a {
	background-image: url(../menu/image/cast.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 67px;
	height: 62px;
}
#container #head .cast a:hover {
	background-position: 0px -62px;
}
#container #head .song {
	background-image: url(../menu/image/song.gif);
	background-repeat: no-repeat;
	width: 61px;
	height: 68px;
	position: absolute;
	left: 288px;
	top: 57px;
	background-position: 0px -136px;
}
#container #head .song a {
	background-image: url(../menu/image/song.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 61px;
	height: 68px;
}
#container #head .song a:hover {
	background-position: 0px -68px;
}
#container #head .happyou {
	background-image: url(../menu/image/happyou.gif);
	background-repeat: no-repeat;
	width: 64px;
	height: 62px;
	position: absolute;
	left: 370px;
	top: 65px;
	background-position: 0px -124px;
}
#container #head .happyou a {
	background-image: url(../menu/image/happyou.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 64px;
	height: 62px;
}
#container #head .happyou a:hover {
	background-position: 0px -62px;
}
#container #head .message {
	background-image: url(../menu/image/message.gif);
	background-repeat: no-repeat;
	width: 77px;
	height: 62px;
	position: absolute;
	left: 446px;
	top: 65px;
	background-position: 0px -124px;
}
#container #head .message a {
	background-image: url(../menu/image/message.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 77px;
	height: 62px;
}
#container #head .message a:hover {
	background-position: 0px -62px;
}
#container #head .quiz {
	background-image: url(../menu/image/quiz.gif);
	background-repeat: no-repeat;
	width: 69px;
	height: 58px;
	position: absolute;
	left: 538px;
	top: 67px;
	background-position: 0px -116px;
}
#container #head .quiz a {
	background-image: url(../menu/image/quiz.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 69px;
	height: 58px;
}
#container #head .quiz a:hover {
	background-position: 0px -58px;
}
#container #head .blog {
	background-image: url(../menu/image/blog.gif);
	background-repeat: no-repeat;
	width: 61px;
	height: 62px;
	position: absolute;
	left: 627px;
	top: 65px;
	background-position: 0px -124px;
}
#container #head .blog a {
	background-image: url(../menu/image/blog.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 61px;
	height: 62px;
}
#container #head .blog a:hover {
	background-position: 0px -62px;
}
#container #head .diary {
	background-image: url(../menu/image/diary.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 58px;
	position: absolute;
	left: 627px;
	top: 67px;
	background-position: 0px -116px;
}
#container #head .diary a {
	background-image: url(../menu/image/diary.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 65px;
	height: 58px;
}
#container #head .diary a:hover {
	background-position: 0px -58px;
}
#container #head .uranai {
	background-image: url(../menu/image/uranai.gif);
	background-repeat: no-repeat;
	width: 71px;
	height: 75px;
	position: absolute;
	left: 709px;
	top: 50px;
	background-position: 0px -150px;
}
#container #head .uranai a {
	background-image: url(../menu/image/uranai.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 71px;
	height: 75px;
}
#container #head .uranai a:hover {
	background-position: 0px -75px;
}
#container #head .syunsairokka {
	background-image: url(../menu/image/syunsairokka.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 792px;
	top: 55px;
	background-position: 0px -140px;
}
#container #head .syunsairokka a {
	background-image: url(../menu/image/syunsairokka.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 70px;
	height: 70px;
}
#container #head .syunsairokka a:hover {
	background-position: 0px -70px;
}
