@charset "utf-8";
/* CSS Document */

* {
padding:0;
margin:0;
}

body {
background-color:#dbd0f1;
color:#7a3d99;
font-weight:bold;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#container {
background-image:url(images/contentbg.png);
width:750px;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border:5px solid #c8b8ef;
}

#header {
margin-bottom:12px;
}

#content {
margin-bottom:15px;
padding-bottom:0;
}

p {
margin-bottom:15px;
line-height:1.5;
padding-left:40px;
padding-right:40px;
}

li {
list-style-type:square;
margin-left:50px;
margin-bottom:5px;
}

h1 {
background-image:url(images/h1bg.png);
color:#e57d94;
font-size:16px;
letter-spacing:3px;
text-align:center;
margin-bottom:10px;
border-top:5px solid #c8b8ef;
border-bottom:5px solid #c8b8ef;
}

input,textarea,select {
background-image:url(images/h1bg.png);
font-weight:bold;
color:#e57d94;
border:2px solid #c8b8ef;
}

.member {
color:#e57d94;
border:2px solid #c8b8ef;
background-color:#FAFFB1;
background-image:url(images/memberbg.png);
background-repeat:repeat-y;
text-align:center;
margin-left:25px;
margin-right:25px;
margin-bottom:10px;
font-weight:bold;
padding:5px;
}

a,a:link,a:active {
color:#3b5789;
text-decoration:underline;
font-weight:bold;
}

b,span {
color:#3b5789;
font-weight:bold;
}

a:hover {
color:#aa00c6;
}

#japanese,#romaji,#english {
float:left;
width:33%;
}

#japanese p,#romaji p,#english p {
text-align:center;
padding:0;
}

#ff-fix {
line-height:1;
clear:both;
}