BODY
{
	color: black;
	backgroud-color:white;
	font-family: monospace;
	line-height: 150%;
	margin-left: 3%; margin-right: 3%;
}

A:link{
	color:#000099;
}
A:visited{
	color:#660066;
}
A:active{
	color:#008080;
}
A:hover{
	color: #008080;
	background-color: white;
	background-repeat: repeat;
	text-decoration : none;
	/* border-bottom: 1px solid; */
	border-bottom: 1px dashed;
	background-attachment: scroll;
	cursor: hand;
	background-position: 0% 50%

}

h1 {
	width: 100%;
	font-size:110%;
    font-weight: bold;
	font-family: HG�³ž²�‘‘Ì-PRO, serif;

	text-align: center;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
	border-color: #003366;
	background-color: #99CCCC;
	color: #000000;
	padding-right: 0px;
	padding-left:0px;
	padding-top:6px;
	padding-bottom:6px;
}
h2 {
	width: 100%;
	font-size:110%;
    font-weight: bold;
    border-width: 1px 0px 0px 0.5em;
    border-style: solid;
    border-color: #006666;
	color: #000066;
	padding-right: 0px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:0px;
}
h3 {
	font-size:100%;
    font-weight: bold;
	line-height:  90%; margin-left: 2%; margin-right: 3%;
	background-color: #E0E0E0; color: #000000;
	border-style: solid;
	border-width: 2px;
	padding: 3pt;
	color: #808080;
}
TABLE {
	line-height: 150%;
}

TABLE.navi{
	font-size: 90%;
}
TH{
	background-color: #FFECEC;
}	
div.example{
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
	background-color: #EEEECC;
	padding:2px;
}
div.example2{
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
	background-color: #EEEECC;
	padding:2px;
	margin-left:2.5em;
}
div.footer{
	font-size: 90%;
}
P.button2{
	text-align:right;
}
SPAN.date{
	font-size: 90%;
	color: #333333;
}	
EM{
	font-style: normal;
	color: #CC0033;
}
SMALL{
	font-size:90%;
}

.NOTE{
margin-left:2.5em; color: #333333; background-color: #FFFFFF; }

.div1{
 text-align: center;
}

.NOTES{
	margin-left:30px;
}

.HINTS{
	margin-left:30px;
}

DIV.NOTES UL{
	margin-left:0px;
}

DIV.HINTS UL{
	margin-left:0px;
}

li{
	/* line-height : 20px; */
	list-style-image : url(bullet1.gif);
	/* list-style-position : outside; */
	/* margin-bottom : 10px; */
	/* text-indent: 0px; */
	/* font-size: 0.9em; */
}

LI.step DIV.NOTES{
	margin-left:19px;
}

LI.step DIV.HINTS{
	margin-left:19px;
}

LI.step DIV.OTHERS{
	margin-left:0px;
}

LI.step DIV.REFERS{
	margin-left:0px;
}

DIV.HINTS LI.step{
	font-weight:normal;
	font-size:100%;
	margin-bottom:0;
	margin-top:0;
}

FIELDSET{
	width:95%;
	margin-left:20px;
	padding:10px;
}

LEGEND{
	font-size:110%;
	margin-bottom:4px;
	font-weight:bold;
}

FIELDSET.hints{
	border-color:orange;
}

FIELDSET.hints LEGEND{
	color:#C35C20;
}

FIELDSET.notes{
	border-color:dodgerblue;
}

FIELDSET.notes LEGEND{
	color:dodgerblue;
}

DT{
	font-weight:bold;
}
.komoji {/* Komoji */
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	margin-left: 40;
    line-height: 150%; }


#navbar{
	/*width: 19px;*/
	position: absolute;
	/*top: 55px;*/
	left: 49%;
	overflow: hidden;
}

.TableGrid{
	border-collapse: collapse;
	border-spacing: 0px;
	border-spacing: 0px;
	width: 100%;}

.TableTopL{
			border-top: solid #333399 3.0pt;
			border-left: none;
			border-bottom: solid #333399 1.5pt;
			border-right: solid #333399 1.5pt;
			padding: 0cm 5.4pt 0cm 5.4pt;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;}

.TableTopR{
			border-top: solid #333399 3.0pt;
			border-left: none;
			border-bottom: solid #333399 1.5pt;
			border-right: none;
			padding: 0cm 5.4pt 0cm 5.4pt;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;}

.TableLinesL{
			border-top: none;
			border-left: none;
			border-bottom: solid #333399 1.5pt;
			border-right: solid #333399 1.5pt;
			padding: 0cm 5.4pt 0cm 5.4pt;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;}

.TableLinesR{
			border: none;
			border-bottom: solid #333399 1.5pt;
			padding: 0cm 5.4pt 0cm 5.4pt;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;}

p.hint{
	font-family: inherit;
	font-size: inherit;
	background-image: url('Image005.gif');
	background-repeat: no-repeat;
	background-position: 5px 20px;
	background-color: #FDFADD;
	margin: 30px;
	padding: 20px 40px 20px 60px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.hints{
	margin-left:30px;
	margin-right:10px;
	padding-left: 10px;
	padding-right: 10px;
    color: white;
	background-color: black;
}