@charset "shift_jis";

/****************************************************************
(C) 2008 Kishore Nallan for DesignShack
http://www.kishorelive.com
kishore.nc@gmail.com
*****************************************************************/

input.number_box {
	width:6em;
	font-size: 36px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	padding: 1px 3px;
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	font-weight: bold;
}

input.password_box {
	width: 14em;
	font-size: 36px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	padding: 1px 3px;
	border: 1px solid #aaa;
	background-color: #f5f5f5;
}

input.number_wide_box {
	width: 11.5em;
	font-size: 36px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	padding: 1px 3px;
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	font-weight: bold;
}

input.number_short_box {
	width: 3em;
	font-size: 36px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	padding: 1px 3px;
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	font-weight: bold;
}

span.skb_title {
	font-weight:bold;
}

.keyboard_number { 
	position: absolute; 
	display: none; 
	width: 300px; 
	padding: 10px; 
	cursor: move; 
	border: 3px solid #ff6600;
	background: #FFFACD;
	text-align:center;
}

.keyboard_number input {
	cursor: pointer;
}

.keyboard_number_wide { 
	position: absolute; 
	display: none; 
	width: 430px; 
	padding: 10px; 
	cursor: move; 
	border: 3px solid #ff6600;
	background: #FFFACD;
	text-align:center;
}

.keyboard_number_wide input {
	cursor: pointer;
}

.keyboard_alphabet { 
	position: absolute; 
	display: none; 
	width: 630px; 
	padding: 10px; 
	cursor: move; 
	border: 3px solid #006666;
	background: #FFFACD;
	text-align:center;	
}

.keyboard_alphabet input {
	cursor: pointer;
}

.keyboard_number div {
	text-align: center;
}

.keyboard_number_wide div {
	text-align: center;
}

.keyboard_alphabet div {
	text-align: center;
}

.spacebar input { 
	width: 180px; 
	margin: 0 auto; 
	margin-left: 150px; 
}

.shift, .shifton { 
	text-align: left; 
}

.rowN0_shift, 
.rowA0_shift, 
.rowA1_shift, 
.rowA2_shift, 
.rowA3_shift {
	display: none;
}

/**.rowN0, **/
.rowA0, 
.rowN0_shift, 
.rowA0_shift {
	padding-left: 20px; 
}

.rowA1, 
.rowA1_shift { 
	padding-left: 30px; 
}

.rowA2, 
.rowA2_shift { 
	padding-left: 20px; 
}

.shifton { 
	border-left: 3px solid #000; 
	border-top: 3px solid #000; 
}