body {
    background-image:url("../images/bg.png");
    background-repeat:repeat;
    margin:0px;
    padding:0px;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    color:#373737;
}

#footer{
    top:4000px;
}

#bgpattern_left,#bgpattern_right{
    height:4080px;
}

#story_header,#point_header{
    width:100%;
    height:50px;
    background-image:url("../images/dot_bg.png");
    position:absolute;
    top:57px;
}

#point_header{
    top:742px;
}

#title{
    position:absolute;
    left:50%;
    margin-top:5px;
    transform:translateX(-420px);
    -moz-transform:translateX(-420px);
    -webkit-transform:translateX(-420px);
}

#story{
    width:956px;
    height:549px;
    background-image:url("../images/blackboard.png");
    position:absolute;
    left:50%;
    top:128px;
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
}

#point1,#point2,#point3,#point4,#point5{
    width:100%;
    height:219px;
    background-image:url("../images/dot_bg.png");
    position:absolute;
    top:824px;
}

#point2{
    top:1400px;
}
#point3{
    top:2150px;
}
#point4{
    top:2770px;
}
#point5{
    top:3400px;
}

#story_text{
    position:absolute;
    top:30px;
    left:59px;
    visibility:hidden;
}
#story_text2{
    position:absolute;
    top:390px;
    left:120px;
    visibility:hidden;
}
#story_pic1{
    position:absolute;
    top:34px;
    left:631px;
    visibility:hidden;
}
#story_pic2{
    position:absolute;
    top:302px;
    left:649px;
    visibility:hidden;
}

#point1_contents{
    position:absolute;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    visibility:hidden;
}

#heart2{
    opacity:1;
}