@charset "UTF-8";


html, body{
	background: #fff;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	width: 100%;
	height: 100%;
}

body.page{
	background: #FFE1E8;
}

#wrapper{
	width: 100%;	
}

banner{
	text-align: center;
	line-height: 1.7em;
	color: #838383;
	font-size: 9px;
	margin-top: 15px;
	padding-bottom: 20px;
}

#footer_banner {
	width: 1100px;
	height: 142px;
	overflow: hidden;
	margin: 10px 0 0 auto;
	padding: 0;
	display: block;
}

#footer_banner li {
	width: 200px;
	float: left;
	height: 70px;
}

footer{
	text-align: center;
	line-height: 1.7em;
	color: #838383;
	font-size: 9px;
	margin-top: 15px;
	padding-bottom: 20px;
}

ul{
	list-style: none;
}

a{
	text-decoration: none;
	color: #414141;
}

.wide{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

header{
	padding-top: 34px;
	width: 100%;
	background: url(../images/page/page-head.gif) repeat-x;
	position: relative;
}

	header h1{
		position: absolute;
		width: 236px;
		height: 99px;
		left: 50%;
		margin: -30px 0 0 -480px;
	}
	
		header h1 a{
			display: block;
			width: 100%;
			height: 100%;
			background: url(../images/page/page-logo.png) no-repeat 0 0;
		}

	header nav{
		height: 60px;
		width: 100%;
		background: url(../images/home/bar.png) repeat-x 0;
		margin-top: -4px;
	}
	
	header ul{
		width: 710px;
		height: 100%;
		padding-left: 250px;
		margin: 0 auto;
		background: url(../images/home/line.gif) no-repeat right 14px;
	}
	
	header li{
		float: left;
		height: 46px;
		margin-top: 5px;
		overflow: hidden;
		background: url(../images/home/line.gif) no-repeat left center;
	}
	
		header li a{
			display: block;
			width: 100%;
			height: 100%;
		}
		
#menu-intro{
	width: 107px;
}
		
#intro{
	width: 107px;
	background: url(../images/home/intro.png) no-repeat 16px 0;
}

#intro:hover,
#intro.current{
	background-position: 16px -46px;
}

#menu-episode{
	width: 125px;
}

#episode{
	width: 125px;
	background: url(../images/home/episode.png) no-repeat 14px 0;
}

#episode:hover,
#episode.current{
	background-position: 14px -46px;
}

#menu-characters{
	width: 107px;
}

#characters{
	width: 107px;
	background: url(../images/home/characters.png) no-repeat 14px 0;
}

#characters:hover,
#characters.current{
	background-position: 14px -46px;
}

#menu-cast-staff{
	width: 195px;
}

#cast-staff{
	width: 195px;
	background: url(../images/home/cast-staff.png) no-repeat 14px 0;
}

#cast-staff:hover,
#cast-staff.current{
	background-position: 14px -46px;
}

#movie{
	width: 68px;
	background: url(../images/home/movie.png) no-repeat 16px 0;
}

#movie:hover,
#movie.current{
	background-position: 16px -46px;
}

#menu-product{
	width: 108px;
}

#product{
	width: 108px;
	background: url(../images/home/product.png) no-repeat 14px 0;
}

#product:hover,
#product.current{
	background-position: 14px -46px;
}

#page{
	padding-top: 15px;
	margin-top: 20px;
	background: url(../images/page/f-top.png) no-repeat 0 0;
}

#page-bottom{
	padding-bottom: 15px;
	background: url(../images/page/f-bottom.png) no-repeat 0 bottom;
}

#page-body{
	background: url(../images/page/f-body.png) repeat-y;
	padding: 0 20px;
}

.page-body{
	padding: 50px 20px 0;
	font-size: 13px;
	color: #414141;
	line-height: 1.7em;
}

#spb{
	width: 300px;
	margin: 5px auto;
}

	#spb img{
		width: 100%;
		height: auto;
	}