@charset "utf-8";
/* CSS Document */

html {
	overflow-y:scroll;
	background-color:#000;
	min-width: 1060px;
}
body {
	margin: 0px;
	background: url(../jpg/bg-4.jpg) no-repeat fixed top center #000000;
	width: 100%;
	overflow: hidden;
}
/* main-page_base -------------------------------- */	
#wrapper {
	min-width: 960px;
	position:relative;
	margin:0 auto;
	background-position:top center;
	background-repeat: no-repeat;
	line-height: 0px;
}
/*IE7*/
*:first-child+html #wrapper {
	min-width: 960px;
	position:relative;
	margin:0 auto;
	background-position:top center;
	background-repeat: no-repeat;
	line-height: 0px;
}
/*IE6*/
*html #wrapper {
	min-width: 960px;
	position:relative;
	margin:0 auto;
	background-position:top center;
	background-repeat: no-repeat;
	line-height: 0px;
}


/* MENU -------------------------------- */

#menubg {
	position:relative;
	width: 1063px;
	height: 138px;
	top: 5px;
	margin: 0px auto;
	background-image:url(../png/menu_bg.png);
	z-index:2;
}

#main_menu {
	position:relative;
	width: 960px;
	height: 88px;
	top: 15px;
	margin: 0px auto;
	z-index:3;
}
.m01 a{
display:block;
width:204px;
height:88px;
background:url(../gif/menu01a.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.m01 a:hover{
background-position: 0 -88px;
}
.m01 a.on{
background-position: 0 -176px;
}
.m02 a{
display:block;
width:134px;
height:88px;
background:url(../gif/menu02-3.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.m02 a:hover{
background-position: 0 -88px;
}
.m02 a.on{
background-position: 0 -176px;
}
.m03 a{
display:block;
width:193px;
height:88px;
background:url(../gif/menu03-3.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.m03 a:hover{
background-position: 0 -88px;
}
.m03 a.on{
background-position: 0 -176px;
}
.m04 a{
display:block;
width:139px;
height:88px;
background:url(../gif/menu04-3.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.m04 a:hover{
background-position: 0 -88px;
}
.m04 a.on{
background-position: 0 -176px;
}
.m05 a{
display:block;
width:135px;
height:88px;
background:url(../gif/menu05-2.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.m05 a:hover{
background-position: 0 -88px;
}
.m05 a.on{
background-position: 0 -176px;
}
.m06 a{
display:block;
width:155px;
height:88px;
background:url(../gif/menu06-2.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.m06 a:hover{
background-position: 0 -88px;
}
.m06 a.on{
background-position: 0 -176px;
}




/* MAIN -------------------------------- */


#contents_main {
	width: 960px;
	height:590px;
	position: relative;
	margin: 0 auto;
	background-image:url(../png/topchara_9.png);
	background-repeat: no-repeat;
	z-index:2;
}
/*IE7*/
*:first-child+html #contents_main {
	width: 996px;
	position: relative;
	margin: 0 auto;
}
/*IE6*/
*html #contents_main {
	width: 996px;
	position: relative;
	margin: 0 auto;
}
/* MOVIE -------------------------------- */

#movie {
	top:550px;
	float: left;
	position:relative;
	width: 441px;
	height: 296px;
	z-index:3;
	background-image:url(../png/moviebg-2.png);
}
/* NEWSTOPICKS -------------------------------- */

#newstopics {
	top:407px;
	float: right;
	position:relative;
	width: 506px;
	height: 143px;
	z-index:3;
}

#pban {
	position:relative;
	width: 506px;
	height: 143px;
	z-index:3;
}
.pb00 {
display:block;
width:356px;
height:143px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.pb01 a{
display:block;
width:143px;
height:143px;
background:url(../png/ps4link00.png) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.pb01 a:hover, .pb01 a.on{
background-position: 0 -143px;
}

#topics {
	position:relative;
	width: 506px;
	height: 35px;
	z-index:3;
}
#newsbg {
	top:8px;
	height: 130px;
	position:relative;
	width: 506px;
	height: 132px;
	background-image:url(../png/news_bg-2.png);
	background-repeat: no-repeat;
	z-index:3;
}
#news {
	top:20px;
	left:10px;
	position:relative;
	width: 490px;
	height: 100px;
	margin:0;
	z-index:4;
}
#news dl {
	clear: both;
}
#news dl dt {
	width: 440px;
}
#news dl dd {
	width: 440px;
	color:#CCC;
}
#news #newsarea {
	height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align:left;
	min-height:100%;
}
#nban {
	top:15px;
	position:relative;
	width: 506px;
	height: 113px;
	margin:0;
	z-index:4;
}

/* バナー -------------------------------- */

#sban {
	width: 960px;
	height:75px;
	position: relative;
	z-index: 4;
	top: 0px;
	margin: 0 auto;
}

/* いいね -------------------------------- */

#sns {
	width: 420px;
	position: relative;
	z-index: 4;
	top: 0px;
}
#sns ul {
	position: absolute;
	left: 10px;
	list-style:none;
}
#sns ul li {
	float: left;
	width: 118px;
	height: 28px;
}
/*IE7*/
*:first-child+html #sns {
	top:20px;
}
/*IE6*/
*html #sns {
	top:20px;
}



/* FOOTER -------------------------------- */
#footerbg {
	padding-top:20px;
	background-color:#000;
	width:100%;
	min-width:996px;
}
#footer {
	width:996px;
	margin-right: auto;
	margin-left: auto;
}

/* OTHER -------------------------------- */

#alpha a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}