@charset "Shift_JIS";

body,html,dd{margin:0px;padding:0px;}
body,html{height:100%}

#navi{
position:fixed;
top:0px;
width:100%;
background-color:black;
color:white;
filter:alpha(opacity=70);
opacity:0.7;
z-index:2;
}

#body{
width:870px;
margin-left:60px;
height:95%;
}

#tab{
position:absolute;
width:79px;
top:35px;
z-index:1;
}

#tab a{
display:block;
width:35px;
height:65px;
color:white;
background-color:#2C2C2C;
margin:10px 0px;
float:left;
padding:5px;
text-align:center;
}

#comment{
width:90%;
padding:15px;
margin:0 auto;
background-color:black;
color:green;
font-size:95%;
}

#comment dt{
padding-top:5px;
color:white;
font-style:bold;}

.box{
display:inline;
width:200px;
margin:24px;
float:left;
border:1px black solid;
}

.box dt{
display:block;
width:190px;
*width:200px;
height:40px;
color:#95CCCB;
background-color:#003332;
padding:5px;
font-family:courier,monospace;
overflow:hidden;
}

.box dd{
display:block;
width:190px;
*width:200px;
height:160px;
font-size:85%;
color:#003332;
background-color:#95CCCB;
padding:5px;
overflow:auto;
}

a:link{color:white;}
a:active{color:white;}
a:visited{color:navy;}
a:hover{color:#00FFFE;}


address{
width:100%;
text-align:right;
border-bottom:1px solid #ffccff;
font-family:fantasy,"Impact";
font-weight:500;
font-style:italic;
color:silver;
}