@charset "utf-8"; /* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* ---------- MENU ---------- */ /* 5. .sectionrestore setting */ /* ---------- MENU ---------- */ /*----------------------------*/ /* 1. .sectionrestore setting */ /*----------------------------*/ .sectionrestore{ width:420px; height:328px; 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; display:none; z-index:1000; } .sectionrestore h1{ margin:0 0 38px 0; padding:0; height:64px; line-height:62px; text-align:center; letter-spacing: 2px; } .sectionrestore p{ width:320px; margin:0 50px; } .sectionrestore p.message{ margin-bottom:20px; } .sectionrestore p.notice{ line-height:20px; font-size:12px; } .sectionrestore .restorebtn { width:325px; height:25px; margin:29px auto 0; } .sectionrestore .restorebtn a.ok { position:relative; margin:0 98px 0 0; } .sectionrestore .restorebtn a.cancel { position:relative; margin:-27px 0 0 135px; } .sectionrestore .restorebtn a { width:85px; height:21px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; font-size:14px; font-weight:bold; padding:2px 0; line-height:21px; text-decoration:none; text-align:center; float:right; } .sectionrestore .restorebtn a:hover { } .sectionrestore .restorebtn a:active { position:relative; top:1px; } .sectionrestore .restorebtn a:not(:target) { filter: none; -ms-filter: none; } .sectionrestore .restorebtn a:hover:not(:target) { filter: none; -ms-filter: none; } /* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* ---------- MENU ---------- */ /* 5. .sectionrestore setting */ /* ---------- MENU ---------- */ /*----------------------------*/ /* 1. .sectionrestore setting */ /*----------------------------*/ .sectionrestore{ border:1px solid #cccccc; -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; background-color:#fff; } .sectionrestore h1 { font-size:19px; font-weight:bold; 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; } .sectionrestore p{ } .sectionrestore p.message { font-size:15px; font-weight:bold; color:#333; } .sectionrestore p.notice{ color:#333; } .sectionrestore .restorebtn { } .sectionrestore .restorebtn a.disabled { cursor:default; color:#9e9e9e; pointer-events: none; } .sectionrestore .restorebtn a.disabled:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color:#23486F; } .sectionrestore .restorebtn a.ok { } .sectionrestore .restorebtn a.cancel { } .sectionrestore .restorebtn a { -moz-box-shadow:inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7; box-shadow:inset 0px 1px 0px 0px #86ACC7; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background:-moz-linear-gradient( center top, #36638B 5%, #23486F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color:#23486F; border:1px solid #0C274D; color:#ffffff; font-family:arial; } .sectionrestore .restorebtn a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ); background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B'); background-color:#36638B; } .sectionrestore .restorebtn a:active { } .sectionrestore .restorebtn a:not(:target) { background-image: url(button_back_off.svg); } .sectionrestore .restorebtn a:hover:not(:target) { background-image: url(button_back_on.svg); }