﻿body {
    background-color:#000000;
}

body {
    min-width: 980px;
}
.content_width {
    width: 980px;
    margin: 0 auto;
}


/* top header  -----------------------------------------------*/
#bg_top_header_00{
    background-image: url('img/bg_top_header_00.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #000000;
}
#bg_top_header_10{
    background-image: url(img/bg_top_center_10.png);
    background-repeat: no-repeat;
    background-position: 50% -188px;
}
#top_header{
    height:600px;
}



/* header -----------------------------------------------*/
#bg_header_00{
	background-color:#9b1d4c;
/*    background-image: url('img/bg_header_00.jpg');
    background-repeat: repeat-x;
    background-position: center top;
    */
}
#bg_header_10{
    background-image: url(img/bg_header_10.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
#header{
    height:120px;
}

/* menu -----------------------------------------------*/
#bg_menu_00{
	background-color: #2A0047;
	
/*    background-image: url('img/bg_menu_00.jpg');
    background-repeat: repeat-x;
    background-position: center top;
 */
}
#bg_menu_10{
/*
	    background-color: #2A0047;
	background-image: url('img/bg_menu_10.png');
    background-repeat:no-repeat;
    background-position: center top;*/
}
#menu{
    /* [height]+[padding-top] = bg_menuの[background-image]の高さに設定する*/
    height: 51px;
    padding-top: 1px;
}
#menu table{
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    border-collapse: collapse;
    border-spacing: 0px pxpx 0px;

}
#menu a{
    display:inline-block;
}

/* footer -----------------------------------------------*/
#bg_footer_00 {
    background-image: url(img/bg_footer_00.png);
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #2A0047;
}

#bg_footer_10 {
    background-image: url('img/bg_footer_10.png');
    background-repeat: no-repeat;
    background-position: center top;
}
#footer{
    height: 128px;
}


/* content default -----------------------------------------------*/
#bg_content_00{
    background-image: url("img/bg_content_00.jpg");
  /*  background-attachment: fixed;
    background-position: center top;*/

    overflow:hidden;
}
        
#bg_content_fix{
  /*  background-image: url('img/bg_content_fix.png');*/
    background-repeat: repeat-y;
    background-position: center top;
    padding-top:1px;
    height:879px;
}

#bg_content_fix #content{

}

#bg_content_loop {
/*    background-image: url('img/bg_content_loop.png');*/
    background-repeat: repeat-y;
    background-position: center top;
    position: relative;
    padding-top:1px;
}

#bg_content_loop_top{
    height:880px;
    background-image:url('img/bg_content_loop_top.png');
    background-repeat:no-repeat;
    background-position: center top;
    position: absolute;
    top: 0;
    width: 100%;
}

#bg_content_loop_bottom{
    height:440px;
    background-image:url('img/bg_content_loop_bottom.png');
    background-repeat:no-repeat;
    background-position: center top;
    position: absolute;
    bottom: 0;
    width: 100%;
}



#bg_content_loop #content{
	position: relative;
	min-height:800px;
    padding-bottom:1px;
}

/* h1 h2 h3 -----------------------------------------------*/
h1 {
	margin:25px 0 10px;
	text-align:center;
}





/*キャラクター紹介ページ用共通・始まり -----------------------------------------------*/

#char_menu{
    margin:0 auto;
}
#character{
    padding-top:10px;
    text-align:center;
}
#voice_menu{
    text-align:center;
    background-color:#000000;
    width:800px;
    margin:0 auto;
}

#voice_menu1{
    position: absolute;
    top: 361px;
    left: 14px;
	
}

#voice_menu2{
    position: absolute;
    top: 425px;
    left: 52px;
	
}
#voice_menu3{
    position: absolute;
    top: 334px;
    left: 392px;
	
}
#voice_menu1 a:hover,#voice_menu2 a:hover ,#voice_menu3 a:hover {
	opacity: 0.8;
}
	
/*キャラクター紹介ページ用共通・終わり -----------------------------------------------*/

/*キャラクター紹介ページ用共通特殊化・始まり -----------------------------------------------*/
.char_hensin_btn {
    position: absolute;
    left: 132px;
    top: 493px;
    width: 325px;
}
.change_btn {
    position: absolute;
    width: 96px;
    height: 56px;
    top: 523px;
}
.change_btn:hover {
    background-color: rgba(255, 255, 0, 0.5);
    box-shadow: 0px 0px 22px 22px rgba(255, 255, 0, 0.5);
    border-radius: 20px;
}
.change_btn_right {
    left: 332px;
}
.change_btn_left {
    left: 145px;
    opacity: 0.0;
}
.bg_char {
    height: 1214px;
    background-repeat: no-repeat;
    background-position: center 70px;
    position: absolute;
    top: 206px;
    width: 100%;
}
.bg_char01 {
    background-image: url('img/char_bg01.png');
}
.bg_char02 {
    background-image: url('img/char_bg02.png');
    opacity: 0.0;
    background-repeat: repeat-x;
}
.char_tachi {
    position: absolute;
    left: 237px;
    width: 441px;
    top: 29px;
}
.char_spec {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 980px;
}

.character_in {
    position: relative;
    width: 980px;
    height: 1114px;
    margin: 0px auto;
}
/*キャラクター紹介ページ用共通特殊化・終わり -----------------------------------------------*/
