@charset "UTF-8";


#menu-bar{
	background: url(../images/home/bar.png) repeat-x;
	height: 60px;
	width: 100%;
	margin-top: -5px;
	position: relative;
}

	#menu-bar ul{
		height: 46px;
		background: url(../images/home/line.gif) no-repeat right 17px;
		position: relative;
		top: -3px;
		padding-top: 8px;
	}
	
	#menu-bar li{
		float: left;
		background: url(../images/home/line.gif) no-repeat left center;
		height: 46px;
	}
	
	#menu-bar a{
		display: block;
		height: 100%;
	}
	
#home-intro{
	width: 148px;
}

	#home-intro a{
		width: 148px;
		background: url(../images/home/intro.png) no-repeat 35px 0;
	}
	
	#home-intro a:hover{
		background-position: 35px -46px;
	}
	
#home-episode{
	width: 168px;
}

	#home-episode a{
		width: 168px;
		background: url(../images/home/episode.png) no-repeat 37px 0;
	}
	
	#home-episode a:hover{
		background-position: 37px -46px;
	}
	
#home-cast-staff{
	width: 236px;
}

	#home-cast-staff a{
		width: 236px;
		background: url(../images/home/cast-staff.png) no-repeat 37px 0;
	}
	
	#home-cast-staff a:hover{
		background-position: 37px -46px;
	}
	
#home-characters{
	width: 150px;
}

	#home-characters a{
		width: 150px;
		background: url(../images/home/characters.png) no-repeat 37px 0;
	}
	
	#home-characters a:hover{
		background-position: 37px -46px;
	}
	
#home-movie{
	width: 108px;
}

	#home-movie a{
		width: 150px;
		background: url(../images/home/movie.png) no-repeat 37px 0;
	}
	
	#home-movie a:hover{
		background-position: 37px -46px;
	}
	
#home-product{
	width: 150px;
}

	#home-product a{
		width: 150px;
		background: url(../images/home/product.png) no-repeat 37px 0;
	}
	
	#home-product a:hover{
		background-position: 37px -46px;
	}

#main{
	height: 670px;
	width: 100%;
	background: url(../images/home/main.jpg) no-repeat center 0 #FFE1E8;
}

	#main .panel{
		position: absolute;
		left: 50%;
		top: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		margin-left: -480px;
	}
	
#p2{
	z-index: 1;
}

#sns{
	position: absolute;
	top: 350px;
	left: 50%;
	margin-left: -218px;
	z-index: 3;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

	#sns a{
		display: block;
		width: 106px;
		height: 26px;
		background-image: url(../images/home/sns.gif);
		background-repeat: no-repeat;
		float: left;
		margin-right: 5px;
	}
	
#twitter{
	background-position: 0 -52px;
}

#twitter:hover{
	background-position: 0 -78px;
}

#facebook{
	background-position: 0 0;
}

#facebook:hover{
	background-position: 0 -26px;
}

.text{
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 4;
	display: none;
}

#text{
	position: absolute;
	left: 50%;
	margin: 8px 0 0 -470px;
	top: 0;
	z-index: 3;
}

#t1{
	margin: 8px 0 0 -450px;
}

#t2{
	margin: 65px 0 0 -361px;
}

#t3{
	margin: 113px 0 0 -470px;
}

#logo{
	margin: 125px 0 0 -500px;
}

#tweet,
#whatsnew{
	position: absolute;
	width: 436px;
	height: 88px;
	left: 50%;
	margin-left: -447px;
	top: 563px;
	z-index: 5;
	font-size: 11px;
	line-height: 1.5em;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	overflow: hidden;
}

	#tweet img{
		width: 30px;
		height: 30px;
		float: left;
		margin-right: 5px;
	}
	
	#tweet .tw{
		width: 400px;
		float: left;
	}
	
	#tweet a{
		color: #6EC2E6;
		text-decoration: none;
	}
	
	#tweet a:hover{
		text-decoration: underline;
	}
	
#twitter-block-link{
	position: absolute;
	width: 234px;
	height: 30px;
	left: 50%;
	margin-left: -447px;
	top: 533px;
	z-index: 5;
	background: url(../images/home/dummy.gif);
}

#whatsnew{
	top: 420px;
}

	#whatsnew p{
		width: 100px;
		float: left;
	}
	
	#whatsnew div{
		width: 336px;
		float: left;
		font-weight: bold;
		line-height: 1.3em;
	}
	
	#whatsnew a{
		text-decoration: underline;
	}