@charset "shift_jis";

*{
margin:0;
padding:0;
}

h1,h2,h3{
font-size:100%;
font-weight:normal;
}

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

dt{
color:#666;
font-size:12px;
font-weight:bold;
}

dd{
color:#999;
font-size:11px;
}

tb,tr,th,img{
border:none;
}

body{
margin:auto;
background-color:#fff;
background-image:url(../images/back.jpg) ;
background-repeat:repeat-x;
background-position:center top;
background-attachment:fixed;
text-align:center;
}

/* ----------------------- contents ----------------------- */

/* ベース */
#base{
margin:auto;
width:800px;
background-color:#fff;
border-left:solid 1px #999;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
text-align:center;

box-shadow: 0px 0px 8px #999;
-moz-box-shadow: 0px 0px 8px #999;　/* Firefox用 */
-webkit-box-shadow: 0px 0px 8px #999;　/* Safari,Google Chrome用 */
}

/* ヘッダー */
#header{
width:800px;
height:300px;
background:url(../images/header.jpg) no-repeat;
border-bottom:solid 1px #999;
overflow:hidden;
}
#header a{
width:800px;
height:0px;
padding-top:300px;
display:block;
overflow:hidden;
}
#header a:hover{
background:url(../images/content/header.jpg) no-repeat;
}

/* メニュー */
#menu{
width:800px;
height:50px;
text-align:left;
}
#menu ul,li {
margin:0;
list-style-type:none;
}

#about{
float:left;
width:160px;
height:50px;
background:url(../images/content/menu01.jpg) no-repeat;
overflow:hidden;
}
#about a{
width:160px;
height:0px;
padding-top:50px;
display:block;
overflow:hidden;
}
#about a:hover{
background:url(../images/content/menu01_m.jpg) no-repeat;
}

#gallery{
float:left;
width:160px;
height:50px;
background:url(../images/content/menu02.jpg) no-repeat;
overflow:hidden;
}
#gallery a{
width:160px;
height:0px;
padding-top:50px;
display:block;
overflow:hidden;
}
#gallery a:hover{
background:url(../images/content/menu02_m.jpg) no-repeat;
}

#blog{
float:left;
width:160px;
height:50px;
background:url(../images/content/menu03.jpg) no-repeat;
overflow:hidden;
}
#blog a{
width:160px;
height:0px;
padding-top:50px;
display:block;
overflow:hidden;
}
#blog a:hover{
background:url(../images/content/menu03_m.jpg) no-repeat;
}

#bookmark{
float:left;
width:160px;
height:50px;
background:url(../images/content/menu04.jpg) no-repeat;
overflow:hidden;
}
#bookmark a{
width:160px;
height:0px;
padding-top:50px;
display:block;
overflow:hidden;
}
#bookmark a:hover{
background:url(../images/content/menu04_m.jpg) no-repeat;
}

#mail{
float:left;
width:160px;
height:50px;
background:url(../images/content/menu05.jpg) no-repeat;
overflow:hidden;
}
#mail a{
width:160px;
height:0px;
padding-top:50px;
display:block;
overflow:hidden;
}
#mail a:hover{
background:url(../images/content/menu05_m.jpg) no-repeat;
}

/* コンテンツ */
#content{
clear:both;
width:800px;
text-align:center;
}

/* コンテンツ1 */
#content1{
float:left;
margin:10px 0px 10px 0px;
display:inline;
width:200px;
text-align:left;
}

#con_title_n{
clear:both;
margin:0;
width:200px;
height:232px;
background:url(../images/content/con_title00.jpg) no-repeat;
}

#con_title_n span {
display:none;
}

#con_title_a{
clear:both;
margin:0;
width:200px;
height:232px;
background:url(../images/content/con_title01.jpg) no-repeat;
}

#con_title_a span {
display:none;
}

#con_title_g{
clear:both;
margin:0;
width:200px;
height:232px;
background:url(../images/content/con_title02.jpg) no-repeat;
}

#con_title_g span {
display:none;
}

#con_title_b{
clear:both;
margin:0;
width:200px;
height:232px;
background:url(../images/content/con_title04.jpg) no-repeat;
}

#con_title_b span {
display:none;
}

#con_title_m{
clear:both;
margin:0;
width:200px;
height:232px;
background:url(../images/content/con_title05.jpg) no-repeat;
}

#con_title_m span {
display:none;
}

#con_top{
margin:0;
width:200px;
height:87px;
background:url(../images/content/con_top.jpg) no-repeat;
overflow:hidden;
}
#con_top a{
width:200px;
height:0px;
padding-top:87px;
display:block;
overflow:hidden;
}
#con_top a:hover{
background:url(../images/content/con_top_m.jpg) no-repeat;
}

/* コンテンツ2 */
#content2{
float:right;
margin:15px 0px 20px 15px;
display:inline;
width:585px;
text-align:left;
}

#content2_in{
margin:0px 25px 0px 0px;
width:560px;
text-align:left;
}

.content2_n{
margin:10px 0px 10px 10px;
width:550px;
}
.content2_n li{
margin-left:10px;
list-style-type:disc;
list-style-position:outside;
}

.content2_a{
margin:10px 0px 10px 10px;
width:550px;
}

.content2_g{
margin:10px 0px 10px 10px;
width:550px;
}
.content2_g li{
float:left;
margin:0px 5px 0px 5px;
font-size:10px;
font-weight:normal;
}
.content2_g li a{
color:#ff5500;
text-decoration:underline;
}
.content2_g li a:hover{
color:#ff9900;
}

.content2_b{
margin:10px 0px 10px 10px;
width:550px;
}
.content2_b li{
list-style-type:disc;
list-style-position:inside;
}
.content2_b dt{
display:list-item;
list-style-type:disc;
list-style-position:inside;
}

/* フッター */
#footer{
clear:both;
margin:0 auto;
width:800px;
text-align:center;
}

#footer1{
width:800px;
height:50px;
background:url(../images/footer.jpg) repeat-x;
}

#footer2{
width:800px;
height:20px;
background-color:#ccc;
background:url(../images/content/footer_b.gif) repeat-x;
color:#fff;
line-height:20px;
text-align:center;
}

/* ----------------------- font ----------------------- */

/* 基本 */
body{
color:#666;
font-size:12px;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",Verdana,arial;
Line-height:1.5;
}

/* 未訪問リンク */
a:link{
color:#666;
text-decoration:none;
}

/* 訪問済みリンク */
a:visited{
color:#666;
text-decoration:none;
}

/* カーソルが重なった時のリンク */
a:hover{
color:#ff5500;
}

h2{
clear:both;
padding-left:30px;
height:20px;
background:url(../images/content/ttl.gif) no-repeat;
color:#333;
font-size:12px;
line-height:20px;
font-weight:bold;
border-bottom:1px dashed #999;
}

.title_s{
margin-left:10px;
color:#006699;
font-size:10px;
font-weight:normal;
}

.date{
color:#006699;
font-size:10px;
font-weight:bold;
}

.new{
margin-left:5px;
color:#ff3300;
font-size:10px;
font-weight:bold;
}

.comic_c{
float:left;
margin:0px 5px 0px 5px;
font-size:10px;
font-weight:normal;
}

/* ----------------------- image ----------------------- */

.illust{
float:left;
margin:0px 5px 5px 0px;
border:solid 1px #999;
}

.illust_new{
float:left;
margin:0px 5px 5px 0px;
border:solid 1px #ff3300;
}

.about{
float:left;
margin:0;
}

.comic{
float:left;
margin:0;
border:solid 1px #999;
}

/* ----------------------- txtbox ----------------------- */

.clear{
clear:both;
}

.space{
clear:both;
width:10px;
height:10px;
}

.txtb_side{
float:left;
display:inline;
margin:15px 0px 0px 10px;
width:430px;
color:#999;
font-size:11px;
}

.txtb_pagetop{
clear:both;
width:560px;
font-size:10px;
text-align:right;
}

.txtb_mail{
width:560px;
text-align:left;
}
.txtb_mail a{
color:#ff5500;
text-decoration:underline;
}
.txtb_mail a:hover{
color:#ff9900;
}