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

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

body{
background:url(../img/bg.jpg) repeat-x #f4e5ba;
margin:0px;
padding:0px;
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;
font-size:10pt;
font-weight:normal;}

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:#000;
text-decoration:none;
}

a:hover{
color:#999;
text-decoration:none;
}
img{border:none;}
.vanish{text-indent:-9999px;}

.mgn-none{margin:0px 0px 0px 0px;}

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

#wrapper{
width:950px;
margin:0px;
padding:0px;
background:url(../img/wrapper_bg.gif) no-repeat left bottom;
}

#header{
background:url(../img/header_bg.jpg) no-repeat;
width:950px;
height:282px;
}

#header h1{
padding-left:85px;
color:#fff;
}

#contents{
background:url(../img/contents_bg.jpg) no-repeat;
width:950px;
}
#contents .main{
width:550px;
padding:0 0 0 85px;
float:left;
}
#contents .local{
width:170px;
padding:20px 0px 0px 20px;
float:left;
}
#wrapper .footer{
width:950px;
padding:40px 0 10px;
text-align:center;
clear:both;
}

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

h2{
width:530px;
height:30px;
margin:20px 20px 0px;
color:#FF33CC;
background:url(../img/h2.gif) no-repeat;
}
div.main-top{
width:500px;
padding:0 20px 0px;
background:url(../img/main_h2bg.gif) left bottom no-repeat;
}
div.main-top p{
background:url(../img/h2.gif) 0px -30px no-repeat;
height:72px;
width:500px;
}
.main-top ul{padding:10px 0 20px;}
.main-top ul li{float:left;}
.main-top ul li.tokushu01 a{
width:230px;
height:74px;
background:url(../img/toku_01.gif) no-repeat;
border:1px solid #555555;
display:block;
margin-right:20px;
}
.main-top ul li.tokushu02 a{
width:230px;
height:74px;
background:url(../img/toku_02.gif) no-repeat;
border:1px solid #555555;
display:block;
}
ul.comic-list li{
width:130px;
height:230px;
padding:10px 7px 0 0;
margin:0px;
float:left;
font-size:10px;
display:block;
}
h3{
background:url(../img/comic_bg.gif) no-repeat;
width:130px;
height:190px;
text-align:center;
}
h3 img{
margin:10px 0 10px;
}
/**********************************ローカル**********************************/

div.local ul li.nv01{
background:url(../img/img_contents.jpg) no-repeat;
width:170px;
height:400px;
display:block;
margin-bottom:10px;
}
div.local ul li.nv02 a{
background:url(../img/local_mail.gif) 0 0 no-repeat;
width:170px;
height:40px;
display:block;
margin-bottom:10px;
}
div.local ul li.nv02 a:hover{
background:url(../img/local_mail.gif) 0 -40px no-repeat;
width:170px;
height:40px;
display:block;
margin-bottom:10px;
}
div.local ul li.nv03{
background:url(../img/local_qr.gif) no-repeat;
padding:10px 0 0;
width:170px;
height:170px;
text-align:center;
}