/* =============================================================================
  基本
   ========================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcaption,aside,section,header,footer,nav,article
{ margin:0; padding:0;	zoom:1; } table { border-collapse:collapse; border-spacing:0; } 


body {font:13px/1.25 "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}
a {text-decoration:none;}
html, body {height:100%;width:100%;}




body {
	  margin: 0;
  padding: 0;
  width: 100%;
	height: 100%;
  min-width: 1200px;
	background-color: #000000;
	color: #ffffff;
	
}


#all_wrapper {
	width:100%;
	height: 100%;
	min-height: 840px;
	max-height: 1300px;
	text-align:center;
}






	




/* =============================================================================
   リンク系
   ========================================================================== */
img {
border:none;
}


a:focus {
outline:none;
}


a:link{
color:#fff;
}

a:visited{
color:#fff;
}

a:hover{
color:#6FC;
}





/* =============================================================================
   ヘッダー
   ========================================================================== */
#header_wrapper{
	width:100%;
	height:50px;
	background-color:#000000;
	padding:0 0 0 0px;
	position:relative;
	}
	
#header{
	position:relative;
	color:#fff;
	text-align:left;
	width:1080px;
	margin:0 auto;
	padding:0;
	height:50px;
	overflow:hidden;
	*text-align:right;
	}
	
#header, #header a, .main_menu, .main_menu a{
	color:#333;
	}
		



/* =============================================================================
   メニュー部分
   ========================================================================== */

.menu {
width: auto;
height: 50px;
display: inline;
}

.menu_all {
width: 1080px;
height: 50px;
display: inline;
}






/* =============================================================================
   新着情報
   ========================================================================== */

div#news {
	width: 1000px;
	height: 125px;
	text-align: left;
	margin-left: 20px;
	*margin-right: 0px;
	margin-bottom:20px;
}
dl#scroll {
	margin: 0 auto;
	text-align: left;
	overflow: scroll;
	overflow-x: hidden;
	width: 980px;
	height: 110px;
	color: #fff;
	line-height: 150%;
	padding: 5px 12px 12px 10px;
	border:solid #fff 0px;
}
dl#scroll dt {
	margin: 0 1em 0 0;
	padding: 0;
	color: #6FC;
	float: left;
	clear: left;
}
dl#scroll dd {
	margin: 0;
	padding: 0 0 0 0;
}





/* =============================================================================
   新着情報2
   ========================================================================== */

div#news2 {
	 position: absolute;
     top:300px;
     left: 35%;
     margin-left: -360px;;
	width: 370px;
	height: 100px;
	text-align: left;
	float:left;
	background:#000;
	background-color:rgba(0,0,0,0.50);
	z-index:200;
}
dl#scroll2 {
	margin: 0 auto;
	text-align: left;
	overflow: scroll;
	overflow-x: hidden;
	width: 350px;
	height: 80px;
	color: #fff;
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	border:solid #fff 0px;
	font-size:15px;
}
dl#scroll2 dt {
	margin: 0 1em 0 0;
	padding: 0;
	color: #fff;
	float: left;
	clear: left;
	font-size:13px;
}
dl#scroll2 dd {
	margin: 0;
	padding: 0 0 0 0;
}


.top_right_news {
position: absolute;
top: 595px;
right: 30px;
width: 200px;
height: 17px;
z-index:200;
}






/* =============================================================================
   top画像
   ========================================================================== */

#main {
  position: relative;
  width: 100%;
  min-width: 1300px;
  height: 100%;
	min-height: 980px;
  margin: 0 auto;
	overflow: hidden;
	background-image: url(../img/top_back.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.top_logo {
 position: absolute;
 top:30px;
left: 35%;
margin-left: -360px;
z-index:30;
}

.chara  {
 position: absolute;
 top: -90px;
left: 75%;
margin-left: -500px;
z-index:40;
}


.copy  {
position: absolute;
top: 120px;
right: 5%;
margin-left: 0px;
z-index:50;
}


.pachi  {
position: absolute;
top: 705px;
right: 13%;
margin-left: 0px;
z-index:50;
}

.up  {
position: absolute;
top: 790px;
right: 13%;
margin-left: 0px;
z-index:50;
}


.win10  {
position: absolute;
top: 875px;
right: 13%;
margin-left: 0px;
z-index:50;
}


.ink  {
position: absolute;
bottom:0px;
right: 0px;
z-index:30;
}


.day  {
 position: absolute;
 top:860px;
left: 35%;
margin-left: -360px;
z-index:50;
}


.news_top  {
 position: absolute;
 top:270px;
left: 35%;
margin-left: -360px;
z-index:50;
}


.movie  {
 position: absolute;
 top:410px;
left: 35%;
margin-left: -360px;
z-index:50;
}




.bana01  {
width:181px;
height:55px;
 position: absolute;
 top:410px;
left: 35%;
margin-left: -360px;
z-index:50;
}

.bana02  {
width:181px;
height:55px;
 position: absolute;
 top:410px;
left: 35%;
margin-left: -172px;
z-index:50;
}

.bana03  {
width:181px;
height:55px;
 position: absolute;
 top:473px;
left: 35%;
margin-left: -360px;
z-index:50;
}

.bana04  {
width:181px;
height:55px;
 position: absolute;
 top:473px;
left: 35%;
margin-left: -172px;
z-index:50;
}

.bana05  {
width:367px;
height:80px;
 position: absolute;
 top:535px;
left: 35%;
margin-left: -360px;
z-index:50;
}



.top_left_movie {
 position: absolute;
 top:630px;
left: 35%;
margin-left: -360px;
z-index:50;
}



/* =============================================================================
   メイン部分
   ========================================================================== */
   
   #foot_wrapper{
	width:100%;
	height:400px;
	background-color:#000000;
	padding-left:0px;
	margin-bottom:0px;
	position:relative;
	}
   
   
#foot{
	position:relative;
	color:#fff;
	text-align:left;
	width:1080px;
	margin:0 auto;
	padding:0 0 0 0px;
	height:400px;
	overflow:hidden;
	*text-align:right;
	}


/* =============================================================================
   スペック
   ========================================================================== */


.spec_titol {
width:950px;
height:32px;
float:left;
margin:15px 0 0 0;
}


.index_spec2 {
width:950px;
height:auto;
letter-spacing:1pt;
line-height:1.7;
margin:5px 0 0 0;
font-size : 15px;
}




/* =============================================================================
   フッター
   ========================================================================== */
   


.foot {
width:950px;
height:24px;
letter-spacing:1pt;
line-height:1.6;
margin:20px 0 0 0;
border:solid #fff 0px;
}



.sns {
width:190px;
height:24px;
float:left;
margin:0 0 0 0;
}



.c {
width:296px;
height:24px;
float:left;
margin:0 0 0 10px;
}




/* =============================================================================
   テキスト関連
   ========================================================================== */


.text {
width:auto;
height:auto;
padding:0 0 10px 0;
}
.text a:link{
color:#C00;
}
.text a:visited{
color:#C00;
}
.text a:hover{
color:#F00;
}






/* =============================================================================
   DLサイト関連
   ========================================================================== */

.dl {
width:auto;
height:auto;
margin:0 0 20px 0;
}


.dlimg {
width:180;
height:auto;
}





/* =============================================================================
   メニューバー関連
   ========================================================================== */

.topics {
width:auto;
height:auto;
margin:20px 0 0 0;
}


.topics_dl {
width:auto;
height:auto;
margin:0 0 3px 20px;
}

.topics_spec {
width:auto;
height:auto;
margin:20px 0 0 20px;
}




/* =============================================================================
   ツイッター
   ========================================================================== */

.twitter {
position: absolute;
width: 200px;
top: 70px;
right: 5%;
visibility: visible;
z-index: 100;
text-align:right;
}




.clear {

clear:both;

}







/* =============================================================================
   スクロールトップ
   ========================================================================== */

#scrolltop {
    position: fixed;
    bottom: 20px;
    right: 10px;
}
#scrolltop a {
    display: block;
}






/* =============================================================================
   now loading
   ========================================================================== */


#container{display:none;}
#loading{
	position:absolute;
	left:37%;
	top:39%;
}