style type="text/css"> @charset "UTF-8"; @import url('https://fonts.googleapis.com/css?family=Varela+Round'); body { background: #faf9f9; color: #333; font-size: 12px; font-family: 'Varela Round', メイリオ, sans-serif; line-height: 180%; letter-spacing: 2px; } a { color: #5ea3a3; text-decoration: none; } a:hover, active { position: relative; top: 0; } h1 { font-size: 15px; color: #488b8f; background: #faf9f9; padding: 10px; margin: 0 20px; display: inline-block; border-top: solid 2px #add2c9; border-bottom: solid 2px #add2c9; } h2 { font-size: 13px; background: #faf9f9; padding: 0 10px; margin: 0 10px; display: inline-block; position: relative; bottom: 20px; } h2 p { font-size: 12px; display: inline-block; font-weight: 200; margin: 0; } .wrp { max-width: 400px; margin: 70px auto 0; } .cn { text-align: center; } .top { border: solid 2px #488b8f; background: #faf9f9; border-radius: 10px; padding: 10px 15px; margin: 50px 20px 20px; } .more { text-align: right; margin-top: 10px; } .more a { color: #faf9f9; text-decoration: none; border: 2px solid #5ea3a3; padding: 2px 10px; border-radius: 5px; background: #5ea3a3; } .more a:hover, active { border: 2px solid #5ea3a3; color: #5ea3a3; background: #faf9f9; } .ft { text-align: center; margin: 20px 0; } .ft a { color: #faf9f9; text-decoration: none; padding: 2px 10px; background: #add2c9; margin: 0 15px; border-radius: 5px; } .ft a:hover, active { color: #add2c9; background: #faf9f9; }