@charset "EUC-JP";

/****** 基本設定 ******/
*{
margin:0;
padding:0;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#990066;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
}

a{
color:#606060;
text-decoration:none;
}

a:hover{
color:#ff2483;
text-decoration:underline;
}


body{
font-size:12px;
color:#444444;
font-family: "ＭＳ Ｐゴシック",sans-serif;
text-align:center;
background-image:url(img/back/back.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

strong{
font-weight:normal;
}


img{
border:0;
}

.b{
font-weight:bold;
}

.red{
color:red;
}

.f10{
font-size:10px;
}

.f12{
font-size:12px;
}

h1{
margin:0;
padding:0;
font-weight:normal;
font-size:9px;
line-height:9px;
}

h2{
margin:2px 0 0 0;
padding:0;
font-weight:normal;
font-size:9px;
line-height:9px;
text-align:right;
}

h3{
width:590px;
height:30px;
background-image:url(./img/title/21.gif);
background-repeat:no-repeat;
font-size:16px;
text-indent:20px;
color:#5a5959;
color:#ffffff;
line-height:30px;
margin:0 0 10px 0;
clear:both;
}

h4{
width:590px;
height:20px;
font-size:16px;
line-height:20px;
border-bottom:1px solid #606060;
text-indent:5px;
margin:10px 0 5px 0;
font-style:oblique;
font-weight:normal;
letter-spacing:6px;
}


.m10{
margin:0 0 10px 0;
}

.m15{
margin:0 0 15px 0;
}

.m20{
margin:0 0 20px 0;
}

.center{
text-align:center;
margin:0 auto;
}

.clear{
clear:both;
}


#base{
width:800px;
height:auto;
margin:0 auto;
text-align:left;
line-height:16px;
letter-spacing:2px;
}


#head{
width:800px;
height:100px;
border-bottom:1px solid #a8a8a8;
background-image:url(img/common/head.jpg);
background-repeat:no-repeat;
}

#head:after{
content:"";
display:block;
clear:both;
height:0;
visibility: hidden;
}

#logo{
float:left;
width:200px;
height:80px;
margin-top:10px;
}

#link{
float:right;
width:500px;
height:30px;
margin-top:70px;
}

#guild li {
float:left;
list-style-type:none;
width:100px;
height:30px;
overflow:hidden;
line-height:30px;
text-align:center;
}

#guild a{
display:block;
float:left;
list-style-type:none;
width:100px;
height:30px;
font-size:10px;
color:#696969;
text-decoration:none;
background-image:url(./img/menu/back.gif);
background-repeat:no-repeat;
background-position:left top;
}


#guild a:hover{
display:block;
float:left;
list-style-type:none;
width:100px;
height:30px;
background-color:#f5f5f5;
color:#ff2483;
background-image:url(./img/menu/back.gif);
background-repeat:no-repeat;
background-position:right top;

}


#main{
width:800px;
height:auto;
margin:0 0 10px 0;
}

#main .left{
float:left;
width:200px;
}

#main:after{
content:"";
display:block;
clear:both;
height:0;
visibility: hidden;
}

#menu{
float:left;
width:200px;
height:auto;
}

#menu1{
width:200px;
height:40px;
overflow:hidden;
margin:0 0 20px 0;
}

#menu1 a{
display:block;
width:200px;
height:40px;
background-image:url(./img/menu/menu1.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:210px;
}

#menu1 a:hover{
display:block;
width:200px;
height:40px;
background-image:url(./img/menu/menu1.gif);
background-position:right top;
background-repeat:no-repeat;
}

#menu2{
width:200px;
height:40px;
overflow:hidden;
margin:0 0 20px 0;
}

#menu2 a{
display:block;
width:200px;
height:40px;
background-image:url(./img/menu/menu2.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:210px;
}

#menu2 a:hover{
display:block;
width:200px;
height:40px;
background-image:url(./img/menu/menu2.gif);
background-position:right top;
background-repeat:no-repeat;
}

#menu3{
width:200px;
height:40px;
overflow:hidden;
margin:0 0 20px 0;
}

#menu3 a{
display:block;
width:200px;
height:40px;
background-image:url(./img/menu/menu3.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:210px;
}

#menu3 a:hover{
display:block;
width:200px;
height:40px;
background-image:url(./img/menu/menu3.gif);
background-position:right top;
background-repeat:no-repeat;
}


#menu4{
width:200px;
height:40px;
overflow:hidden;
margin:0 0 20px 0;
}

#menu4 a{
display:block;
width:200px;
height:40px;
background-image:url(./img/menu/menu4.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:210px;
}

#menu4 a:hover{
display:block;
width:200px;
height:40px;
background-image:url(./img/menu/menu4.gif);
background-position:right top;
background-repeat:no-repeat;
}

#alpha{
width:800px;
height:250px;
margin:3px 0 10px 0;
}

#alpha:after{
content:"";
display:block;
clear:both;
height:0;
visibility: hidden;
}

#main .right{
float:right;
width:590px;
height:auto;
letter-spacing:3px;
line-height:18px;
}

/*SEO的hスペース*/
.disc{
text-align:left;
height:10px;
overflow:hidden;
}

.inner{
padding:5px;
}

.img_right{
float:right;
}


.img_right:after{
content:"";
display:block;
clear:both;
height:0;
visibility: hidden;
}

.img_left{
float:left;
}


.img_left:after{
content:"";
display:block;
clear:both;
height:0;
visibility: hidden;
}

#footer{
width:800px;
height:25px;
text-align:center;
border-top:1px solid #a8a8a8;
}


#comment_title{
width:200px;
height:70px;
position:relative;top:20px; left:300px;
}

#comment{
width:390px;
height:150px;
margin:0 auto 10px auto;
border:1px dotted #c0c0c0;
padding:5px;
overflow:scroll;
text-align:left;
}

#comment .date{
border-bottom:1px solid #000000;
font-size:10px;
width:170px;
}


