#top{
	
}

#top .bg{
	display:block;
	width:900px;
	height:1275px;
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-350px;
}

#top h1{
	width:664px;
	height:80px;
	background:url(../img/top/h1.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	z-index:4;
	left:50%;
	margin-left:-318px;
	top:184px;
}

#top .mask{
	width:40px;
	height:425px;
	position:absolute;
	z-index:3;
	left:50%;
	margin-left:460px;
	top:172px;
	overflow:hidden;
}

#top h2{
	width:40px;
	height:425px;
	background:url(../img/top/h2.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#top h3{
	width:320px;
	height:120px;
	background:url(../img/top/h3.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	z-index:5;
	left:50%;
	margin-top:-15px;
	margin-left:56px;
	top:1048px;
}

#top .menu{
	width:208px;
	height:192px;
	position:absolute;
	z-index:6;
	top:560px;
	left:50%;
	margin-left:-332px;
	background:url(../img/top/menu.png) no-repeat;
}

#top .menu ul{
	width:128px;
	height:120px;
	padding:40px 0 0 45px;
	list-style:none;
}

#top .menu ul li{
	width:128px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	cursor:pointer;
}

#top .menu ul li a{
	display:block;
	width:128px;
	height:24px;
}

#top .menu ul li.story{
	background:url(../img/top/story.png) no-repeat;
}

#top .menu ul li.character{
	background:url(../img/top/character.png) no-repeat;
}

#top .menu ul li.graphic{
	background:url(../img/top/graphic.png) no-repeat;
}

#top .menu ul li.spec{
	background:url(../img/top/spec.png) no-repeat;
}

#top .menu ul li.information{
	background:url(../img/top/information.png) no-repeat;
}

#top .arrow{
	width:24px;
	height:24px;
	background:url(../img/top/arrow.png) no-repeat;
	position:absolute;
	z-index:100;
	top:40px;
	left:20px;
	display:none;
}

#top ._1031{
	width:360px;
	height:136px;
	background:url(../img/top/1031.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	z-index:5;
	top:1048px;
	left:50%;
	margin-left:-344px;
}

#top ._1106{
	width:176x;
	height:34px;
	background:url(../img/top/1106.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	z-index:5;
	top:48px;
	left:50%;
	margin-left:4px;
}

#top ._pairon{
	width:435px;
	height:113px;
	background:url(../img/top/paironxcrsschannel.jpg) no-repeat;
	text-indent:-9999px;
	position:absolute;
	z-index:50;
	top:658px;
	left:50%;
	margin-left:200px;
}

#top ._forallpeople{
	width:200px;
	height:800px;
	background:url(../img/top/crosschannel_for_all_peaple.jpg) no-repeat;
	text-indent:-9999px;
	position:absolute;
	z-index:50;
	top:-458px;
	left:50%;
	margin-left:-350px;
}