@charset "utf-8";
/* CSS Document */

#a-area2 {
	margin-bottom: 20px;
	width: 360px;
}


#calculator {
	width: 342px;
	height: 372px;
	background: url(../images/prg/calculator.png) no-repeat;
}

#calculator #sum-area {
	height: 40px;
	line-height: 40px;
	font-size: 32px!important;
	text-align: right;
	overflow: hidden;
	position: relative;
	top: 25px;
	color: #fff;
	
	margin-right: 30px;
}

#calculator #cal-btn {
	width: 300px;
	position: relative;
	top: 50px;
	left: 22px;
}

#calculator #calbtn-l {
	width: 220px;
	float: left;
}

#calculator #calbtn-r {
	width: 80px;
	float: right;
}

#calbtn-l li {
	margin: 0 15px 12px 0;
	width: 56px;
	height: 56px;
	float: left;
}

#calbtn-l #btn-num00 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number00.png) no-repeat;
}

#calbtn-l #btn-num01 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number01.png) no-repeat;
}

#calbtn-l #btn-num02 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number02.png) no-repeat;
}

#calbtn-l #btn-num03 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number03.png) no-repeat;
}

#calbtn-l #btn-num04 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number04.png) no-repeat;
}

#calbtn-l #btn-num05 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number05.png) no-repeat;
}

#calbtn-l #btn-num06 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number06.png) no-repeat;
}

#calbtn-l #btn-num07 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number07.png) no-repeat;
}

#calbtn-l #btn-num08 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number08.png) no-repeat;
}

#calbtn-l #btn-num09 a {
	width: 56px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-number09.png) no-repeat;
}

#calbtn-r #btn-clear {
	margin-bottom: 10px;
	width: 80px;
	height: 56px;
}

#calbtn-r #btn-clear a {
	width: 80px;
	height: 56px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-clear.png) no-repeat;
}

#calbtn-r #btn-enter a {
	width: 80px;
	height: 196px;
	font-size: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/prg/btn-enter.png) no-repeat;
}

#calbtn-l #btn-num00 a:hover, #calbtn-l #btn-num01 a:hover, #calbtn-l #btn-num02 a:hover, 
#calbtn-l #btn-num03 a:hover, #calbtn-l #btn-num04 a:hover, #calbtn-l #btn-num05 a:hover, 
#calbtn-l #btn-num06 a:hover, #calbtn-l #btn-num07 a:hover, #calbtn-l #btn-num08 a:hover, 
#calbtn-l #btn-num09 a:hover, #calbtn-r #btn-clear a:hover, #calbtn-r #btn-enter a:hover {
	background-position: left bottom;
}