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

body {
	background-repeat: no-repeat;
	margin-top: 0px;
	background-position: top center;
}

/* main-page_base -------------------------------- */	

li {
	list-style-type: none;
}
#wrapper {
	position:relative;
	min-width: 1030px;
	margin:0 auto;
	text-align:center;
	background-position:top center;
	background-repeat: no-repeat;
	line-height: 0px;
	background-image:url(../resource/topbg_170915.jpg);
}
/* MAIN -------------------------------- */
#contents_main {
	position: relative;
	width: 1001px;
	height: 780px;
	margin: 0 auto;
	z-index:2;
}
/* MENU -------------------------------- */


#main_menu {
	position:relative;
	width: 1001px;
	height: 190px;
	top:500px;
	margin: 0px auto;
	z-index:3;
}
.m01 a {
	display:block;
	width:143px;
	height:143px;
	background:url(../resource/menu01.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.m01 a:hover, .m01 a.on{
	background-position: 0 -143px;
}

.m02 a {
	display:block;
	width:143px;
	height:143px;
	background:url(../resource/menu02.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin-top:50px;
}
.m02 a:hover, .m02 a.on{
	background-position: 0 -143px;
}

.m03 a {
	display:block;
	width:143px;
	height:143px;
	background:url(../resource/menu03.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin-top:78px;
}
.m03 a:hover, .m03 a.on{
	background-position: 0 -143px;
}

.m04 a {
	display:block;
	width:143px;
	height:143px;
	background:url(../resource/menu04.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin-top:95px;
}
.m04 a:hover, .m04 a.on{
	background-position: 0 -143px;
}

.m05 a {
	display:block;
	width:143px;
	height:143px;
	background:url(../resource/menu05.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin-top:78px;
}
.m05 a:hover, .m05 a.on{
	background-position: 0 -143px;
}
.m06 a {
	display:block;
	width:143px;
	height:143px;
	background:url(../resource/menu06.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin-top:50px;
}
.m06 a:hover, .m06 a.on{
	background-position: 0 -143px;
}
.m07 a {
	display:block;
	width:143px;
	height:143px;
	background:url(../resource/menu07_00.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.m07 a:hover, .m07 a.on{
	background-position: 0 -143px;
}



/* NEWSTOPICKS -------------------------------- */

#newstopics {
	top:498px;
	float: left;
	left:20px;
	position:relative;
	width: 475px;
	height: 280px;
	z-index:3;
}

#topics {
	position:relative;
	width: 475px;
	height: 78px;
	z-index:3;
	margin-top:2px;
}
#newsbg {
	position:relative;
	width: 475px;
	height: 197px;
	background-image:url(../resource/newsbg160510.png);
	background-repeat: no-repeat;
	z-index:3;
}
#news {
	top:30px;
	left:20px;
	position:relative;
	width: 435px;
	height: 155px;
	margin:0;
	z-index:4;
}
#news dl {
	clear: both;
}
#news dl dt {
	width: 380px;
}
#news dl dd {
	width: 380px;
	color:#CCC;
}
#news #newsarea {
	height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align:left;
	min-height:100%;
}


/* MOVIE -------------------------------- */

#movie {
	top:498px;
	float: right;
	right:20px;
	position:relative;
	width: 475px;
	height: 280px;
	z-index:3;
	background-image:url(../resource/moviebg.png);
	background-repeat: no-repeat;
}
/* BOTTOM BANNER -------------------------------- */


#bot_ban {
	width: 950px;
	height: 220px;
	z-index: 4;
	top: 0px;
	margin: 0 auto;
	position:relative;
	margin-bottom:2px;
}


/* FOOTER -------------------------------- */
#footerbg {
	background-color:#FFF;
	width:100%;
	min-width:1000px;
}

#footer {
	width:949px;
	margin-right: auto;
	margin-left: auto;
	/*background-image:url(../resource/footer161220.gif);
	background-repeat: no-repeat;*/
}

#footer .platform-logos img:nth-child(n-4) {
	vertical-align: middle;
	margin: 15px 10px;
}

#footer .platform-logos img:nth-child(n+4) {
	vertical-align: middle;
	margin: 15px;
}

#footer .company-logos img {
	vertical-align: middle;
	margin: 15px;
}

#footer p {
	line-height: initial;
	color: #432702;
	font-size: 9px;
	font-weight: 600;
	margin-top:5px;
	margin-bottom:5px;
}

#sns-b{
    margin: 10px 0;
    float: right;
	z-index:3;
}
.sbox {
    display: inline-block;
    padding: 0 5px 5px 0;
 float: left;
}

#falcomlogo {
	display:block;
	position:absolute;
	top: 1139px;
	width:170px;
	height:40px;
	margin: 0 auto;
	left: 106px;
}


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

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