body {
font: 14px Georgia, Times New Roman, Times, Serif; line-height: 24px;
}

#frame {
width: 768px;
margin: 10px auto;
left: 50%;
left,: 75%;
padding: 0px;
overflow: hidden;
text-align: left;
background-color: #ffffff;
z-index: 2;
}

#IEframehack {	/* centering hack for IE */
text-align: center;
}

#ContentFrame {
position: relative;
top: 0px;
width: 543px;
float: left;
margin-left: 15px;
text-align: center;
background-color: #ffffff;
z-index: 2;
}

#content {
width: 550px;
}

#navbar {
position: relative;
width: 200px;
margin-left: 0px;
text-align: center;
float: left;
background-color: #ffffff;
z-index: 2;
}


#copyright {
position: relative;
top: 25px;
text-align: center;
font: italic 11px Georgia, Times New Roman, Times, Serif; letter-spacing: 1px;
margin: 25px 0px 25px 25px;
}

#box {
position: relative;
top: 0px;
left: 0px;
float: left;
/*padding: 8px 8px 8px 8px; customize padding for each box */
/*border: 1px solid #aeaeae; customize border for each box */
background-color: #ffffff;
font: 14px Times New Roman, Times, Serif; text-align: center; z-index: 4; line-height: 18px;
}


.pagetitle {font: 24px Georgia, Times New Roman, Times, Serif; color: #cc0000;}

.header {font: bold 18px Arial, Helvetica, Geneva, Sans-serif; letter-spacing: 0px;}

.menu {font: 13px Tahoma, Helvetica, Arial, Sans-serif; color: #cc0000; letter-spacing: 3px;}

a {color: #c00; text-decoration: none;}
a:hover {color: #c00; text-decoration: underline;}

a.menu:link {color: #cc0000; text-decoration: none;}
a.menu:visited {color: #cc0000; text-decoration: none;}
a.menu:hover {color: #ff0000; border-bottom: 1px dotted #ff0000;}
a.menu:active {color: #cc0000;}

.nihongo {font: italic Times New Roman, Times, Serif;}

h1 {font: bold 36px Impact, Bold Arial; letter-spacing: -2px; line-height: 36px; margin-left: 0px; margin-top: 0px; color: #cc0000;}

h3 {font: 20px Times New Roman, Times, Serif;}
