/* CSS Document */ @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; border:1px solid #cccccc; 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; display:none; z-index:1000; background-color:#fff; } .sectionbackup 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; } .sectionbackup p{ width:320px; margin:0 50px; } .sectionbackup p.message{ font-size:15px; font-weight:bold; color:#333; } .sectionbackup .backupbtn { width:325px; height:25px; margin:49px auto 0; } .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-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; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #0C274D; display:inline-block; color:#ffffff; font-family:arial; font-size:14px; font-weight:bold; padding:2px 0; line-height:21px; text-decoration:none; text-align:center; float:right; } .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 { position:relative; top:1px; } .sectionbackup .backupbtn a:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); } .sectionbackup .backupbtn a:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); } .sectionbackup_logout{ width:500px; height:310px; border:1px solid #cccccc; 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; display:none; z-index:1000; background-color:#fff; } .sectionbackup_logout 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; } .sectionbackup_logout .message-options .option_backup { font-size:13px; 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; font-size:13px; } .sectionbackup_logout p.message{ font-size:15px; font-weight:bold; color:#333; } .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-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; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #0C274D; display:inline-block; color:#ffffff; font-family:arial; font-size:14px; font-weight:bold; padding:2px 0; line-height:21px; text-decoration:none; text-align:center; float:right; } .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 { position:relative; top:1px; } .sectionbackup_logout .backupbtn a:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); } .sectionbackup_logout .backupbtn a:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); }