/* =============================================================================
  基本
   ========================================================================== */
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 {
	-webkit-text-size-adjust:none;
	background-color:#fff;
	color:#000;
	*text-align:center;
}
body ::selection {
	background: #666; 
}
body ::-moz-selection {
	background: #666; 
}


#all_wrapper {
		width: 100%;
        position: relative;
        height: 100%;
        min-height: 100%;
}
#all_wrapper {
	background-color:#900;
	}
	
.top #all_wrapper {
	background-color:#fff;
}

body > #all_wrapper {
        height: auto;
}


#contents_wrapper{
	background:url(../img/chara01_bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding-bottom: 145px;
	background-color:#000;
	}




.top #contents_wrapper{
	padding-bottom: 0px;
	}
	



/* =============================================================================
   ヘッダー
   ========================================================================== */
#header_wrapper{
	width:100%;
	height:120px;
	background:#fff;
	padding-top:0px;
	margin-bottom:10px;
	}
#header{
	position:relative;
	color:#333;
	text-align:left;
	width:1100px;
	margin:0 auto;
	padding:0;
	height:120px;
	background-color:#fff;
	overflow:hidden;
	*text-align:right;
	}
#header, #header a, .main_menu, .main_menu a{
	color:#333;
	}
#mainlogo{
		position:absolute;
		top:20px;
		left:0px;
		}
		

	#menu {
		position:absolute;
		right:0px;
		bottom:0px;
   		*zoom: 1;  
		}	
	#t_menu{
		position:relative;
		padding:0 0 0 0;
		left:-40px;
		z-index:100;
		}
	#t_menu li{
		display:inline-block;
		*display: inline;  
   		*zoom: 1;  
	}
	#t_menu .disable {
		color:#900;
		padding:0 6px;
		}
	#t_menu li a:hover {
		color:#900;
	}
	
	




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

#footer_wrapper{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#fff ;
	}

.short #footer_wrapper, .short #footer{
	height:130px;
	}
#footer{
	position:relative;
	color:#333;
	text-align:center;
	width:1000px;
	margin:0 auto;
	height:205px;
	}
	


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

div#news {
	width: 630px;
	height: 176px;
	text-align: left;
	*margin-right: 0px;
}
dl#scroll {
	margin: 0 auto;
	text-align: left;
	overflow: scroll;
	overflow-x: hidden;
	width: 600px;
	height: 152px;
	color: #222;
	line-height: 150%;
	padding: 12px;
	border:solid #a40000 1.5px;
	background-image:url(../img/bg_spec.png);
}
dl#scroll dt {
	margin: 0 1em 0 0;
	padding: 0;
	color: #a40000;
	float: left;
	clear: left;
}
dl#scroll dd {
	margin: 0;
	padding: 0 0 15px 0;
}








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


a:focus {
outline:none;
}


a:link{
color:#C00;
}

a:visited{
color:#C00;
}

a:hover{
color:#666;
}





/* =============================================================================
   リリスリンク
   ========================================================================== */
#btm {
    position: relative;
    margin: 0px auto;
    width:100%;
    height: 50px;
    min-height: 50px;
    background-color: #FFFFFF;
    text-align:center;
	style="position:fixed; bottom:0px; right:0px;

}







/* =============================================================================
   top画像
   ========================================================================== */
#top {
width:1200px;
height:800px;
margin:10px 0 0 0;
}



#tops {
width:1000px;
height:100px;
background-image:url(../img/main_s.png);
background-repeat:no-repeat;
}






/* =============================================================================
   インデックス部分
   ========================================================================== */
#main {
width:1000px;
height:780px;
margin:0 0 -5px 0;
text-align:left;
font-size : 14px;
padding:5px 10px 0 10px;
}




.m-top {

width:1000px;
height:auto;
float:left;
margin:0 0 10px 0;
margin-left : auto ; margin-right : auto ;

}


#m-left {

width:500px;
height:auto;
float:left;

}


#m-right {

width:470px;
height:auto;
float:left;
margin:0 0 0 20px;

}


#m-btm {

width:810px;
height:auto;
float:left;
margin:0 0 0 0;

}



/* =============================================================================
   キャラ画像関連
   ========================================================================== */

.chara_sam {
width:560px;
height:auto;
float:left;
margin:18px 30px 10px 0;
padding:0 0 0 0;
letter-spacing:1pt;
line-height:1.7;
font-size : 16px;
color : #990000;
}




.m-chara01 {
width:470px;
height:auto;
float:left;
position: relative;
left:50px;
top:0px;
margin:15px 0 10px 0;
}


.m-chara02 {
width:470px;
height:auto;
float:left;
position: relative;
left:50px;
top:-15px;
margin:15px 0 10px 0;
}







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


.text {
width:auto;
height:auto;
padding:0 0 10px 0;
}
.text a:link{
color:#990000;
}
.text a:visited{
color:#F06;
}
.text a:hover{
color:#666;
}


.text_chara_name {
width:515px;
height:auto;
float:left;
margin:10px 0 0px 0;
padding:0 0 0 0;
letter-spacing:1pt;
line-height:1.7;
font-size : 16px;
color : #990000;
}
.text_chara_name a:link{
color:#990000;
}
.text_chara_name a:visited{
color:#F06;
}
.text_chara_name a:hover{
color:#666;
}



.text_chara_spec {
width:515px;
height:auto;
float:left;
margin:0 0 10px 0;
letter-spacing:1pt;
line-height:1.5;
font-size : 12px;
color : #000;
border:solid #990000 1px;
padding:15px 0px 15px 20px;
background-image:url(../img/main_back2.png);
}
.text_chara_spec a:link{
color:#990000;
}
.text_chara_spec a:visited{
color:#F06;
}
.text_chara_spec a:hover{
color:#666;
}


.text_chara_voice {
width:515px;
height:auto;
float:left;
margin:0 0 10px 0;
letter-spacing:1pt;
line-height:1.5;
font-size : 12px;
color : #000;
border:solid #990000 1px;
padding:5px 0px 5px 20px;
background-image:url(../img/main_back2.png);
}
.text_chara_voice a:link{
color:#990000;
}
.text_chara_voice a:visited{
color:#990000;
}
.text_chara_voice a:hover{
color:#666;
}






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

.twitter {
position: absolute;
top: 0px;
right:0px;
visibility: visible;
z-index: 20;
margin: 0px;
padding: 0px;
}



.clear {

clear:both;

}