/*####繝壹�ｼ繧ｸ蜈ｨ菴薙�ｮ險倩ｿｰ####################################################################################################*/
html {
color: #0000CC; 
font-size: 14px;
margin: 0px;
padding-top: 0px;
background-image: url("backgra.png");
background-repeat: repeat-x;
background-position: bottom;
background-color:#42C3F5;
scrollbar-base-color: #FFFF00;
background-attachment: fixed;
}
H1 {
font-size: 120%;
}
H2 {
font-size: 110%;
}
H3 {
font-size: 100%;
}
H4 {
font-size: 100%;
}
H5 {
font-size: 90%;
}
H6 {
font-size: 80%;
}
img {
border: none;
}

strong {
font-size: 100%;
color: #DA0B00;
}
a.nomal { color: #CC0066; }
a:visited.nomal { color: #CC0066; }
a:hover.nomal { color:#FFFF00; }
a:active.nomal { color: #FF3300; }

ul.nomal {
list-style-image: url("wateri.gif");
}
hr{
border: 1px #0000CC solid;
}

/*####繝懊ョ繧｣縺ｮ險ｭ螳�####################################################################################################*/
body {
background-image: url("backwateri2.png");
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
margin: 0px;
padding: 0px;
}
#mannaka {
margin: 0px auto;
padding: 0px;
width: 900px;
text-align: left;
}
div.uehe {
text-align: right;
width: 100%;
}

/*####繧ｿ繧､繝医Ν縲√Γ繝九Η繝ｼ縺ｮ險ｭ螳�####################################################################################################*/
div.title {
float: left;
margin: 0px;
padding: 0px; 
}

ul.menu{
    list-style:none;
    margin-left:0em;
    padding-left:0em;
}
li.menu{
    list-style:none;
    float:left;
}
a.menu{
color: #42C3F5; 
    display:block;
    background-color:#FFFF00;
    text-align: center;
    border: 2px #FFFFFF outset;
    width: 146px;
    height: 25px;
    text-decoration:none;
    line-height: 25px;
    margin-bottom: 10px;
}
a:hover.menu{
    background-color:#FFFF99;
    border: 2px #FFFFFF outset;
}
a:active.menu{
    background-color:#FFCC00;
    border: 2px #FFFFFF inset;
}
div.menu{
float:left;
color: #ffffff; 
background-color:#42C3F5;
text-align: center;
border: 2px #87CEFA outset;
width: 146px;
height: 25px;
line-height: 25px;
}
#head {
width:100%;
height: 80px;
margin-bottom: 10px;
position: relative;
}

/*####繝医ャ繝励�ｮ險ｭ螳�####################################################################################################*/
#head2 {
width:100%;
height: 260px;
position: relative;
}

div.koushin {
font-size: 90%;
margin-top: 6px;
width: 410px;
height: 205px;
border: 2px #ffffff solid;
float:left;
overflow: auto;
}
div.kotitle {
font-weight: bold;
color: #42C3F5; 
height: 20px;
width: 385px;
border: 1px #ccffff solid;
background-color: #CCFFFF;
margin-top: 5px;
margin-left: 2px;
text-align: center;
line-height: 20px;
}
.koushin p{
width: 385px;
margin-left: 8px;
}
div.setumei{
padding-right: 24px;
float:left;
width: 450px;
height: 220px;
padding-bottom: 0px;
}
/*####菴懷刀荳€隕ｧ縺ｮ險ｭ螳� 230雜ｳ縺励※縺�####################################################################################################*/
#ichiran{
width: 100%;
height: 5950px;
position: relative;
}

div.sakuhin{
 width: 204px;
 height: 212px;
 margin: 9px;
 float: left; 
 font-size: 90%;
 position: relative;
}
a.sakuhin{
float:left;
display:block;
 width: 200px;
 height: 150px;
border-bottom: 2px #0000CC solid;
border-right:  2px #0000CC solid;
border-top: 2px #ffffff solid;
border-left:  2px #ffffff solid;
}
a:hover.sakuhin{
filter:alpha(opacity=70);
opacity: 0.7;
}
a:active.sakuhin{
border-top: 2px #0000CC solid;
border-left: 2px #0000CC solid;
border-bottom: 2px #ffffff solid;
border-right:  2px #ffffff solid;
}
div.nisen{
color: #ffffff;
background-color:#3366FF;
width: 200px;
height: 30px;
text-align: center;
border: 2px #33CCFF outset;
}
div.nisensan{
color: #ffffff;
background-color:#FF3333;
width:  200px;
height: 30px;
text-align: center;
border: 2px #FF6699 outset;
}
div.xp{
color: #ffffff;
background-color:#FF9933;
width:  200px;
height: 30px;
text-align: center;
border: 2px #FFFF99 outset;
}
div.vx{
color: #ffffff;
background-color:#708090;
width:  200px;
height: 30px;
text-align: center;
border: 2px #DCDCDC outset;
}
div.srpg{
color: #ffffff;
background-color:#3CB371;
width:  200px;
height: 30px;
text-align: center;
border: 2px #98FB98 outset;
}
div.eternal{
color: #ffffff;
background-color: #42C3F5; 
width:  200px;
height: 30px;
text-align: center;
border: 2px #87CEFA outset;
}
ul.download{
    list-style:none;
    margin:0em;
    padding:0em;
}
li.download{
    list-style:none;
    float:left;
    text-align: center;
 height: 20px;
  line-height: 20px;
}
a.download{
 float:left;
 width: 48px;
 background-color:#FFFF00;
color: #42C3F5; 
display:block;
text-decoration:none;
border: 2px #FFFFff outset;
}
a:hover.download{
background-color:#FFFF99;
border: 2px #FFFFff outset;
}
a:active.download{
background-color:#FFCC00;
border: 2px #FFffff inset;
}
div.download {
height: 20px;
font-size: 80%;
 float:left;
background-color: #42C3F5; 
 width: 96px;
border: 2px #87CEFA outset;
overflow: hidden;
}
div.down {
height: 20px;
 float:left;
background-color: #42C3F5; 
 width: 48px;
border: 2px #87CEFA outset;
}
span.little {font-size: 80%;}
span.pugya{
position: absolute;
width: 120px;
height: 20px;
top: 101px;
left: 42px;
display: block;
background: url("pugya.gif") no-repeat; 
}

/*####蜿ょ刈譁ｹ豕輔�ｮ險ｭ螳�####################################################################################################*/
#sanka{
width: 100%;
height: 410px;
position: relative;
}

div.sanka{
font-size: 80%;
width: 410px;
height: 400px;
padding-right: 20px;
padding-left: 20px;
float:left;
}
.sanka ul{
list-style-type: circle;
}
.sanka H2{line-height: 32px;}
div.musume{
width: 24px;
height: 32px;
background-image:url("matome.gif");
background-position: 0px 0px;
float:left;
}
div.heren{
width: 24px;
height: 32px;
background-image:url("matome.gif");
background-position: 0px -32px;
float:left;
}
div.brai{
width: 24px;
height: 32px;
background-image:url("matome.gif");
background-position: -24px 0px;
float:left;
}
div.eta{
width: 24px;
height: 32px;
background-image:url("matome.gif");
background-position: -24px -32px;
float:left;
}

/*####謗ｲ遉ｺ譚ｿ縺ｮ險ｭ螳�####################################################################################################*/
#bbs{
width: 100%;
height: 700px;
position: relative;
}

iframe.bbs {
height: 680px;
width:680px;
border: 1px #ffffff inset;
float:left;
}

div.bbs {
width: 180px;
margin-left: 18px;
float:left;
}

/*####縺ｵ繧阪￥縺ｮ險ｭ螳�####################################################################################################*/
#huroku{
width: 100%;
height: auto;
min-height: 640px;
position: relative;
}
img.huroku {
border: 6px  #0000CC ridge;
}