body { margin: 0px; padding: 0px; font-size: 16px; color: #373737; line-height: 22px; background-color: #fff; height:100%; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" } .hsp5 { height: 5px; clear: both; } .hsp10 { height: 10px; clear: both; } .hsp20 { height: 20px; clear: both; } .hsp100 { height: 100px; clear: both; } .hsp200 { height: 200px; clear: both; } ul,ol { list-style: none; margin: 0; padding: 0; } h1 { margin: 0; padding: 0; font-size: 14px; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" } a { color: #6F0001; text-decoration: none; } a:hover { color: #6F0001; text-decoration: none; } a img:hover { opacity: 0.8; } p { margin: 0px; padding: 0px; } img { padding: 0px; border: none; vertical-align: bottom; } .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .clear { *zoom: 1; clear: both; } #index { width: 100%; height: 100%; } #enter { width:100%; max-width: 500px; margin: 0 auto; text-align: center; } #enter_logo { width:100%; max-width: 300px; height: auto; margin: 0 auto; } #enter_btn img { width:50%; max-width: 250px; height: auto; } #enter_text { padding: 10px; width: 100%; bottom: 20px; text-align: center; font-size: 12px; background-color: rgba(255,102,225,0.50); color: white; } #enter_text img { width: 100%; height: auto; } #footer{ margin: 10px 0 0 0; padding: 10px; text-align: center; font-size: 1.2em; width: 100%; background-color: rgba(255,0,214,0.66); color: #fff; }