@charset "UTF-8";
 
body {
	margin:0px;
	padding:0px;
	background:#232a2a;
	height:9400px; /*高さの数値を変えるとスクロール量を調整できる*/
}
 
#wrapper {
	position:fixed; /*大枠はfixedに*/
	width:100%;
	height:1500px;
}

#yazirushi,
#story_01,
#story_02,
#story_03,
#story_04,
#story_05,
#story_06,
#story_07,
#logo,
#vis,
#copyright,
#bg{
    position:absolute; /*要素はabsoluteに*/
    width:100%;
    text-align:center;
}
 
#story_02,
#story_03,
#story_04,
#story_05,
#story_06,
#story_07,
#logo,
#vis,
#copyright{
    opacity:0; /*初期値を設定*/
}
 
 #yazirushi{
     z-index:2; /*重なり順を設定*/
     padding: 5px 0 0 500px;
 }
#story_01{
	padding-top: 350px;
    z-index:3; /*重なり順を設定*/
}
#story_02{
    z-index:4; /*重なり順を設定*/
}
#story_03{
    z-index:5; /*重なり順を設定*/
}
#story_04{
    z-index:6; /*重なり順を設定*/
}

#story_05{
    z-index:7; /*重なり順を設定*/
}
#story_06{
    z-index:8; /*重なり順を設定*/
}

#vis{
    z-index:9; /*重なり順を設定*/
}
#logo{
    z-index:10; /*重なり順を設定*/
}
#logo{
	padding:0 0 0 252px;

}
#story_07{
    z-index:11; /*重なり順を設定*/
}

#copyright{
	z-index:12; /*重なり順を設定*/
	width: 100%;
	padding: 2px 0 0 0;
	text-align: center;
}

#bg{
	z-index:1; /*重なり順を設定*/
}