.imageButton
{
    position: absolute;
    cursor:hand;
    border: 3px solid transparent;
}


.optionButton
{
	position: absolute;
	width: 260px;
	height: 56px;
	margin: 3:px;
	cursor:hand;
}
.optionButtonText
{
	position:absolute;
	text-align:center;
	width:259px;
	color:#333333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
	top:18px;
	left:0px;
	cursor:default;
}

#clueText
		{
			position: absolute;
			text-align:center;
			width:300px;
			height:20px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:10pt;

			font-weight: normal;
			padding:0px;
            cursor:default;
			color:#555555;
            /*background: #66FF99;*/
		}

.textBox
{
	position: absolute;
	text-align:center;
	width:180px;
	height:78px;
	font-family:"Meiryo UI", Geneva, sans-serif;
	font-size:16pt;
	padding:0px;
	cursor:default;
    /*background:#FF99FF;*/
    }
#phoneticguide
		{
			position: absolute;
			text-align:left;
			width:180px;
			height:78px;
			font-family:"Meiryo UI", Geneva, sans-serif;
			font-size:10pt;
			padding:0px;
            cursor:default;
            color: #555555;
            white-space: pre;
           /* background: #FFFF66;*/
}
.inputText
{
    position: absolute;
    text-align:center;
    width:324px;
    height:50px;
    padding:0px;
    margin:0px;
    padding-top: 20px;
   /* background-image: url("input_background.png");*/
}

input[type=text]
{
    background-color: #f0f0f0;
    border:solid 1px #BFBDBD;
    color: #000;
    height: 40px;
    width: 500px;
    padding: 10px;
    font-size:24pt;
    font-family:"Meiryo UI", Geneva, sans-serif;
   /* box-shadow: 2px 2px 0 #828181 inset;*/
}
.buttonMark
{
	position: absolute;
	bottom:-10px;
	right:-220px;
	display:none;
	cursor:default;
}

