@charset "utf-8"; /* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* ---------- MENU ---------- */ /* 5. .sectionbackup setting */ /* ---------- MENU ---------- */ /*----------------------------*/ /* 1. .sectionbackup setting */ /*----------------------------*/ .sectionbackup{ width:420px; /*height:269px; */ 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; } .sectionbackup h1{ margin:0 0 38px 0; padding:0; height:64px; line-height:62px; text-align:center; font-weight:bold; letter-spacing: 2px; } .sectionbackup p{ width:320px; margin:0 50px; } .sectionbackup p.message{ } .sectionbackup .backupbtn { width:325px; height:25px; margin:49px auto 30px; } .sectionbackup .backupbtn a.ok { position:relative; margin:0 98px 0 0; } .sectionbackup .backupbtn a.cancel { position:relative; margin:-27px 0 0 135px; } .sectionbackup .backupbtn a { width:85px; height:21px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; padding:2px 0; line-height:21px; text-decoration:none; text-align:center; float:right; } .sectionbackup .backupbtn a:hover { } .sectionbackup .backupbtn a:active { position:relative; top:1px; } .sectionbackup .backupbtn a:not(:target) { filter: none; -ms-filter: none; } .sectionbackup .backupbtn a:hover:not(:target) { filter: none; -ms-filter: none; } .sectionbackup_logout{ width:500px; height:310px; 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; } .sectionbackup_logout h1{ margin:0 0 38px 0; padding:0; height:64px; line-height:62px; text-align:center; letter-spacing: 2px; } .sectionbackup_logout .message-options .option_backup { margin:0 0 0 24px; } .sectionbackup_logout .message-options .option_backup input { margin:0 5px 0 15px; } .sectionbackup_logout p{ width:500px; margin:0 50px; } .sectionbackup_logout p.notice { /*text-align:center;*/ margin-top:20px; } .sectionbackup_logout p.message{ } .sectionbackup_logout .backupbtn { width:500px; height:25px; margin:20px auto 0; } .sectionbackup_logout .backupbtn a.ok { position:relative; /*margin:0 98px 0 0;*/ } .sectionbackup_logout .backupbtn a.cancel { position:relative; /*margin:-27px 0 0 135px;*/ } .sectionbackup_logout .backupbtn a { margin:0 15px; width: 200px; height:21px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; padding:2px 0; line-height:21px; text-decoration:none; text-align:center; float:right; } .sectionbackup_logout .backupbtn a:hover { } .sectionbackup_logout .backupbtn a:active { position:relative; top:1px; } .sectionbackup_logout .backupbtn a:not(:target) { filter: none; -ms-filter: none; } .sectionbackup_logout .backupbtn a:hover:not(:target) { filter: none; -ms-filter: none; } @charset "utf-8"; /* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* ---------- MENU ---------- */ /* 5. .sectionbackup setting */ /* ---------- MENU ---------- */ /*----------------------------*/ /* 1. .sectionbackup setting */ /*----------------------------*/ .sectionbackup{ 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; } .sectionbackup h1 { font-size:19px; 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; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; } .sectionbackup p{ } .sectionbackup p.message{ color:#333; font-size:15px; font-weight:bold; } .sectionbackup .backupbtn { } .sectionbackup .backupbtn a.ok { } .sectionbackup .backupbtn a.disabled { cursor:default; color:#9e9e9e; pointer-events: none; } .sectionbackup .backupbtn 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; } .sectionbackup .backupbtn a.cancel { } .sectionbackup .backupbtn a { font-size:14px; font-weight:bold; -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%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color:#23486F; border:1px solid #0C274D; color:#ffffff; font-family:arial; } .sectionbackup .backupbtn 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; } .sectionbackup .backupbtn a:active { } .sectionbackup .backupbtn a:not(:target) { background-image: url(button_back_off.svg); } .sectionbackup .backupbtn a:hover:not(:target) { background-image: url(button_back_on.svg); } .sectionbackup_logout{ 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; } .sectionbackup_logout 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; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; } .sectionbackup_logout .message-options .option_backup { font-size:13px; } .sectionbackup_logout .message-options .option_backup input { } .sectionbackup_logout p{ } .sectionbackup_logout p.notice { font-size:13px; } .sectionbackup_logout p.message { font-size:15px; font-weight:bold; color:#333; } .sectionbackup_logout .backupbtn { } .sectionbackup_logout .backupbtn a.ok { } .sectionbackup_logout .backupbtn a.disabled { cursor:default; color:#9e9e9e; pointer-events: none; } .sectionbackup_logout .backupbtn 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; } .sectionbackup_logout .backupbtn a.cancel { } .sectionbackup_logout .backupbtn a { font-size:14px; font-weight:bold; -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%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color:#23486F; border:1px solid #0C274D; color:#ffffff; font-family:arial; } .sectionbackup_logout .backupbtn 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; } .sectionbackup_logout .backupbtn a:active { } .sectionbackup_logout .backupbtn a:not(:target) { background-image: url(button_back_off.svg); } .sectionbackup_logout .backupbtn a:hover:not(:target) { background-image: url(button_back_on.svg); }