/* ▼デフォルトスタイルリセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;font-size:14px;line-height:18px;}  
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}  
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
/* ▲デフォルトスタイルリセット */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/**** 全体 ****/
body {
	line-height: 135%;
	margin: 0;
    background: #000 url(../img/main_bg.gif) repeat-x;
    font-family: "ＭＳ Ｐゴシック", Osaka,;
    color: #ffffff;
	font-size: 14px;
}
.container {
	width: 800px;
	background: url(../img/wp_bg.jpg) repeat-y;
	margin: 0 auto;
}
.clear { clear:both; }

.main {
	padding-top: 10px;
	text-align: center;
	}

.Btxt {
	background: url(../img/icon_01.gif) no-repeat;
	padding-left: 20px;
	font-size: 120%;
	font-weight: bold;
	line-height: 170%;
	}
	
.Btxt02 {
	background: url(../img/icon_02.gif) no-repeat;
	padding-left: 20px;
	font-size: 120%;
	font-weight: bold;
	line-height: 170%;
	}

.line  {
	width: 679px;
	height: 2px;
	background: url(../img/line.png) no-repeat;
	}
.line hr {
	display: none;
}


.kakudai {
	color: #b2a4d0;
	text-align:center ;
	padding-bottom: 10px;
}

.story {
	padding: 10px 20px 0 20px;
	text-align: center;
}

/**** about ****/

#about {
	padding: 15px 40px 0 40px;
}

#about ul {
	padding: 20px 20px;
}

#about li {
	padding-bottom: 10px;
}

#about p {
	padding-top: 5px;
}

/**** コミック ****/

#comic{
	width:700px;
	background-color:#FFFFFF;
	color:#000000;
	padding:10px 0;
	margin:20px auto 0;
}

#comic dl{
	margin:20px 0;
	overflow: hidden;
}

#comic dt{
	float:right;
	display:block;
	width:40%;
	text-align:center;
}

#comic dd{
	float:left;
	display:block;
	width:60%;
	text-align:center;
}

#comic dd span{
	text-align:left;
	display:block;
	margin:15px 0 0 60px;
	font-size:12px;
	line-height:1.5em;
}

#comic .line {
	margin: 0 auto;
	width: 90%;
	height: 2px;
	background: #b2a4d1; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #b2a4d1 10%, #b2a4d1 90%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(10%,#b2a4d1), color-stop(90%,#b2a4d1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffffff 0%,#b2a4d1 10%,#b2a4d1 90%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffffff 0%,#b2a4d1 10%,#b2a4d1 90%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffffff 0%,#b2a4d1 10%,#b2a4d1 90%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(left, #ffffff 0%,#b2a4d1 10%,#b2a4d1 90%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2a4d1', endColorstr='#b2a4d1',GradientType=1 ); /* IE6-9 */
}

/**** キャラ ****/

#chara {
	padding: 15px 40px 0 40px;
}

#chara dl {
	width: 740px;
	padding-top: 15px;
	padding-left: 20px;
	overflow: hidden;
	}

#chara dt {
	width: 70%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

#chara dd {
	padding-top: 15px;
	padding-left: 20px;
}

#chara2 dl {
	width: 740px;
	padding-top: 15px;
	padding-left: 20px;

	}

#chara2 {
	padding: 0 40px 10px 40px;
}

#chara2 dl {
	padding: 15px 20px;
}

#chara2 dd {
	padding-bottom: 10px;

}



/**** ストーリー ****/

#story {
	padding: 15px 40px 0 40px;
}

#story p {
	width: 600px;
	}

#story ul {
	padding: 10px 20px 0 20px;
	width: 680px;
}

#story li {
	padding-top: 10px;
}

.Simage ul {
	overflow: hidden;
}

.Simage li {
	float: left;
}


/* 美術設定(art.html) */
.art{}

	.art h2 {
		margin-bottom: 5px;
		line-height: 100%;
		font-size: 140%;
		font-weight: bold;
	}
	.art ul {
		width: 97%;
		padding-bottom: 10px;
		overflow: hidden;
	}
	.art ul li {
		float: left;
		padding-right: 15px;
		padding-bottom: 10px;
		text-align: center;
	}
	.art ul li.lastChild {
		float: left;
		padding-right: 0;
	}
	.art ul li a img {
		display: block;
		border: 1px solid #fff;
		margin-bottom: 5px;
	}
	.art ul li a:hover img {
		border: 1px solid #f39;
	}
	.art ul li a span {
		display: block;
		padding: 2px;
		background: #fff;
	}
		/* ポップアップのキャプション */

	#artCaption {
		text-align: left;
	}
	.artPopup {
		display: none;
	}


/**** コピーライト ****/

.copy{
	text-align:center ;
}