@charset "UTF-8";

/*=====================================================================
//  共通設定
//=====================================================================*/
#page{
	width:100%;
	background: url("../img_top/bg.jpg") repeat-x;

}
#page .inner{
	width:870px;
	background: url("../img_top/main.jpg") no-repeat;
	text-align:left;
	margin:0 auto;
}
h1,h2,h3{
	height:125px;
	text-indent:-9999px;
}
/*=====================================================================
//  ヘッダー
//=====================================================================*/
#header{
	height:40px;
	text-indent:-9999px;
}
#header p.logo{
	width:265px;
	height:40px;
	margin-left:5px;
}
#header p.logo a{
	display:block;
	width:265px;
	height:40px;
}

/*=====================================================================
//  コンテンツ
//=====================================================================*/
#contents{
	height:620px;
}
#contents .news{
	width:305px;
	font-size:12px;
	line-height:140%;
	color:#fff;
	margin-left:15px;
	padding-top:30px;
}
#contents .news p a{
	color:#fff;
	text-decoration:none;
}
#contents .news p a:hover{
	text-decoration:underline;
}
#contents .news h4{
	height:20px;
	text-indent:-9999px;
}
#contents .news .box{
	width:310px;
	height:170px;
	overflow:auto;
}
#contents .news .box .info{
	border-bottom:1px dotted #93788f;
	margin-bottom:10px;
	padding-bottom:10px;
}
#contents .news .box .info p span{
	color:#ff6;
}

/*=====================================================================
//  フッター
//=====================================================================*/
#footer{
	background: url("../img_top/bg_menu.gif") repeat-y;
	margin-top:18px;
}
#footer .left_box{
	float:left;
	width:635px;
	padding-left:20px;
}

#footer .left_box .menu{
	width:635px;
	height:90px;
	background: url("../img_common/menu.jpg") no-repeat left bottom;
}
#footer .left_box .menu ul{
	height:35px;
	margin-bottom:10px;
}
#footer .left_box .menu li{
	float:left;
	display:block;
	width:110px;
	height:35px;
	font-size:10px;
	text-indent:-9999px;
	padding-right:20px;
}
#footer .left_box .menu li.staff{
	width:175px;
}
#footer .left_box .menu li.chara{
	width:140px;
}
#footer .left_box .menu li.dvd{
	width:115px;
}
#footer .left_box .menu li.goods{
	padding-right:0;
}
#footer .left_box .menu li a{
	display:block;
	height:35px;
}
#footer .left_box .menu li.news a{
	background: url("../img_common/menu.jpg") no-repeat 0 0;
}
#footer .left_box .menu li.intro a{
	background: url("../img_common/menu.jpg") no-repeat -130px 0;
}
#footer .left_box .menu li.staff a{
	background: url("../img_common/menu.jpg") no-repeat -260px 0;
}
#footer .left_box .menu li.chara a{
	background: url("../img_common/menu.jpg") no-repeat -455px 0;
}
#footer .left_box .menu li.story a{
	background: url("../img_common/menu.jpg") no-repeat 0 -45px;
}
#footer .left_box .menu li.music a{
	background: url("../img_common/menu.jpg") no-repeat -130px -45px;
}
#footer .left_box .menu li.dvd a{
	background: url("../img_common/menu.jpg") no-repeat -260px -45px;
}
#footer .left_box .menu li.book a{
	background: url("../img_common/menu.jpg") no-repeat -395px -45px;
}
#footer .left_box .menu li.goods a{
	background: url("../img_common/menu.jpg") no-repeat -525px -45px;
}
#footer .left_box .menu li a:hover{
	background:none;
}

#footer .left_box .copy{
	font-size:10px;
}
#footer .banner{
	float:right;
	width:140px;
	padding-right:20px;
}