@charset 'utf-8';

body {
	width: 980px;
	color: #333;
}

h2 {
	border-left: 10px solid #5EAEEE;
	margin: 20px 0px 0px 0px;
	padding: 2px 5px;
}

div.application {
	padding-left: 5px;
}

div.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}

#navi {
	display: table;
	margin: 13px 0px;
	border: 1px solid #999;
}

#navi a {
	display: table-cell;
	border: 1px solid #999;
	background-color: #F5F5F5;
	width: 243px;
	height: 28px;
	font-weight: bold;
	color: #333;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

#navi a:hover {
	background-color: #A2E4FB;
}

#main_form {
	margin: 0px 0px 20px 0px;
	padding: 10px 5px;
	border: 1px solid #808080;
	background-color: #D1D1D1;
}

#main_form .form_area {
	float: left;
}

#main_form .form_area .form_item {
	border-collapse: collapse;
	margin: 5px 10px;
}

#main_form .form_area .form_item th.input_header {
	padding: 2px;
	width: 160px;
	font-size: 18px;
	border: 1px solid #222 !important;
	background-color: #CFF;
}

#main_form .form_area .form_item td {
	padding: 2px;
	border: 1px solid #222;
	background-color: #FFF;
}

#main_form ul.note {
	list-style-type: none;
	padding: 0px 0px 0px 1em;
	margin: 21px 24px 16px 24px;
}

#login_info .section {
	float: left;
}

#main .section {
	padding: 0px 10px;
}

#main .section ul {
	padding: 0px 0px 0px 1em;
	margin: 14px 0px 16px 0px;
}

#main .section ul.note {
	list-style-type: none;
	padding: 0px 0px 0px 1em;
	margin: 16px 0px;
}

#main .topic {
	border: 1px solid #000;
	padding: 5px 10px;
}

#error {
	color: #F00;
	background-color: #FCC;
	border: 1px solid #C33;
	padding: 10px 20px;
}

#error p {
	font-weight: bold;
	text-indent: -7em;
	padding-left: 7em;
}

#noKeyboard {
	display: block;
}

#noKeyboard .form_area {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#keyboard .form_area {
	padding: 10px 20px;
}

#menu {
	width: 810px;
	margin: 30px auto;
}

#menu .item {
	padding: 0px 50px;
	float: left;
}

#loginBtn {
	width: 150px;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
	background-color: #9CF;
	border: 2px solid #666;
	margin: 13px;
}

#btnOpenKbd {
	width: 240px;
	height: 60px;
	font-size: 18px;
	font-weight: bold;
	background-color: #CFC;
	border: 2px solid #666;
}

#btnOpenKbd span.super {
	font-size: 0.75em;
	vertical-align: super;
}

#btnCloseKbd {
	width: 240px;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	background-color: #CFC;
	border: 2px solid #666;
}

#newBtn,#remindBtn {
	width: 200px;
	height: 60px;
	font-size: 18px;
	font-weight: bold;
	border: 2px solid #336;
	background-color: #669;
	color: #FFF;
}

#newBtn {
	margin-right: 5px;
}

input.field {
	height: 36px;
	width: 330px;
	border: #222222 1px solid;
	font-size: 32px;
	background-color: #FFF;
}

input.pass_word_field {
font-family:Arial !important;
}

input.field_onfocus {
	height: 36px;
	width: 330px;
	border: #222222 1px solid;
	font-size: 32x;
	background-color: #FFFDD7;
}

input.error_field {
	height: 36px;
	width: 330px;
	border: #222222 1px solid;
	font-size: 32px;
}

input.error_field_onfocus {
	height: 36px;
	width: 330px;
	border: #222222 1px solid;
	font-size: 32px;
}

input.keybordField {
	ime-mode: disabled;
}

input.keybordField_onfocus {
	ime-mode: disabled;
}

ul.note li {
	text-indent: -1em;
}

ul.note li span.super {
	font-size: 12px;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em;
}

#remindBtn {
	float: right;
}