img {
  border: 0px;
}

#page {
	width:950px !important;
	min-height: 920px !important;  
	margin: 0px auto 0px auto;
	background: white;
}

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: normal 8pt/13pt Verdana, Arial, Helvetica, Sans Serif;	
	background-image: url('/images/jppagebackground.jpg');
	background-color: #ffffff;	
	background-repeat: repeat-x;	
}

div.body {	
	float: top !important;
	width: 950px;
	min-height: 920px !important;	
	background-color: #e4d9be;	
	margin-left: auto;
    margin-right: auto;
}	

#IE6 div.body {	
	height: 800px !important;  
}
	
div.header {
	background-image: url(/images/headerbck.jpg);	
	background-repeat: norepeat;	
	width: 950px;
	height: 90px;
	margin-top: -27px;	
	text-align: left;
}

#IE6 div.header {	
	margin-top: 0px;	
}

#IE7 div.header {
	margin-top: 0px;
}

div.header h1 {
	color: #eaeaea;
	font: normal small-caps 900 40px arial;
}

div.rightbanner {
	float: right;    
	margin-top: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #DACAA3;
	text-align: center;	
	width: 190px;	
}

#IE6 div.rightbanner {
	float: right;
	margin-left: -2px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #DACAA3;
	text-align: center;	
	width: 190px;	
}

#IE7 div.rightbanner {	
	margin-top: 3px;	
}

div.adsense {
	margin-left: 15px;
}

#IE6 div.adsense {
	margin-left: 0px;
}

#IE7 div.adsense {
	margin-left: 0px;
}

table.searchfield {
	height: 68px;
	border-spacing: 0px;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(/images/searchfieldbck.jpg);
	background-repeat: repeat;
}

#IE6 table.searchfield {	
	height: 70px;
	border-spacing: 0px;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(/images/searchfieldbck.jpg);
	background-repeat: repeat;
}

#IE7 table.searchfield {	
	height: 70px;
	border-spacing: 0px;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;	
	margin-left: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(/images/searchfieldbck.jpg);
	background-repeat: repeat;
}

td.searchfield {		
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: 0px;
	margin-bottom: 0px;	
}

td.searchfield  input {
	background: #e4d9be;
}

select {
	background: #e4d9be;
}

#IE6 td.searchfield {	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;	
	margin-left: 0px;
	margin-bottom: 0px;	
}

#IE7 td.searchfield {	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;	
	margin-left: 0px;
	margin-bottom: 0px;	
}

input.searchfield {
	width: 302px;
	height: 30px;
	font: normal 25px arial;	
}

#IE6 input.searchfield {
	width: 298px;
	height: 30px;
	font: normal 25px arial;	
}

#IE7 input.searchfield {
	width: 298px;
	height: 30px;
	font: normal 25px arial;	
}

input.searchbutton {
	width: 75px;
	background-image: url(/images/operationbuttonbck.jpg);
	background-repeat: repeat;
	font: bold 12px arial;
}

#IE6 input.searchbutton {
	width: 75px;
	background: orange;
	font: bold 12px arial;
}

#IE7 input.searchbutton {
	width: 75px;
	background-image: url(/images/operationbuttonbck.jpg);
	background-repeat: repeat;
	font: bold 12px arial;
}

table.frame {
	border-spacing: 0px;
	background: transparent;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: 1px;
	margin-bottom: 2px;
}

#IE6 table.frame {
	border-spacing: 0px;
	background: transparent;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: 0px;
	margin-bottom: 0px;
}

#IE7 table.frame {
	border-spacing: 0px;
	background: transparent;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: 0px;
	margin-bottom: 0px;
}

table.searchtable {
	border-spacing: 0px;
	width: 360px;
	height: 33px;
	background-image: url(/images/searchtablebck.jpg);
	background-repeat: repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;	
	margin-top: 0px;
	margin-left: 2px;
	margin-bottom: 0px;
	text-align: center;
}

#IE6 table.searchtable {
	border-spacing: 0px;
	width: 360px;
	height: 33px;
	background-image: url(/images/searchtablebck.jpg);
	background-repeat: repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}

#IE7 table.searchtable {
	border-spacing: 0px;
	width: 360px;
	height: 33px;
	background-image: url(/images/searchtablebck.jpg);
	background-repeat: repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}

table.keyboardtable {
	border-spacing: 0px;
	width: 360px;
	height: 33px;
	background: #c5ac71;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 0px;	
	margin-top: 0px;
	margin-left: 2px;
	margin-bottom: 0px;
	text-align: left;
}

#IE6 table.keyboardtable {
	border-spacing: 0px;
	width: 360px;
	height: 33px;
	background: #c5ac71;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}

#IE7 table.keyboardtable {
	border-spacing: 0px;
	width: 360px;
	height: 33px;
	background: #c5ac71;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 0px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}

tr.rowcolor1 {
	background-image: url(/images/rowbck1.jpg);
	background-repeat: repeat;	
}

tr.rowcolor2 {
	background-image: url(/images/rowbck2.jpg);
	background-repeat: repeat;
}

input.key {	
	padding-top: 0px;
	padding-bottom: 0px;	
	width: 35px;	
	height: 30px;
	text-decoration: none;
	font: normal 20px arial;	
	background: #eadaba;
}

#IE6 input.key {	
	padding-top: 0px;
	padding-bottom: 0px;	
	width: 35px;	
	height: 30px;
	text-decoration: none;
	font: 100 16px arial;	
	background: #eadaba;
}

#IE7 input.key {	
	padding-top: 0px;
	padding-bottom: 0px;	
	width: 35px;	
	height: 30px;
	text-decoration: none;
	font: normal 20px arial;
	background: #eadaba;	
}

input.keyspec {
	width: 30px;
	height: 20px;
	font: bold 12px arial;	
	background-image: url(/images/operationbuttonbck.jpg);
	background-repeat: repeat;
}

#IE6 input.keyspec {
	width: 30px;
	height: 20px;
	font: bold 12px arial;	
	background: orange;
}

#IE7 input.keyspec {
	width: 30px;
	height: 20px;
	font: bold 12px arial;	
	background-image: url(/images/operationbuttonbck.jpg);
	background-repeat: repeat;
}

td.keyspec {
	text-align: right;
	width: 30px;
}

table.keyboardheader {
	width: 354px;
}

#IE6 td.filler {	
	width: 30px;
}

table.keyboard {
	width: 754px;
	background: #c5ac71;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	text-align: center;
}

table.bigsign {	
	border-spacing: 2px;
	width: 70px;
	height: 68px;	
	color: black;
	background-image: url(/images/signbck.jpg);
	background-repeat: no-repeat;
	text-align: center;	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font: 100 45px arial;
}

#IE6 table.bigsign  {	
	border-spacing: 0px;
	width: 71px;
	height: 70px;	
	color: black;
	background-image: url(/images/signbck.jpg);
	background-repeat: no-repeat;
	text-align: center;	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font: normal 40px arial;
}

#IE7 table.bigsign  {	
	border-spacing: 0px;
	width: 71px;
	height: 70px;	
	color: black;
	background-image: url(/images/signbck.jpg);
	background-repeat: no-repeat;
	text-align: center;	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font: normal 40px arial;
}

table.result td.en {
	width: 258px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;	
}

table.result td.jp {
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font: normal 20px arial;
}

table.result td.jpromaji {
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;	
}

table.result td.resultheader {
	background-image: url(/images/resulttableheaderbck.jpg);
	background-repeat: repeat;
	width: 366px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

table.result td.resulttitle {
	background-image: url(/images/resulttitlebck.jpg);
	background-repeat: repeat;	
	font: bold 12px arial;	
}

table.result td a {	
	color: black;
	text-decoration: none;
}

table.result td.comment a {	
	color: brown;
	text-decoration: none;
}

table.noresult {
	background-image: url(/images/resultbck.jpg);
	background-repeat: repeat;
	width: 754px;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-top: 2px;
}

input.submit {
	background-image: url(/images/operationbuttonbck.jpg);
	background-repeat: repeat;	
	height: 21px;	
	margin-bottom: 2px;
	padding-bottom: 1px;
}

table.links {	
	border: 0;	
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;	
	padding-left: 80px;	
	text-align: left;
	background: #DACAA3;
	width: 754px;
}

#IE6 table.links {	
	margin-left: 2px;
	margin-bottom: 5px;	
    padding-left: 80px;
}

#IE7 table.links td {
    padding-left: 80px;
}

table.links a {
	color: brown;
	font: normal 18px arial;
}

div.bottom {	
  width: 950px;
  height: 20px;
  text-align: left;
  background-image: url(/images/bottom.jpg);	
  background-repeat: no-repeat;
  margin: 0px auto 0px auto;
}

div.footer {
	margin-left: auto;
    margin-right: auto;
	background: transparent;
	text-align: center;	
	width: 950px;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 2px;
	vertical-align: middle;	
}

div.footer a {
	color: brown;	
	text-decoration: none;
	font: normal 10px arial;
}

div.footer a.big {
	color: brown;	
	text-decoration: none;
	font: normal 12px arial;
}

div.footer b {
	color: gray;	
}

/* HANGMAN */

div.hangmanresultdiv {
	margin-left: 10px;
}

b.hangmanchance {
	color: black;	
	text-decoration: none;
	font: bold 60px arial;
}

b.congratulations {
	color: red;
	text-decoration: none;
	font: bold 14px arial;
}

table.hangmandisplay {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
	padding-right: 50px;
}

table.hangmandisplay  td {
	text-align: center;
	padding-left: 40px;	
	font: italic 16px arial;
}

h1.displayedWordContainer {
	font: bold 25px arial;
}

a.hangmandisplayedword {
	color: #000000;
	font: normal 500 20px arial;
}