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

/* =tags
-------------------------------------------------------------- */

body,h1,h2,h3,h4,ul,li,dl,dt,dd,p,a,div,span,address{
	margin:0;
	padding:0;
}

html{widht:100%;}

body{
	widht:100%;
	min-width:1000px
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#520;
}

a{color:#069;transition:color 0.5s ease,background-color 0.5s ease;}
a:link{outline:none;}
a:visited{outline:none;}
a:hover{color:#1cd;outline:none;}
a:active{outline:none;}

ul{list-style:none;}

address,em{font-style:normal;}

div,img,a{border:none;}

hr{
	margin:38px auto;
	padding:0;
	width:950px;
	height:24px;
	background:url(../../img/ob/al_hr.png) no-repeat;
	border:none;
	clear:both;
}





/* =container
-------------------------------------------------------------- */

#container{
	margin:0 auto;
	width:1000px;
}





/* =head
-------------------------------------------------------------- */

#head{
	padding:0 25px;
	width:950px;
	height:70px;
	position:relative;
}

#head h1{
	margin:21px 0 0 0;
	width:123px;
	height:29px;
	float:left;
}



/* =menu
------------------------------- */

#head ul{
	margin:15px 0 0 50px;
	padding:5px 0;
	width:777px;
	height:30px;
	background:url(../../img/bg/al_menu_bg.png) no-repeat;
	float:left;
}

#head ul li{float:left;}

#head ul li a{
	height:30px;
	text-indent:-9999px;
	display:block;
	background:url(../../img/bt/al_menu_bt.png) no-repeat;
	border-left:solid 1px #eee8e5;
}
#head ul li:first-child a{border-left:none;}

#head ul li.menu_ma a{width:191px;background-position:0 0;margin-left:17px;}
#head ul li.menu_st a{width:127px;background-position:-191px 0;}
#head ul li.menu_ch a{width:154px;background-position:-318px 0;}
#head ul li.menu_il a{width:133px;background-position:-472px 0;}
#head ul li.menu_se a{width:133px;background-position:-605px 0;}
#head ul li.menu_ma a:hover{background-position:0 -30px;}
#head ul li.menu_st a:hover{background-position:-191px -30px;}
#head ul li.menu_ch a:hover{background-position:-318px -30px;}
#head ul li.menu_il a:hover{background-position:-472px -30px;}
#head ul li.menu_se a:hover{background-position:-605px -30px;}



/* =content
-------------------------------------------------------------- */

#content{
	width:1000px;
	min-height:400px;
	clear:both;
}

#content h3{margin-left:25px;}
#content a.menu_a{
	margin-top:-100px;
	height:100px;
	display:block;
}





/* =maintitle
-------------------------------------------------------------- */

#maintitle{
	width:1000px;
	height:644px;
	background:url(../../img/ob/ma_bg.png) no-repeat;
	position:relative;
}

.topics{
	width:396px;
	height:286px;
	background:url(../../img/bg/ma_topics_bg.png) no-repeat;
	position:absolute;
	top:366px;
	right:17px;
}

.to_txt{
	width:164px;
	height:240px;
	position:absolute;
	top:23px;
	left:23px;
}

.to_txt h1{font-size:24px;line-height:125%;}
.to_txt h2{margin-top:11px;font-size:30px;line-height:134%;}
.to_txt h2 .date{font-size:50px;color:#a31;}
.to_txt table{font-size:14px; font-weight:bold;}

.topics a.to_img{position:absolute;}
.topics a.to_book{top:18px;right:18px;}





/* =story
-------------------------------------------------------------- */

#story{
	width:1000px;
	height:400px;
	background:url(../../img/bg/st_bg.png) no-repeat;
}

#story .st_txt{margin-top:36px;}

#story p{
	margin-top:18px;
	font-size:18px;
	text-align:center;
}

#story p:first-child{margin-top:0;}

#story p.st_st{
	margin-top:45px;
	font-size:27px;
	color:#a31;
}





/* =character
-------------------------------------------------------------- */

#character{
	width:1000px;
}

#character dl{
	margin:10px 0 0 18px;
	width:228px;
	float:left;
}

#character dl:first-child{margin-left:17px;}

#character dd{
	margin:15px 0 0 0;
	padding:0 8px;
	width:212px;
	font-size:11px;
	line-height:175%;
	text-align:justify;
}

#character dd h4{font-size:14px;}





/* =illust
-------------------------------------------------------------- */

#illust{
	width:1000px;
	height:622px;
	position:relative;
}

.manga_wrap{
	padding:8px;
	width:800px;
	height:567px;
	background:url(../../img/bg/il_manga_bg.png) no-repeat;
	position:absolute;
	top:47px;
	left:87px;
}

.manga_left,.manga_right{
	width:400px;
	height:567px;
	float:left;
}

.manga_left:hover,.manga_right:hover{-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}





/* =series
-------------------------------------------------------------- */

#series{
	width:1000px;
}

.series_wrap{
	margin:-15px 0 0 -1px;
}

#series dl{
	margin:25px 0 0 18px;
	width:228px;
	float:left;
}

#series dt{
	padding:8px;
	width:212px;
	height:301px;
	background:url(../../img/bg/se_bo_bg.png) no-repeat;
}

#series dd{
	margin:12px 0 0 0;
	padding:0 8px;
	width:212px;
	font-size:14px;
}





/* =foot
-------------------------------------------------------------- */

#foot{
	padding:0 0 40px 0;
	width:950px;
	font-size:11px;
	color:#000609;
	text-align:center;
}

#foot address{margin:13px 0 0 0;}





/* =go_top
-------------------------------------------------------------- */

.go_top a{
	width:40px;
	height:40px;
	text-indent:-9999px;
	background:url(../../img/bt/al_gotop_bt.png) no-repeat;
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:50;
}
.go_top a:hover{background-position:0 -40px;}





/* =common
-------------------------------------------------------------- */

.red{color:#a31;}
.black{color:#520;}

.sh{
	box-shadow:2px 2px 6px rgba(85,51,17,0.25);
	-moz-box-shadow:2px 2px 6px rgba(85,51,17,0.25);
	-webkit-box-shadow:2px 2px 6px rgba(85,51,17,0.25);
}

#content em,.cbg{
	margin:0 1em 0 0;
	padding:2px 6px;
	font-weight:bold;
	font-style:normal;
	font-size:90%;
	border-radius:2px;
}
.cbg{color:#fff;background:#1cd;}
#content em{color:#891;border:solid 1px #1cd;}

#bans_wrap{margin:0 0 0 65px;width:933px;}

#ban_wrap{
	margin:0 33px 40px 0;
	padding:0 0 0 0;
	width:200px;
	float:left;
}

#ban_wrap .ban_img{
	width:200px;
	height:40px;
	box-shadow:2px 2px 6px rgba(85,51,17,0.25);
	-moz-box-shadow:2px 2px 6px rgba(85,51,17,0.25);
	-webkit-box-shadow:2px 2px 6px rgba(85,51,17,0.25);
}

.ban_code{
	padding:5px 0 0 0;
	margin:10px 0 0 0;
	border-top:dashed 1px #a86;
	word-break:break-all;
	text-align:justify;
}





/* =clearfix
-------------------------------------------------------------- */

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{min-height:1px;}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}