/* CSS Document */ @charset "utf-8"; /* Latest Update 2012.10.31 write */ /* author keiki ettyuu */ /* ---------- MENU ---------- */ /* 1. gloval setting 2. wrapper setting 3. header setting 4. footer setting 5. .section setting 999. clearfix */ /* ---------- MENU ---------- */ /*----------------------------*/ /* 1. gloval setting */ /*----------------------------*/ html,body{ } body{ } /*----------------------------*/ /* 2. wrapper setting */ /*----------------------------*/ #wrapper { } /*----------------------------*/ /* 3. header setting */ /*----------------------------*/ /*----------------------------*/ /* 4. footer setting */ /*----------------------------*/ /*----------------------------*/ /* 5. .section setting */ /*----------------------------*/ #main{ background-color: #EDF2F2; } article{ } .sectionSetting{ } .sectionSetting div#user_info{ } .sectionSetting div#user_info h2 { font-size: 24px; font-weight: bold; color: #37648C; border-bottom: 3px solid #37648C; } .sectionSetting div#user_info dl{ border-top: 1px dotted #BBBBBB; font-size: 16px; } .sectionSetting div#user_info dl dt, .sectionSetting div#user_info dl dd{ border-bottom: 1px dotted #BBBBBB; } .sectionSetting div#user_info dl dt{ background-color: #DCE6E6; color: #37648C; font-weight: bolder; } .sectionSetting div#user_info dl dd{ } .sectionSetting div#user_info .passchgbtn { } .sectionSetting div#user_info .passchgbtn 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; /* [disabled]background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); */ background: -moz-linear-gradient( center top,#36638B 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008'); background-color: #23486F; border: 1px solid #0C274D; color: #ffffff; font-family: arial; /* [disabled]text-shadow: 1px 1px 0px #96AABE; */ } .sectionSetting div#user_info .passchgbtn 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: #23486F; } .sectionSetting div#user_info .passchgbtn a:active { } .sectionSetting div#user_info .passchgbtn a:not(:target) { background-image: url(button_back_off.svg); background-repeat: repeat-x; } .sectionSetting div#user_info .passchgbtn a:hover:not(:target) { background-image: url(button_back_on.svg); background-position: bottom; } div#user_option{ background-color: #FFF; } div#user_option h3{ color: #37648C; background-color: #EDF2F2; font-size: 18px; font-weight: bold; } div#user_option ul { font-size:13px; } div#user_option ul li .choice { } div#user_option ul li .notice { font-size:11px; } div#user_option ul li input { } div#user_option ul li input.chkbx { } .sectionSetting div#user_option .backupbtn .backup{ } .sectionSetting div#user_option .logout_backup { font-size:13px; } .sectionSetting div#user_option input { } .sectionSetting div#user_option .backupbtn { } .sectionSetting div#user_option .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, #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: #23486F; border: 1px solid #0C274D; color: #ffffff; font-family: arial; /* [disabled]text-shadow: 1px 1px 0px #a2d613; */ } .sectionSetting div#user_option .backupbtn 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: #23486F; } .sectionSetting div#user_option .backupbtn a:active { } .sectionSetting div#user_option .backupbtn a:not(:target) { background-image: url(button_back_off.svg); background-repeat: repeat-x; } .sectionSetting div#user_option .backupbtn a:hover:not(:target) { background-image: url(button_back_on.svg); background-position: bottom; background-repeat: repeat-x; } .sectionSetting #user_option .savebtn{ border-top: 1px solid #CCC; } .sectionSetting #user_option .savebtn 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, #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: #23486F; border: 1px solid #0C274D; color: #ffffff; font-family: arial; /* [disabled]text-shadow: 1px 1px 0px #a2d613; */ } .sectionSetting #user_option .savebtn 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: #23486F; } .sectionSetting #user_option .savebtn a:active { } .sectionSetting #user_option .savebtn a:not(:target) { background-image: url(button_back_off.svg); background-repeat: repeat-x; } .sectionSetting #user_option .savebtn a:hover:not(:target) { background-image: url(button_back_on.svg); background-repeat: repeat-x; background-position: bottom; } .sectionSetting #user_option .savebtn .save{ } .sectionSetting #user_option .savebtn .default{ } .sectionSetting .memory { font-size:12px; } .sectionSetting .memory input{ } .sectionSetting .loginbtn { } .sectionSetting .loginbtn a { font-size:14px; font-weight:bold; -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; border:1px solid #83bd07; color:#ffffff; font-family:arial; text-shadow:1px 1px 0px #a2d613; } .sectionSetting .loginbtn 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; } .sectionSetting .loginbtn a:active { } /*----------------------------*/ /* 999. clearfix */ /*----------------------------*/ /*clearfix*/ .fix { } .fix:after { font-size:1px; } .fix { } /*------------*/ #user_change article .sectionSetting #user_option ul li { margin-top: 10px; margin-bottom: 10px; } /* No.4 */ #cboAnimation { } .lblOptPageTransPeriod { } #txtValueAnimation { border:solid 1px #222; } #slidebar-animation { } #slidebar-container { }