/* 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{ width:100%; } body{ } /*----------------------------*/ /* 2. wrapper setting */ /*----------------------------*/ #wrapper { height:100%; } /*----------------------------*/ /* 3. header setting */ /*----------------------------*/ /*----------------------------*/ /* 4. footer setting */ /*----------------------------*/ /*----------------------------*/ /* 5. .section setting */ /*----------------------------*/ #main{ width: 960px; padding: 0; margin-right: auto; margin-left: auto; } article{ width: 960px; /*height: 900px;*/ padding: 0; display: block; overflow: hidden; margin-top: 30px; margin-bottom: 30px; } .sectionSetting{ width: 960px; display: block; margin-right: auto; margin-left: auto; } .sectionSetting div#user_info{ margin-bottom: 40px; } .sectionSetting div#user_info h2{ padding-bottom: 8px; margin-bottom: 25px; } .sectionSetting div#user_info dl{ width: inherit; list-style: none; text-align: left; } .sectionSetting div#user_info dl dt, .sectionSetting div#user_info dl dd{ padding: 0 20px; margin: 0; height:50px; line-height:50px; } .sectionSetting div#user_info dl dt{ width: 160px; float: left; } .sectionSetting div#user_info dl dd{ width: 720px; float: left; } .sectionSetting div#user_info .passchgbtn { clear:both; padding-top:11px; } .sectionSetting div#user_info .passchgbtn a { width: 125px; height: 21px; /* [disabled]background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 10px 20px; line-height: 21px; text-decoration: none; /* [disabled]text-shadow: 1px 1px 0px #96AABE; */ margin: 10px 0 0 0; text-align: center; } .sectionSetting div#user_info .passchgbtn a:hover { } .sectionSetting div#user_info .passchgbtn a:active { position:relative; top:1px; } .sectionSetting div#user_info .passchgbtn a:not(:target) { filter: none; -ms-filter: none; } .sectionSetting div#user_info .passchgbtn a:hover:not(:target) { filter: none; -ms-filter: none; } div#user_option{ width: inherit; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding-top: 30px; /*height: 480px;*/ margin-top: 60px; } div#user_option h3{ padding: 10px; margin: 0 30px 15px 30px; } div#user_option ul { list-style:none; padding:0; margin:0 0 2px 30px; line-height:26px; } div#user_option ul li label.firstview { margin-right:20px; } div#user_option ul li .choice { margin-right: 30px; } div#user_option ul li .notice { margin-left:8px; } div#user_option ul li input { display: inline; vertical-align: 1px; margin: 0 5px 0 0; padding: 0; } div#user_option ul li input.chkbx { margin-right:10px; } .sectionSetting div#user_option .backupbtn .backup{ margin-right:10px; } .sectionSetting div#user_option .logout_backup{ margin:0 0 16px 30px; } .sectionSetting div#user_option input { display: inline; vertical-align: 1px; margin: 0 10px 0 0; padding: 0; } .sectionSetting div#user_option .backupbtn { margin: 0 0 20px 30px; } .sectionSetting div#user_option .backupbtn a { width: 125px; height: 21px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 10px 20px; line-height: 21px; text-decoration: none; /* [disabled]text-shadow: 1px 1px 0px #a2d613; */ margin: 0 0 0 0; text-align: center; } .sectionSetting div#user_option .backupbtn a:hover { } .sectionSetting div#user_option .backupbtn a:active { position:relative; top:1px; } .sectionSetting div#user_option .backupbtn a:not(:target) { filter: none; -ms-filter: none; } .sectionSetting div#user_option .backupbtn a:hover:not(:target) { filter: none; -ms-filter: none; } .sectionSetting #user_option .savebtn{ margin-right: 30px; margin-left: 30px; padding-top: 30px; padding-right: 0; padding-bottom: 0; padding-left: 30px; } .sectionSetting #user_option .savebtn a { width: 125px; height: 21px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 10px 20px; line-height: 21px; text-decoration: none; /* [disabled]text-shadow: 1px 1px 0px #a2d613; */ margin: 0 0 0 0; text-align: center; float: right; } .sectionSetting #user_option .savebtn a:hover { } .sectionSetting #user_option .savebtn a:active { position:relative; top:1px; } .sectionSetting #user_option .savebtn a:not(:target) { filter: none; -ms-filter: none; } .sectionSetting #user_option .savebtn a:hover:not(:target) { filter: none; -ms-filter: none; } .sectionSetting #user_option .savebtn .save{ margin: 0 175px 0 0; } .sectionSetting #user_option .savebtn .default{ margin: 0 -345px 0 0; display: inline-block; } .sectionSetting .memory{ width:300px; vertical-align:middle; margin:50px auto 0; } .sectionSetting .memory input{ vertical-align:middle; margin:0 5px 0; padding:0; } .sectionSetting .loginbtn { width:300px; margin:14px auto 0; } .sectionSetting .loginbtn 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; margin:0 0 0 0; text-align:center; float:right; } .sectionSetting .loginbtn a:hover { } .sectionSetting .loginbtn a:active { position:relative; top:1px; } /*----------------------------*/ /* 999. clearfix */ /*----------------------------*/ /*clearfix*/ .fix { } .fix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } .fix { zoom:1; } /*------------*/ #user_change article .sectionSetting #user_option ul li { margin-top: 10px; margin-bottom: 10px; } /* No.4 */ #cboAnimation { margin-left:120px; width:140px; } .lblOptPageTransPeriod { padding-left:20px; } #txtValueAnimation { width:30px; text-align:center; } #slidebar-animation { display:inline-block; width:200px; margin:0 8px; } #slidebar-container { display:inline-block; padding:0 5px; }