.container { width: 900px; margin:0 auto; border:1px solid #ccc; padding :20px; } input[type="text"], textarea { padding: 0.8em; outline: none; border: 1px solid #DDD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; } textarea { width: 90%; } input[type="text"]:focus, texture:focus { box-shadow: 0 0 7px #3498db; border: 1px solid #3498db; } input.sysNextSubmit { border-radius: 0; background: -moz-linear-gradient(top, #FFF 0%, #EEE); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); border: 1px solid #DDD; color: #111; padding: 10px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input.sysNextSubmit:hover { background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE); background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE)); } td:nth-child(1){ background:#f2f2f2; white-space: nowrap; } td.label{ font-weight: bold; } td, th { padding: 15px 10px; } .required:before { margin-left: 1.0em; padding: 3px 6px 3px 6px; border-radius: 4px; font-size: 0.7em; color: white; background-color: #C44; content: "必須"; } .button_area input { font-size: 1em; font-weight: bold; cursor: pointer; background: #1cb96d; color: #fff; display: block; border: 1px solid #1cb96d; width: 250px; height: 40px; line-height: 44px; border-radius: 5px; text-align: center; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s; margin: 0 auto; } select { overflow: hidden; width: 100%; height: 30px; font-size:1em; text-align: center; position: relative; border: 1px solid #bbbbbb; border-radius: 2px; background: #f2f2f2; } input[type=checkbox] { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); margin-right:10px; } input[type=radio] { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); margin-right:10px; }