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

/*css var1.0*/

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, img{
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight:normal;
}

ul, ol, dl{
list-style-type:none;
margin:0;
padding:0;
}

dt, dd{
margin:0;
padding:0;
}

li{
margin:0;
padding:0;
}

img {
  vertical-align:bottom;
}

a img {
  border: none;
}

/* kyoutu */
body{
text-align:center;
color:#151515;
font-size:12px;
line-height:300%;
letter-spacing:0.2em;
margin:0;
padding:0;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.clear{
clear:both;
}
/*link-color*/
a:link { color:#ff0000;  text-decoration:underline;}
a:visited { color:#ff0000; text-decoration:underline;} 
a:hover { color:#9f0000; text-decoration:underline;} 
a:active { color:#9f0000; text-decoration:underline;}

#navigation a:link { color:#53f5ff; text-decoration:underline;}
#navigation a:visited { color:#53f5ff; text-decoration:underline;} 
#navigation a:hover { color:#00868e; text-decoration:none;} 
#navigation a:active { color:#00868e; text-decoration:none;}

.sankou2 a:link { color:#848484; text-decoration:underline;}
.sankou2 a:visited { color:#848484; text-decoration:underline;} 
.sankou2 a:hover { color:#848484; text-decoration:none;} 
.sankou2 a:active { color:#848484; text-decoration:none;}

/*link-color*/

/*common*/
#main{
width:770px;
margin:0 auto;
background:#d1c190 url(img/back.gif) no-repeat left bottom;
border:1px solid #bebebe;
}

#main #bata-block h1{
width:282px;
margin-left:23px;
padding-top:18px;
height:24px;
background:url(img/logo.gif) no-repeat 0 18px;
}

#main #bata-block h1 div{
width:282px;
height:24px;
}

#main #bata-block h1 div span{
display:none;
}

#footer{
clear:both;
padding:0;
font-size:10px;
}

.site{
margin:30px 0 0;
background:url(img/dots2.gif) no-repeat;
background-position:0 10px;
width:382px;
text-align:left;
padding-top:18px;
}

.site li{
text-align:left;
}

h3{
text-align:left;
margin:0;
line-height:200%;
padding:0;
}

h2{
font-weight:bold;
margin:0;
line-height:180%;
text-align:left;
font-size:15px;
color:#fff;
}

/*common*/
/*category*/

#main #alpha-block .category_list{
background:url(img/category.gif) no-repeat 0 18px;
text-align:center;
width:153px;
height:29px;
line-height:150%;
padding-top:18px;
}

#main #alpha-block .category_list span{
display:none;
}

/*category*/

/*left*/
#main #alpha-block{
float:left;
text-align:center;
margin-bottom:20px;
border-top:10px solid #000;
height:740px;
overflow:auto;
width:407px;
}

#main #alpha-block ul#textarea{
width:380px;
margin:0;
text-align:left;
background:url(img/dots2.gif) no-repeat;
padding-top:18px;
}

#main #alpha-block ul#textarea li{
width:380px;
}

/*right*/
#main #bata-block{
width:363px;
float:left;
margin-bottom:20px;
border-top:10px solid #000;
overflow:auto;
height:400px;
}

#main #bata-block .sankou2{
text-align:left;
width:280px;
margin-top:28px;
color:#848484;
font-size:10px;
line-height:150%;
margin-left:23px;
}


#main #bata-block .sankou2 li{
background:url(img/dots.gif) repeat-x bottom;
padding-bottom:2px;
}

/*navigate*/
#main #bata-block #navigation{
width:280px;
margin:20px 0 0 23px;
text-align:left;
line-height:200%;
background:url(img/contents.gif) no-repeat;
padding-top:22px;
}
/*navigate*/

/*footer*/

#footer ul{
line-height:150%;
margin:0 auto;
text-align:right;
padding:5px;
}

#footer ul li {
margin:5px 10px;
}

#footer img{
border:1px solid #000;
}