/* CSS Document */ @charset "utf-8"; /* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* ---------- MENU ---------- */ /* 5. section setting */ /* ---------- MENU ---------- */ html,body { margin:0; padding:0; } /*----------------------------*/ /* 1. section setting */ /*----------------------------*/ article{ margin:0; padding:0; } section{ width:520px; height:308px; border:1px solid #cccccc; display:block; padding:0; margin:0; overflow:hidden; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; -webkit-box-shadow: 0px 1px 3px 0px #666; -moz-box-shadow: 0px 1px 3px 0px #666; box-shadow: 0px 1px 3px 0px #666; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; } section h1{ margin:0 0 38px 0; padding:0; height:64px; line-height:62px; text-align:center; font-weight:bold; letter-spacing: 2px; color:#333; text-shadow: 1px 1px 2px #999; background-color:#f0f0f0; -webkit-box-shadow: 0px 1px 3px 0px #999; -moz-box-shadow: 0px 1px 3px 0px #999; box-shadow: 0px 1px 3px 0px #999; } section p{ width:320px; margin:0 50px; } section p.message{ margin-bottom:20px; font-size:15px; font-weight:bold; color:#333; } section p.notice{ line-height:20px; font-size:12px; color:#333; } section .restorebtn { width:325px; height:25px; margin:29px auto 0; } section .restorebtn a.ok { position:relative; margin:0 98px 0 0; } section .restorebtn a.cancel { position:relative; margin:27px 0 0 135px; } section .restorebtn a { width:170px; height:21px; -moz-box-shadow:inset 0px 1px 0px 0px #d6ee23; -webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23; box-shadow:inset 0px 1px 0px 0px #d6ee23; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008'); background-color:#a4d815; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #83bd07; display:inline-block; color:#ffffff; font-family:arial; font-size:14px; font-weight:bold; padding:2px 0; line-height:21px; text-decoration:none; text-shadow:1px 1px 0px #a2d613; text-align:center; float:right; } section .restorebtn a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) ); background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815'); background-color:#83c008; } section .restorebtn a:active { position:relative; top:1px; } section .restorebtn a:not(:target) { filter: none; -ms-filter: none; }