@charset "utf-8";
/*========= all ==========*/
*{
	margin:0;
	padding:0;

	}
body {
	background:#000 url(../images/bg_rep.jpg) repeat-x 0 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.5em;
	height:100%;
	font-size:14px!important;
}

#panel{width:100%!important;}

#wrapper *{
		box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	
	}

#wrapper a{text-decoration:none; color:#fff}
img{border:0}

/*========= contents ==========*/
#wrapper{height:100%; width:100%;background:url(../images/mian_bg_mini.jpg) no-repeat center -30px;}
#contents{ background:url(../images/footer_bg.jpg) repeat-x bottom; height:100%;}

/*========= header ==========*/
#main_contents #header{width:1000px; margin:0 auto; margin-top:50px; padding-bottom:30px; height:400px; position:relative; margin-bottom:30px;}
#main_contents #header a:hover{opacity:0.5}
#main_contents #header #btn01{width:101px; height:102px; position:absolute; right:100px; bottom:0}
#main_contents #header #btn02{width:101px; height:102px; position:absolute; right:333px; bottom:0}
#main_contents #header #btn04{width:132px; height:102px; position:absolute; left:333px; bottom:0}
#main_contents #header #btn03{width:132px; height:102px; position:absolute; left:100px; bottom:0}

#main_contents #header #logo{width:778px; margin:0 auto 20px}
#main_contents #header #header_txt{background:url(../images/head_txt.png) no-repeat; width:678px; height:106px;; text-indent:-9999px; margin:0 auto;}
#btn-sbm{ bottom:50px; text-align:right; width:80%; position:relative; bottom:0;}
#btn-sbm li{display:inline-block; margin-left:10px}

/*========= column_box ==========*/
#column_box{ margin:0 auto; min-height:1200px; opacity:0}
#column_box .grid{width:320px;margin:0 10px 20px; background:rgba(0,0,0,0.8); border:1px solid #393939;}
#column_box .grid a{display:block; position:relative;}
#column_box .grid a .new_img{position:absolute; z-index:900;}
#column_box .grid a p{padding:10px;}
.img_box{position:relative; z-index:600}
.img_box img{ position:relative; z-index:500}
.movie_play{background:rgba(0,0,0,0.6) url(../images/playmovie.png) no-repeat center center; position:absolute; width:100%; height:100%; top:0; z-index:800}
.e_tit{color:#00b3e6; font-weight:bold}
.hover_box{
	background:rgba(0,179,230,0.8) url(../images/details_img.png) no-repeat 50% 15%;
	position:absolute;
	width:100%;
	top:0;
	height:100%;
	z-index:1000;
	opacity:0}
.hover_box p.hover_tit{font-weight:bold;color:#000; font-weight:bold; position:absolute; top:50%;}
#footer_box{text-align:center; font-weight:bold; color:#FFF; padding:10px 0}
#page_top{opacity:0}
#page_top a{display:block; background:url(../images/go_top_btn.png) no-repeat; width:97px; height:97px; position:fixed; right:10px; bottom:10px; z-index:3000}
#footer{display:none;}