@charset "utf-8";
/*//////////////////////////////////////////////////
///////////////////02_story.css/////////////////////
//////////////////////////////////////////////////*/
body{
    background-image: url("http://www.astronauts.co.jp/comet/aristear/img/bg_main02.jpg"); 
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover;

}
#chara_wrap {
    height: 890px;
    text-align: center;
    margin-top: 20px;
    overflow:hidden;
}
#menu_title img {
    margin-bottom: 20px;
}
#chara_blockA, chara{
        display:flex;
}
#chara_blockA {
    position: absolute;
    width: 200px;
    height: 740px;
    float: left;
    z-index: 11;
}
#chara_blockA li {
    margin-left: -20px;
    margin-bottom: 6px;
    width: 199px;
    height: 57px;
}
#chara_blockA li:hover{
    transition-property: all;
    transition-duration: 0.3s;
    margin-left: -2px; 
}


/*#chara_blockA img:ovar{
    
}*/
#chara_blockB {
    position: absolute;
    left: 22%;
    top:250px;
    width: 600px;
    height: 700px;
    z-index: 10;
}
#chara_blockB ul{
    position:relative;
    top:-505px;
    left: 25px;
}
#chara_blockB li img{
    float: left;
    margin-right: 20px;
    
}

#chara_blockC {
    position: absolute;
    left: 50%;
    width: 800px;
    height: 884px;
    margin-top: -60px;
    z-index: 9;
    overflow:hidden;
}




/*サイズ指定*/
.chara_select{

    
}