@charset "utf-8";

/* clap用 */
#header h1, #header li { margin-top:40px; }
#header p { margin-top:45px; }

/** { border :0px solid #fff; } */
* { margin:0; padding:0; }
html { overflow-y: scroll; }
body { background:#000 url('../img/common/background02.gif') repeat; }
	body * { overflow:hidden; }
body,p,th,td,li,dt,dd { font-size: 12px; font-weight:normal; line-height:1.4em; color: #999; }
a, .a     { color: #AD035F; text-decoration: none; cursor:pointer; }
a:link    { color: #AD035F; }
a:visited { color: #AD035F; }
a:hover   { color: #AD035F; text-decoration: underline; }
a:active  { color: #AD035F; text-decoration: underline; }
ul,li { list-style:none; }
strong { color:inherit; font-size:inherit; font-weight:inherit; }
img { border:0; }
h1,h2,h3,h4,h5,h6 { overflow:visible; }

ul.discList {}
	ul.discList li { list-style-type:disc; margin-left:20px; overflow:visible; }
	ul.discList .none * { list-style-type:none; }
ul.floatList li { display:inline; width:auto; padding-right:5px; margin-left:0; }
.line-through { text-decoration:line-through; }
.underlineDotted { border-bottom:1px dotted #ccc; padding-bottom:2px; }

.f_left   { float:left; }
.f_right  { float:right; }
.f_clear  { clear:both; }
.t_left   { text-align:left; }
.t_right  { text-align:right; }
.t_center { text-align:center; }
.px10 { font-size:10px; }

#wrapper { width:900px; margin:auto; }
#substantiality { width:690px; float:right; }
	h2 {
		color:#66CCFF;
		font-weight:bold;
		font-size:22px;
		letter-spacing: 0.1em;
		margin:30px 0 15px 0;
	}
#nav { width:200px; float:left; }
	h3 {
		color: #6699CC;
		font-weight:bold;
		font-size:18px;
		letter-spacing: 0.1em;
		font-family: Georgia, "Times New Roman", Times, serif ;
		margin:30px 0 5px 0;
		}
		h4{
			color: #ccc;
			font-weight:bold;
			font-size:14px;
			font-family: Georgia, "Times New Roman", Times, serif ;
			padding:15px 0 10px;
			margin:0 0 10px 5px;
			border-bottom: 1px dotted #ccc;
		}
/*__________________________________________________________door___*/
#door #wrapper { margin-top:50px; }
	#door p.title { font-size:16px; letter-spacing:0.3em; margin:0; }
	#door h1 {
		font-size:10px;
		font-weight:normal;
		padding-bottom:10px;
		border-bottom:1px dotted #666;
		margin-bottom:10px;
		}
	#door .submit {
		border:1px solid #ccc;
		background:#666;
		padding:0 5px;
		margin-left:5px;
	}
/*__________________________________________________________header___*/
#header { margin:10px 0 20px; }
	#header * { vertical-align:; }
	#header a, #header h1 { color: #666; text-decoration: none; }
	#header a:link, #header h1:link { color: #666; text-decoration: none; }
	#header a:visited, #header h1:visited { color: #666; text-decoration: none; } 
	#header a:hover, #header h1:hover { color: #ccc; text-decoration: none; }
	#header a:active, #header h1:active { color: #666; text-decoration: none; }
	#header h1 {
		font-weight:bold;
		font-size:23px;
		font-family: Georgia, "Times New Roman", Times, serif ;
		letter-spacing: 0.5em;
		float:left;
		cursor:pointer;
	}
	#header p {
		font-family: Georgia, "Times New Roman", Times, serif ;
		letter-spacing: 0.1em;
		float:left;
		font-size:10px;
		color: #666;
		
	}
	#header ul { width:auto; float:right; }
		#header li {
			font-weight:bold;
			font-size:20px;
			font-family: Georgia, "Times New Roman", Times, serif ;
			letter-spacing: 0.05em;
			float:left;
			margin-left:15px;
		}
		#header li.clap {
			font-size:10px;
			font-weight:normal;
			margin-top:17px;
			}
/*__________________________________________________________footer___*/
#footer{ clear:both; margin-top:150px; }
	#footer p {
		font-family: Georgia, "Times New Roman", Times, serif ;
		font-size:10px;
		letter-spacing: 0.05em;
		text-align:right;
		padding-bottom:20px;
	}
/*__________________________________________________________index___*/
#substantiality.index .counter {
	text-align:right;
	font-size:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#substantiality.index h2 { cursor:pointer; float:left; clear:both; }
#substantiality.index h3 {
	color: #ccc;
	font-weight:bold;
	font-size:18px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:15px 0 10px;
	margin:0 5px 10px 5px;
	border-bottom: 1px dotted #ccc;
	clear:both;
}
#substantiality.index .col1 {
	float:left;
	width:470px;
	}
	#substantiality.index .col1 dl {
		width:450px;
		max-height:170px;
		overflow-y:auto;
		margin:auto;
		}
		#substantiality.index .col1 dt {
			font-weight:bold;
			font-size:12px;
			color:#aaa;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		#substantiality.index .col1 dd {
			margin:5px 5px 15px 5px;
		}
#substantiality.index .col2 { float:right; }
	#substantiality.index .col2 ul { width:200px; }
#substantiality.index .col3 {}
	#substantiality.index .col3 dt {
		color: #ccc;
		font-weight:bold;
		font-size:18px;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		padding:15px 0 10px;
		margin:0 5px 10px 5px;
		border-bottom: 1px dotted #ccc;
	}
	.index .col3 dd { padding:0 15px; }
#substantiality.index .col4 { padding-left:15px; width:390px; float:left; }
	#substantiality.index .col4 * { line-height:1.6em; letter-spacing:0.1em; }
	#substantiality.index .col4 dt { display:inline; width:auto; }
		#substantiality.index .col4 dt img { vertical-align: text-bottom; }
	#substantiality.index .col4 dd { display:inline; width:auto; }
		#substantiality.index #mailform { width:380px; padding-top:10px; float:right; }
		#substantiality.index #mailform * { letter-spacing:0.05em; }
		#substantiality.index #mailform img { margin-bottom:-3px; }
		#substantiality.index #mailform #textData { width:290px; height:120px; font-size:12px; background:#ccc; border:1px solid #fff; overflow-y:auto; }
		#substantiality.index #mailform #submitMail {
			margin:100px 0 0 0;
			padding:3px 5px;
			border: 1px solid #666;
			cursor:pointer;
			float:right;
		}
		#substantiality.index #mailform p.after { border-bottom:1px dotted #999; padding-bottom:5px; margin-bottom:5px; }
#substantiality.index .col5 { width:260px; float:right; }
	#substantiality.index .col5 .p1 { border-bottom:1px dotted #ccc; padding-bottom: 5px; font-weight:bold; text-align:center; }
	#substantiality.index .col5 .p2 { text-align:center; padding:5px; }
	#substantiality.index .col5 .p3 { padding:3px 5px; }
	#substantiality.index .col5 .p4 { text-align:right; font-size:10px; margin-bottom:5px; color:#666; }
/*__________________________________________________________gallery___*/
#nav.gallery li {
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	}
	#nav.gallery li * { float:left; }
		#nav.gallery a:visited { color: #666; }
		#nav.gallery h4 { cursor:pointer; }
	#nav.gallery #scribbles li { font-size:22px; }
	#substantiality.gallery img, #substantiality.gallery object { margin-left:10px; }
	#substantiality.gallery p { margin:5px 10px; }
	#substantiality.gallery .scribbles img { margin:0 0 10px 10px; float:left; }
/*comic*/
	#substantiality #diary_d * { margin:0; overflow:visible; }
	#substantiality #diary_d { width:660px; margin: 20px auto 0; }
	#substantiality #diary_d .left { width:450px; float:left; }
		#substantiality #diary_d img { cursor:pointer; }
		#substantiality #diary_d table.nav td { width:225px; margin:10px auto; }
		#substantiality #diary_d p.previous, #substantiality #diary_d p.next {
			padding:20px;
			border:1px solid #ccc;
			width:auto;
			cursor:pointer;
		}
		#substantiality #diary_d p.previous { display:none; }
		#substantiality #diary_d #fullNav { width:200px; height:415px; overflow-y:auto; float:right; }
		#substantiality #diary_d h5 {
			font-size:10px;
			border:0;
			border-top:1px dotted #ccc;
			margin:5px 0 0 0;
			padding:3px 0 0 0;
			clear:both; 
		}
		#substantiality #diary_d ul { clear:both; padding-bottom:5px; }
			#substantiality #diary_d li { width:auto; float:left; margin-right:5px; text-decoration:underline; cursor:pointer; }

/*__________________________________________________________offline___*/
#nav.offline  {}
	#nav.offline h3 a { color: #6699CC; }
	#nav.offline a:link    { color: #6699CC; }
	#nav.offline a:visited { color: #6699CC; }
	#nav.offline a:hover   { color: #6699CC; text-decoration: underline; }
	#nav.offline a:active  { color: #6699CC; text-decoration: underline; }
#substantiality.offline .books { border-bottom:1px solid #333; padding-bottom:20px; margin-bottom:20px; }
	#substantiality.offline .books, #substantiality.offline .books * { overflow:visible; }
	#substantiality.offline .books th { border-bottom:1px dotted #ccc; padding:5px; font-size:10px; }
	#substantiality.offline .books td { padding:5px; }
		#substantiality.offline .books td.img { vertical-align:top; min-width:200px; }
		#substantiality.offline .books td .tachiyomi { margin-bottom:5px; }
#substantiality.offline .event { width:100%; }
	#substantiality.offline .event, #substantiality.offline .event * { overflow:visible; }
	#substantiality.offline .event th { border-bottom:1px dotted #ccc; padding:5px; }
	#substantiality.offline .event td { border-bottom:1px solid #333; padding:5px; }
#substantiality.offline table.order {}
	#substantiality.offline table.order, #substantiality.offline table.order * { overflow:visible; }
	#substantiality.offline table.order { vertical-align:top; margin-top:25px; }
	#substantiality.offline table.order th { border-bottom:1px dotted #ccc; padding:5px 15px; }
	#substantiality.offline table.order td { padding:5px 10px; }
		#substantiality.offline table.order td img { margin-right:10px; }
#substantiality.offline #orderform #er { color:#FF3300; }
#substantiality.offline #orderform #submit {
	padding:5px 10px;
	border: 3px solid #666;
	float:right;
	cursor:pointer;
}
/*__________________________________________________________link___*/
#nav.link {}
	#nav.link a,        { color: #999; text-decoration: none; }
	#nav.link a:link    { color: #999; }
	#nav.link a:visited { color: #999; }
	#nav.link a:hover   { color: #999; text-decoration: underline; }
	#nav.link a:active  { color: #999; text-decoration: underline; }
	#nav.link ul { margin-top:5px; }
		#nav.link li {
			padding-left:20px;
			margin-bottom:3px;
			overflow:visible;
			font-size:14px;
			background:url('/img/common/list_mark06.gif') no-repeat 9px 6px;
		}
#substantiality.link table.links { clear:both; }
	#substantiality.link table.links, #substantiality.link table.links * { overflow:visible; }
	#substantiality.link table.links tr {}
		#substantiality.link table.links th { vertical-align:top; width:210px; padding-top:13px; }
			#substantiality.link table.links td { padding-bottom:10px; padding-top:10px; }
				#substantiality.link table.links td a         { color: #ccc; text-decoration: none; }
				#substantiality.link table.links td a:link    { color: #ccc; text-decoration: none; }
				#substantiality.link table.links td a:visited { color: #ccc; text-decoration: none; } 
				#substantiality.link table.links td a:hover   { color: #fff; text-decoration: none; }
				#substantiality.link table.links td a:active  { color: #999; text-decoration: none; }
#substantiality.link ul.linkNav { float:right; }
	#substantiality.link ul.linkNav li {
		float:left;
		width:25px;
		height:25px;
		margin:5px;
		font-size:20px;
		text-align:center;
		}
		#substantiality.link ul.linkNav li.next, #substantiality.link ul.linkNav li.prev { }
/*__________________________________________________________clap___*/
#substantiality.clap {}
	#substantiality.clap .col1 { margin:0; }
		#substantiality.clap .col1 p { margin: 10px 0; }
		#substantiality.clap .col1 p.clap { margin-top:30px; text-align:center; }
			#substantiality.clap .col1 p.clap a         { color: #999; text-decoration: none; }
			#substantiality.clap .col1 p.clap a:link    { color: #999; text-decoration: none; }
			#substantiality.clap .col1 p.clap a:visited { color: #999; text-decoration: none; }
			#substantiality.clap .col1 p.clap a:hover   { color: #ccc; text-decoration: none; }
			#substantiality.clap .col1 p.clap a:active  { color: #ccc; text-decoration: none; }
	#substantiality.clap #mailform { width:350px; float:right; margin-top:30px; }
	#substantiality.clap #mailform #textData { width:350px; height:100px; font-size:12px; margin-top:5px; overflow-y:auto; }
	#substantiality.clap #mailform #submitMail {
		margin-top:5px;
		padding:3px 5px;
		border: 3px solid #666;
		cursor:pointer;
		float:right;
	}
	#substantiality.clap #mailform p img { vertical-align: text-bottom; }
		#substantiality.clap #mailform p.after { border-bottom:1px dotted #999; padding-bottom:5px; margin-bottom:5px; }
/*__________________________________________________________margin___*/
.mT5 { margin-top:5px; }
.mT10 { margin-top:10px; }
.mT15 { margin-top:15px; }
.mT20 { margin-top:20px; }
.mT25 { margin-top:25px; }
.mT30 { margin-top:30px; }
.mT35 { margin-top:35px; }
.mT40 { margin-top:40px; }
.mB5 { margin-bottom:5px; }
.mB10 { margin-bottom:10px; }

.pT5 { padding-top:5px; }