*{ font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } body{ margin:0; background-color:#000; } #header{ opacity:0.5; width:100%; position:fixed; padding: 5px 0px 5px 0px; background-color:#000; z-index:1; text-align: center; color: #fff; } #header a{ color: #fff; margin: 0px 1em 0px 1em; } #wrap{ width: 100%; position: relative; background-image: url("../res/back0.png"); background-size:100% auto; background-repeat:no-repeat; } #back{ width:100%; height:100%; position:absolute; background-image: url("../res/lay0.png");background-size:100% auto; background-repeat:no-repeat; background-attachment:fixed; } #top{ width:100%; height:100%; position:absolute; background-attachment: fixed; background-image: url("../res/cha0.png"); background-size:100% auto; background-repeat:no-repeat; } #overflow{ width:100%; height:100%; position:absolute; background-attachment: fixed; background-image: url("../res/over.png"); background-size:100% auto; background-repeat:no-repeat; background-attachment:fixed; } #circle{ width:100%; height:100%; top:0px; position:absolute; background-attachment: fixed; background-image: url("../res/en.png"); background-size:100% auto; background-repeat:no-repeat; background-attachment:fixed; } #twiwrap{ opacity:0.9; width:40%; top:20%; left:2%; position:absolute; background-image: url("../res/twit.png"); background-size:100% auto; background-repeat:no-repeat; } #twitter{ position:relative; color: #fff; overflow: auto; } #twitter a{ position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; } #profile{ opacity:0.66; width:40%; top:40%; left:10%; padding:5px; padding-left:15px; position:absolute; background-color:#fff; } #stand{ width:50%; height:60%; top:33%; left:50%; position:absolute; background-image: url("../res/stand0.png"); background-size:100% auto; background-position:50% 0%; background-repeat:no-repeat; } #policy{ opacity:0.66; width:80%; top:66%; left:10%; padding:5px; position:absolute; background-color:#fff; }