@charset "utf-8";
/* CSS Document */
/* Written By Atonce@Yoshida */

*{margin:0px;padding:0px;}

body{
background:#000;
margin:0px;
padding:0px;
line-height:130%;
font-family:"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
font-size:12px;
}

h1,h2,h3,h4,h5,h6,ul,li,ol,dd,dt,dl,form,p{
margin:0px;
padding:0px;
}

ul,ol,li{
list-style:none;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clr{clear:both;}

a{
color:#09f;
text-decoration:none;
}

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

.vanish{text-indent:-9999px;}
.attn{color:#c00;}
.mgn-none{margin:0px 0px 0px 0px;}
.mgn-r10{margin-right:10px;}


/**********************************基本構造**********************************/

#wrapper{
width:750px;
margin:0px auto;
padding:0px;
}

#header{
background:url(../img/bg-header.jpg) no-repeat;
height:200px;
width:750px;
margin:0px 0px 15px;
}

#main{
width:546px;
margin:0px 4px 0px 0px;
padding:0px 0px 0px 10px;
float:left;
}

#local{
width:180px;
margin:0px;
text-align:center;
float:left;
}

#footer{
clear:both;
color:#fff;
padding:30px 0px 10px 275px;
}

/**********************************メイン**********************************/

#main .top{
background:url(../img/bg-top.gif) no-repeat bottom;
width:540px;
margin:0px 6px 20px 0px;
padding:0px 0px 8px;
color:#fc40ca;
}

#main .top h2{
background:url(../img/bg-top-top.gif) no-repeat;
height:8px;
margin:0px;
padding:0px;
}

#main .top p{
margin:0px 8px 15px;
}

#main .top ul{
margin:0px 8px;
}

#main .top li{
float:left;
}

#main .top li.top001 a{
background:url(../img/bnr-top-01.gif) no-repeat;
margin:0px 20px 0px 0px;
width:252px;
height:100px;
display:block;
}

#main .top li.top002 a{
background:url(../img/bnr-top-02.gif) no-repeat;
width:252px;
height:100px;
display:block;
}

#main ul.list li{
background:url(../img/bg-comic.gif) no-repeat top;
width:130px;
height:230px;
margin:0px 6px 10px 0px;
color:#fff;
font-size:10px;
float:left;
}

#main ul.list li a{
display:block;
color:#fff;
}

#main ul.list li img{
border:none;
margin:8px 5px 12px;
}


/**********************************ローカル**********************************/

#local .screen{
background:url(../img/bg-screen.gif) no-repeat center;
height:390px;
padding:5px 0px 5px;
margin:0px 0px 10px;
overflow:hidden;
text-align:center;
}

#local .mail a{
background:url(../img/btn-mail.gif) no-repeat top;
width:170px;
height:40px;
margin:20px 5px;
display:block;
}

#local .mail a:hover{
background:url(../img/btn-mail.gif) no-repeat bottom;
}