/* =============================================================================
  基本
   ========================================================================== */
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 {
	width: 100%;
	height: 100%;
	background-image: none !important;
	-webkit-text-size-adjust:none;
	background-color:#000;
	color:#fff;
	*text-align:center;
}


#all_wrapper {
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	min-width: 1300px;
	min-height: 840px;
	  max-height: 1300px;
}






	




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


a:focus {
outline:none;
}


a:link{
color:#fff;
}

a:visited{
color:#fff;
}

a:hover{
color:#6FC;
}





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

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: 615px;
	right: 30px;
	width: 200px;
	height: 280px;
	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: 180px;
	height: 259px;
	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画像
   ========================================================================== */
/*.top {
width:100%;
height:900px;
background:url(../img/background03.jpg) ;
	background-position: center top;
	background-repeat: no-repeat;
} 
 */


.top {
width:100%;
height:938px;
background:url(../img/background02.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}


#main_chara {
z-index:100;
}

.top_chara01 { background:url(../img/bg_c_01.png) no-repeat; width:534px; height:747px; position:absolute; top:170px; left: 20%; margin-left: -140px; z-index:20;}
.top_chara02 { background:url(../img/bg_c_02.png) no-repeat; width:647px; height:783px; position:absolute; top:90px; left: 32%; margin-left: -160px; z-index:10;}
.top_chara03 { background:url(../img/bg_c_03.png) no-repeat; width:704px; height:938px; position:absolute; top:0px; left: 51%; margin-left: -100px; z-index:5;}

.top_left {
width:200px;
height:750px;
margin:0 10px 0 0;
padding:0 0 0 0;
float:left;
text-align:left;
z-index:200;
}



.top_left_logo {
position: absolute;
top: 30px;
left: 30px;
width: 355px;
height: 173px;
z-index:200;
}

/*
.top_left_logo2 {
position: absolute;
top: 30px;
left: 30px;
width: 200px;
height: 146px;
z-index:200;
}
 */


.top_left_menu {
position: absolute;
top: 220px;
left: 30px;
width: 200px;
height: auto;
z-index:200;
}

.top_left_news {
top: 220px;
left: 30px;
z-index:200;
}

.top_left_box {
width:200px;
height:20px;
float:left;
margin:0 0 7px 0;
z-index:200;
}


.top_left_box2 {
width:200px;
height:auto;
float:left;
margin:250px 0 8.9px 0;
z-index:200;
}



.top_left_movie {
position: absolute;
top: 60px;
right: 30px;
width: 200px;
height: 150px;
z-index:200;
}

.top_left_movie2 {
position: absolute;
top: 217px;
right: 30px;
width: 200px;
height: 150px;
z-index:200;
}


.top_left_countdown {
position: absolute;
top: 650px;
right: 270px;
width: 200px;
height: 150px;
z-index:200;
}




.top_left_copy {
position: absolute;
top: 770px;
left: 35px;
z-index:200;
}




.top_left_tenpo {
position: absolute;
top: 420px;
left: 35px;
width: 200px;
height: 60px;
z-index:200;
}

.top_left_tuhan {
position: absolute;
top: 490px;
left: 35px;
width: 200px;
height: 60px;
z-index:200;
}


.top_left_tokuten {
position: absolute;
top: 560px;
left: 35px;
width: 200px;
height: 60px;
z-index:200;
}

.top_left_tenpo2 {
position: absolute;
top: 630px;
left: 35px;
width: 200px;
height: 60px;
z-index:200;
}

.top_left_hole {
position: absolute;
top: 700px;
left: 35px;
width: 200px;
height: 60px;
z-index:200;
}



.top_left_enki {
position: absolute;
top: 490px;
right: 30px;
width: 200px;
height: 150px;
z-index:200;
}

.top_left_twitter {
position: absolute;
top: 379px;
right: 30px;
width: 200px;
height: 150px;
z-index:200;
}



/* =============================================================================
   メニュー部分
   ========================================================================== */
.menu {
width:1000px;
height:40px;
padding:65px 0 0 0;
text-align:right;
}
.m-img2 {
width:120px;
height:20px;
padding:2px 2px 0 0;
}

.m-img3 {
width:120px;
height:20px;
padding:2px 2px 0 0;
}






/* =============================================================================
   メイン部分
   ========================================================================== */
#main {
width:100%;
height:440px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
font-size : 14px;
color : #fff;
background:#000;
}








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


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


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




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


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



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



.copy {
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 20px;
}


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





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

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


.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: 10px;
right: 30px;
visibility: visible;
z-index: 20;
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%;
}