body {
font-family: meiryo, helvetica, arial, verdana, sans-serif, "MS Gothic";
color: #000000;
font-style: normal;
font-size: 90%;
line-height: 155%;
margin-top: 0px;
background: #e8e8e8;
}

#bigspace{
margin: 0 auto;
width:100%;
min-width:780px;
max-width:850px;
min-height:800px;
background: #000099;
color: #000000;
height:100%;
min-height:100%;
}

/* body > #bigspace{
height:auto;
}*/

.bodyspace
{
width:780px;
background: #ffffff;
color: #000000;
padding: 0px;
margin:0 auto 0 auto;
border: 0px solid;
}

.logo {
text-align: center;
margin: 0% 0% 0% 0%;
}

.alph {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

#menu {
float: left;
font-family: meiryo, "Verdana", "Arial", "Helvetica", "sans-serif" "MS Gothic";
width:auto;
background: #ffffff;
font-size: 75%;
line-height: 210%;
margin: 30px 0px 0px 30px;
}

.indexcontent{
float: left;
width: 580px;
font-family: meiryo, helvetica, arial, verdana, sans-serif, "MS Gothic";
text-align: center;
background: #ffffff;
color: #000000;
margin: 50px 0px;
}

.piccontent{
float: left;
width: 580px;
font-family: meiryo, helvetica, arial, verdana, sans-serif, "MS Gothic";
text-align: center;
background: #ffffff;
color: #000000;
margin: 0% 0% 10% 3%;
}


.picfont {
font-size: 75%;
}


.content{
float: left;
width: 570px;
font-family: meiryo, helvetica, arial, verdana, sans-serif, "MS Gothic";
text-align: left;
background: #ffffff;
color: #000000;
margin: 30px 0px 60px 20px;
font-size: 95%;
}

.center {
text-align: center;
}

h2 {
font-family: meiryo, "MS Gothic";
}


h4 {
font-family: meiryo, helvetica, arial, verdana, sans-serif, "MS Gothic";
color: #ff0000;
font-size: 105%;
font-weight: bold;
background: transparent;
}

.capblue {
font-family: meiryo, helvetica, arial, verdana, sans-serif, "MS Gothic";
font-size: 93%;
font-weight: bold;
color: #000088;
background: transparent;
}

.smaller {
background: #ffffff;
color: #000000;
background: transparent;
font-size: 85%;
}

.small {
background: #ffffff;
color: #000000;
background: transparent;
font-size: 93%;
line-height: 220%;
}

.mark {
background: #ffffff;
color: #000088;
background: transparent;
font-size: 120%;
}

.mark1 {
background: #ffffff;
color: #888888;
background: transparent;
font-size: 120%;
}

.mark2 {
background: #ffffff;
color: #ffaa22;
background: transparent;
font-size: 120%;
}

.mark3 {
background: #ffffff;
color: #2288ff;
background: transparent;
font-size: 120%;
}

.thick {
font-family: meiryo, helvetica, arial, verdana, sans-serif, "MS Gothic";
font-weight: bold;
background: transparent;
}

.mail {
font-family: meiryo, helvetica, arial, verdana, sans-serif, "MS Gothic";
font-weight: bold;
text-align: center;
background: transparent;
}

.box1
{
border: medium groove #2288ff;
padding: 10px 10px 10px 10px;
font-size: 93%;
}




.red{
color: #ff0000;
font-size: 100%;
background: #ffffff;
}

.smallerer {
background: #ffffff;
color: #000000;
font-size: 75%;
margin: 0% 0% 1% 0%;
}


.foot {
font-size: x-small;
margin: 10px 0px 0px 0px;
}


.indexfoot {
font-size: x-small;
text-align: center;
text-align: left;
margin: 0% 0% 0% 6%;
}

.inactive {
color: #2288ff;
background: transparent;
font-weight: bold;
}

a:link {
color: #000088;
text-decoration: none;
background: transparent;
}

a:visited {
color: #2288ff;
text-decoration: none;
}

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


a.name:link {
color: #000000;
text-decoration: none;
background: transparent;
}

a.name:visited {
color: #000000;
text-decoration: none;
}


a.name:hover {
color: #2288ff;
text-decoration: none
}