@charset 'iso-2022-jp';
body{
	background-color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100px;
}
#header{
	height:700px;	
}


	/*header_title*/
	#header_title a{
	background-image: url(../images/h1_img.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0;
	padding: 0;
	height: 120px;
	width: 270px;
	text-indent: -9999px;
	}
	
	#header_title h1{
		margin: 0;
		padding: 0;
	}
	 /*navigation*/
	#navigation{
		width: 270px;
		height: 290px;
		padding: 0;
		margin: 0;
		background-image: url(../images/top_navigation.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	#navigation li{
		list-style-type:none;
	}
	
	/*news_btn*/
	#news_btn a{
	background-image: url(../images/top_navigation.png);
	background-repeat: no-repeat;
	background-position:0 0;
	display: block;
	width: 270px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#news_btn a:link,
	#news_btn a:active,
	#news_btn a:visited
	{
	background-position:0 0;
	}
	
	#news_btn a:hover{
	background-position:-270px 0;
	}
	/*onair_btn*/
	#onair_btn a{
	background-image: url(../images/top_navigation.png);
	background-repeat: no-repeat;
	background-position:0 -35px;
	display: block;
	width: 270px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#onair_btn a:link,
	#onair_btn a:active,
	#onair_btn a:visited
	{
	background-position:0 -35px;
	}
	
	#onair_btn a:hover{
	background-position:-270px -35px;
	}
	/*staffcast_btn*/
	#staffcast_btn a{
	background-image: url(../images/top_navigation.png);
	background-repeat: no-repeat;
	background-position:0 -70px;
	display: block;
	width: 270px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#staffcast_btn a:link,
	#staffcast_btn a:active,
	#staffcast_btn a:visited
	{
	background-position:0 -70px;
	}
	
	#staffcast_btn a:hover{
	background-position:-270px -70px;
	}
	/*chara_btn*/
	#chara_btn a{
	background-image: url(../images/top_navigation.png);
	background-repeat: no-repeat;
	background-position: 0 -105px;
	display: block;
	width: 270px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#chara_btn a:link,
	#chara_btn a:active,
	#chara_btn a:visited
	{
	background-position: 0 -105px;
	}
	
	#chara_btn a:hover{
		background-position: -270px -105px;
	}
	/*story_btn*/
	#story_btn a{
	background-image: url(../images/top_navigation.png);
	background-repeat: no-repeat;
	background-position: 0 -140px;
	display: block;
	width: 270px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#story_btn a:link,
	#story_btn a:active,
	#story_btn a:visited
	{
	background-position: 0 -140px;
	}
	
	#story_btn a:hover{
		background-position: -270px -140px;
	}
	/*special_btn*/
	#special_btn a{
	background-image: url(../images/top_navigation.png);
	background-repeat: no-repeat;
	background-position: 0 -175px;
	display: block;
	width: 270px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#special_btn a:link,
	#special_btn a:active,
	#special_btn a:visited
	{
	background-position: 0 -175px;
	}
	
	#special_btn a:hover{
		background-position: -270px -175px;
	}
	/*goods_btn*/
	#goods_btn a{
	background-image: url(../images/top_navigation.png);
	background-repeat: no-repeat;
	background-position: 0 -210px;
	display: block;
	width: 270px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#goods_btn a:link,
	#goods_btn a:active,
	#goods_btn a:visited
	{
	background-position: 0 -210px;
	}
	
	#goods_btn a:hover{
		background-position: -270px -210px;
	}
	/*disc_btn*/
	#disc_btn a{
	background-image: url(../images/top_navigation.png);
	background-repeat: no-repeat;
	background-position: 0 -245px;
	display: block;
	width: 270px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#disc_btn a:link,
	#disc_btn a:active,
	#disc_btn a:visited
	{
	background-position: 0 -245px;
	}
	
	#disc_btn a:hover{
		background-position: -270px -245px;
	}
	/*pv_btn*/
	#pv_btn a{
	background-image: url(../images/pv_img.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
	display: block;
	width: 250px;
	height: 140px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	}
	#pv_btn a:link,
	#pv_btn a:active,
	#pv_btn a:visited
	{
	background-position: 0 0px;
	}
	
	#pv_btn a:hover{
	background-position: 0 -140px;
	}
#twitter_box{
	margin:5px;	
	height:280px;
	overflow: hidden;
}
#top_img{
	width: 710px;
	height: 700px;
	background-image: url(../images/top_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
}
#toptext{
	width: 430px;
	height: 66px;
	position: absolute;
	top: 620px;
	right: 10px;
	}

#footer{
	width: 100%;
	height: 230px;
	background-image: url(../images/top_footer.png);
	background-repeat: repeat-x;
	background-position: center top;
	color: #FFF;
}

#copyright{
	font-size: 9px;
	color: #E74378;
	text-align: right;
}

#spaceb{
	height: 210px;
	width: 270px;		
}

#spacea{
	width:700px;
	height: 210px;
	text-align:left;
}

#footer .container{
	padding:8px 0;
}


/*update_box*/
#update_box{
	background-image: url(../images/update_box.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 210px;
	width: 360px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#update_box h2{
	text-indent:-9999px;
	height:	30px;
	padding:0;
	margin:0;
}

#update_box .box{
	margin:0 15px;
	text-align:left;	
}

#update_box dl{
	display:block;
	overflow:auto;
	height:170px;
}

#update_box dt{
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #E74378;
	background-image: url(../images/list01.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 28px;
	margin: 3px 0 0 0;
	color: #EE7299;
}
#update_box dd{
	padding: 0 0 0 15px;
	background-image: url(../images/list02.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 5px 5px 3px 5px;
	font-size: 90%;
	color: #666666;
}

#banner ul{
	width:340px;	
}

#banner li{
	width:340px;
	height:60px;
	list-style-type:none;
	display:block;
	margin:6px 0;
}