body { width:975px; height:975px; margin:0; padding:0; } img { width:975px; height:975px; position: absolute; z-index:-1; } a { color:inherit; text-decoration: none; } .page-background-image { position:absolute; width:975px; height:975px; z-index:-1; } .coverimage { position:absolute; width:975px; height:975px; text-align:center; } /* @font-face{font-family: "MikadoaBlack"; src: url(../fonts/MikadoaBlack.otf);} @font-face{font-family: "MikadoaBold"; src: url(../fonts/MikadoaBold.otf);} @font-face{font-family: "MikadoaMedium"; src: url(../fonts/MikadoaMedium.otf);} */ @font-face{font-family: "MikadoaBlack"; src: url(../fonts/MikadoaBlack.woff);} @font-face{font-family: "MikadoaBold"; src: url(../fonts/MikadoaBold.woff);} @font-face{font-family: "MikadoaMedium"; src: url(../fonts/MikadoaMedium.woff);} #karben a:nth-of-type(1) {top: 435px; left: 600px; position: absolute; color:transparent; height: 25px; width: 147px;} #ad02 a:nth-of-type(1) {top: 595px; left: 228px; position: absolute; color:transparent; height: 20px; width: 173px;} #ad02 a:nth-of-type(2) {top: 595px; left: 454px; position: absolute; color:transparent; height: 20px; width: 290px;} #ad02 a:nth-of-type(3) {top: 693px; font-size:9px; left: 283px; position: absolute; color:transparent; height: 20px; width: 103px;} #ad02 a:nth-of-type(4) {top: 693px; left: 423px; position: absolute; color:transparent; height: 20px; width: 270px;} #ad03 a:nth-of-type(1) {top: 649px; left: 323px; position: absolute; color:transparent; height: 20px; width: 333px;} #ad03 a:nth-of-type(2) {top: 735px; left: 378px; position: absolute; color:transparent; height: 20px; width: 225px;} #ad03 a:nth-of-type(3) {top: 798px; font-size:8px; left: 416px; position: absolute; color:transparent; height: 20px; width: 119px;} #ad03 a:nth-of-type(4) {top: 815px; font-size:13px; left: 380px; position: absolute; color:transparent; height: 20px; width: 222px;} .-epub-media-overlay-active { color: #0000FF !important; } .-epub-media-overlay-active *{ color: #0000FF !important; } .big { top: 0px; left: 228px; position:absolute; font-size: 40px; } .small { top: 1px; left: 248px; position:absolute; font-size: 21.5px; } .red { font-family: "MikadoaBlack"; color:#D2232A; letter-spacing: 1.5px; } .yellow { font-family: "MikadoaBlack"; color:#FFF200; letter-spacing: 1.5px; } .title .text1 { top: 875px; left: 280px; font-family: "MikadoaBold"; font-size: 29px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 42px; width: 900px; color:#FFFFFF; } .title .text2 { top: 907px; left: 305px; font-family: "MikadoaBold"; font-size: 25px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: -0.1px; line-height: 42px; width: 900px; color:#FFFFFF; } .tit { font-size: 22px; } .page01 .text1 { top: 863px; left: 83px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 800px; color:#FFFFFF; } .page02 .text1 { top: 63px; left: 86px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 800px; } .page03 .text1 { top: 63px; left: 85px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 800px; } .page04 .text1 { top: 813px; left: 88px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 800px; color:#FFFFFF; } .page05 .text1 { top: 818px; left: 88px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 800px; color:#FFFFFF; } .page06 .text1 { top: 63px; left: 68px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 850px; } .page07 .text1 { top: 63px; left: 68px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 830px; } .page08 .text1 { top: 864px; left: 100px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 800px; color:#FFFFFF; } .page09 .text1 { top: 63px; left: 72px; font-family: "MikadoaMedium"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 830px; } .page10 .text1 { top: 78px; left: 186px; font-family: "MikadoaBold"; font-size: 71px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 1px; line-height: 49px; width: 830px; color:#D2232A; -webkit-text-stroke-width: 1.8pt; -webkit-text-stroke-color: #FFFFFF; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); } .page10 .text2 { top: 144px; left: 111px; font-family: "MikadoaBold"; font-size: 71px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 2px; line-height: 49px; width: 830px; color:#D2232A; -webkit-text-stroke-width: 1.8pt; -webkit-text-stroke-color: #FFFFFF; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); }