BODY {
	background: #000;
	color: #EEE;
	font-family: "Meiryo UI", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding-top: 15px;
}
A {
	color: #CF9;
}
A:hover {
	color: #3F9;
}
.ct {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.left {
	width: 530px;
	float: left;
}
.right {
	float: left;
	width: 430px;
}
#hd {
	height: 700px;
	background: url(../img_top/table_bg.jpg) no-repeat center top;
}
#hd H1 {
	display: none;
}
#hd H2, #hd H3, #hd H4 {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	text-indent: -9999px;
	display: block;
}
#hd .ct .left {
	background: url(../img_top/mv.png) no-repeat 0px 0px;
	height: 700px;
}
#hd .ct .right {
	padding-top: 15px;
}
#hd H2 {
	height: 140px;
	width: 430px;
	margin-bottom: 5px;
	background-image: url(../img_top/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#hd H3 {
	height: 83px;
	width: 430px;
	margin-bottom: 5px;
	background-image: url(../img_top/catch.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#hd H4 {
	width: 403px;
}
#topics, #menu {
	width: 403px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 15px;
}
#topics H4 {
	background: url(../img_top/topics_hd.png) no-repeat 0px 0px;
	height: 32px;
}
#topics .topics {
	width: 388px;
	padding: 0px 10px 0px 5px;
	background-image: url(../img_top/topics_center.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#topics .topics .newstopics {
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	overflow: auto;
	height: 110px;
	padding-right: 15px;
	padding-left: 15px;
}
#topics .topics .newstopics A {
	color: #006699;
	text-decoration: none;
}
#topics .topics .newstopics a:hover {
	color: #00CC99;
	text-decoration: underline;
}
#topics .topics .newstopics dt {
	font-weight: bold;
	width: 7em;
	display: block;
	border-right: 5px solid #33CC66;
	float: left;
	clear: both;
	padding-left: 10px;
}
#topics .topics .newstopics DD {
	padding-left: 10em;
	margin-bottom: 3px;
	border-bottom: 1px dotted #999999;
	padding-bottom: 3px;
}
#topics A.link {
	height: 25px;
	width: 403px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	background-image: url(../img_top/topics_ft.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#topics A.link:hover {
	background-position: 0px -25px;
}
#menu {
	background-image: url(../img_top/menu_ft.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 9px;
}
#menu H4 {
	background: url(../img_top/menu_hd.png) no-repeat 0px 0px;
	height: 20px;
}
#menu UL {
	padding-left: 3px;
	padding-top: 5px;
	height: 90px;
}
#menu UL LI {
	height: 40px;
	width: 95px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#menu UL LI A {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 40px;
	width: 95px;
	text-align: left;
	text-indent: -9999px;
}
#menu UL LI A:hover {
	background-position: 0px -40px;
}
#menu UL LI#m01 A {
	background-image: url(../img_top/btn_news.gif);
}
#menu UL LI#m02 A {
	background-image: url(../img_top/btn_world.gif);
}
#menu UL LI#m03 A {
	background-image: url(../img_top/btn_staffcast.gif);
}
#menu UL LI#m04 A {
	background-image: url(../img_top/btn_story.gif);
}
#menu UL LI#m05 A {
	background-image: url(../img_top/btn_ms.gif);
}
#menu UL LI#m06 A {
	background-image: url(../img_top/btn_chara.gif);
}
#menu UL LI#m07 A {
	background-image: url(../img_top/btn_products.gif);
}
#menu UL LI#m08 A {
	background-image: url(../img_top/btn_special.gif);
}
#hd A.spinfo {
	height: 44px;
	width: 403px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img_top/btn_spinfo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 5px;
}
#hd A.spinfo:hover {
	background-position: 0px -44px;
}
#ft {
	clear: both;
	padding-top: 15px;
}
.linkbox LI {
	width: 260px;
	height: 66px;
	display: block;
	float: left;
	margin-bottom: 10px;
}
.linkbox LI A {
	background: url(../img_top/bna_twitter.png) no-repeat 0px 0px;
	height: 66px;
	width: 260px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}
.linkbox LI A.novel {
	background: url(../img_top/btn_novel.jpg) no-repeat 0px 0px;
}
.linkbox LI A.ensite {
	background: url(../img_top/menu_ft.gif) no-repeat 0px 0px;
}
.linkbox LI A.twlink {
	background-image: url(../img_top/bna_ucmsv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 218px;
}
#ft .ct .left {
	margin-bottom: 10px;
	width: 260px;
	margin-right: 10px;
}
#ft .ct .right {
	/* width: 680px; */
	width: 410px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: left;
	height: 218px;
}
#ft .ct .right2 {
	width: 260px;
	float: left;
	height: 218px;
	margin: 0px 0px 15px 10px;
	padding: 0px;
}
#copyright {
	clear: both;
	font-size: 10px;
	line-height: 12px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../img_top/copyright_bg.png);
}
#copyright .ct A.bnr {
	float: right;
	margin-right: 10px;
}
.twbtn {
	text-align: center;
	margin-bottom: 5px;
}
.left .bnrarea {
	margin-left: 24px;
}
.left .bnr_event {
	background-image: url(../img_top/bnr_event.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 200px;
	width: 220px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	float: left;
}
.left .bnr_event:hover {
	background-position: 0px -200px;
}
.left .bnr_pv {
	background-image: url(../img_top/bnr_pv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 170px;
	width: 250px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	float: right;
	margin-right: 30px;
	margin-top: 30px;
}
.left .bnr_pv:hover {
	background-position: 0px -170px;
}
#ft .ct .right2 .bnr_pv {
	background-image: url(../img_top/bnr_pv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	height: 294px;
	width: 260px;
}
#ft .ct .right2 .bnr_pv:hover {
	background-position: -260px 0px;
}
#ft .ct .right2 .bnr_pv2 {
	background-image: url(../img_top/bnr_pv2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	height: 147px;
	width: 260px;
}
#ft .ct .right2 .bnr_pv2:hover {
	background-position: -260px 0px;
}.left .bnr_ticket {
	background-image: url(../img_top/bnr_ep7ticket.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 170px;
	width: 230px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	float: right;
	margin-right: 34px;
}
.left .bnr_ticket:hover {
	background-position: 0px -170px;
}
.left .bnrarea .bnr_ep7_info {
	background-image: url(../img_top/ep7_info.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	height: 79px;
	width: 472px;
	margin-left: 0px;
	margin-bottom: 521px;
}
.left .bnrarea .bnr_ep7_info:hover {
	background-position: 0px -79px;
}
.bnrarea .bnr_showinfo {
	background-image: url(../img_top/bnr_ep1-6.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 90px;
	width: 153px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	margin-left: 309px;
}
.bnrarea .bnr_showinfo:hover {
	background-position: 0px -90px;
}
.bnrbox {
	width: 403px;
	margin-left: auto;
	margin-right: auto;
}
.bnrbox a {
	width: 50%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
}

.bnrbox a img {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
}