BODY,TR,TD,TH ,SELECT,INPUT,b{ font-size : 22px; font-family:'MS UI Gothic'; }
a:link	{font-size: 22px; color:#0080c0;}
a:visited {font-size: 20px; color:#0000ff ;}
a:active  {font-size: 18px; color:#800080 ;}
a:hover {color:#ff0000 ;}

html {
    text-align: center;
    }

body {
    width: 18em;
    border: 1px solid #000;
    margin: 1em auto;
    text-align: left;
    }

#disp{
font-size:30px; background-color:#008080; color:white;
}

.textboxpink{
font-size:smaller; background-color:#ffe0e0;
}

.textpink{
font-size:smaller; text-align:center; color:#cc0080;
}

.textred{
color:#ff0080;
}

.textao{
color:#0000ff;
}

.texthai{
color:#808080;
}

.textred02{
font-size: smaller; color: #cc0000;
}

.cent{
text-align:center;
}

.righ{
text-align:right; font-size:smaller;
}

.small{
font-size:smaller;
}

.com-hais{
color:#808080;
font-size:smaller;
}

.leftul{
margin-left:0px;
padding-left:0px;
list-style-type:none;
}

#foot{
margin:0px; font-size: smaller; background-color:#008080; color:white; text-align:right;
}

#titga{
border:0px; margin:5px;
}


#base{
background-color:#f7f7f7;
margin:0px;
padding:0px;
border-top-color:#0000ff;
border-top-style:ridge;
border-top-width:3px;
border-right-color:#0000ff;
border-right-style:ridge;
border-right-width:3px;
width:1000px
}

#maintop{
	font-size:18pt;
  	margin:0px;
	padding:0px 0px 0px 30px;
  	height : 20px;
}

#topcntul{
margin-left:0px;
margin-bottom:0px;
padding-left:0px;
list-style-type:none
}


#topcntul li{
padding-right:15px;
float:left
}

#topcntul a{
display:block;
text-align:center;
text-decoration:none;
background-color:#eeeeee;
color:#555555;
}

#topcntul a:hover{
background-color:#aaaaaa;
}

#table01{
border-collapse:collapse;
}

#td01{
border:1px solid #000000;
}

h1{
color:#000099;
font-size:22pt;
line-height:100%;
padding-left:10px;
border-color:#9999ff;
border-style:solid;
border-width:0px 0px 0px 10px
}

h2{
color:#000099;
font-size:18pt;
line-height:100%;
padding-left:10px;
border-color:#9999ff;
border-style:solid;
border-width:0px 0px 0px 10px
}

H3 {
color:#000099;
font-size:16pt;
line-height:100%;
padding-left:10px;
border-color:#9999ff;
border-style:solid;
border-width:0px 0px 0px 10px
}

H4 {
color:#008080;
font-size:16pt;
line-height:100%;
margin-top:50px;
margin-left:5px;
padding-left:10px;
border-color:#0000ff;
border-style:solid;
border-width:0px 0px 0px 10px
}


.text-ao20{
color:0000ff;
font-size:20pt;
}
.text-ao12{
color:0000ff;
font-size:12pt;
}
.text-ao10{
color:0000ff;
font-size:10pt;
}
.text-ao8{
color:0000ff;
font-size:8pt;
}
.text-aka10{
color:#ff0000;
font-size:10pt;
}
.text-aka12{
color:#ff0000;
font-size:12pt;
}
.text-aka8{
color:#ff0000;
font-size:8pt;
}
.text-hai10{
color:#808080;
font-size:smaller;
}
.text-hai8{
color:#808080;
font-size:8pt;
}
.text-midori10{
color:#008000;
font-size:10pt;
font-weight:bold
}
.text-midori12{
color:#008000;
font-size:12pt;
}
.text-lb10{
color:#008080;
font-size:10pt;
font-weight:bold
}

.text-midori9{
color:#008000;
font-size:9pt;
}

.text-midori8{
color:#008000;
font-size:8pt;
}

.box-aka01{
color:black;
width:100px;
background-color:transparent;
border-style:solid;
margin:3pt;
border-width:1pt;
border-color:red;
}
.box-aka02{
color:white;
width:100px;
background-color:red;
border-style:solid;
margin:3pt;
border-width:1pt;
border-color:red;
}
.box-green01{
color:black;
width:100px;
background-color:transparent;
border-style:solid;
margin:3pt;
border-width:1pt;
border-color:green;
}
.box-green02{
color:white;
width:100px;
background-color:green;
border-style:solid;
margin:3pt;
border-width:1pt;
border-color:green;
}

.box-ao01{
color:black;
width:100px;
background-color:transparent;
border-style:solid;
margin:3pt;
border-width:1pt;
border-color:blue;
}
.box-ao02{
color:white;
width:150px;
background-color:blue;
border-style:solid;
margin:3pt;
border-width:1pt;
border-color:blue;
}