@charset "utf-8";
body {
	margin:0px;
	padding:0px;
	font-size:10px;
	line-height: 1.7em;
	font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
		color:#333;
		background-image:url(../images/top/bg.gif);
}

h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,table,form,pre,object,embed{
	margin: 0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd{
	font-size:1.2em;
}
img{border:none;}
li{list-style-type: none;}
table{border-collapse:collapse;}
label{cursor:pointer;}
.clear{clear:both}
.clearfix:after{
		content:".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	
.clearfix{ display:inline-table; }
/* Mac OS版IEには適用しない \*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix{ display: block; }
/**/



a:link{color:#3D3E56;text-decoration:underline;}
a:visited{color:#3D3E56;text-decoration:underline;}
a:hover{color:#3D3E56;text-decoration:none;}
a:active{color:#3D3E56;text-decoration:none;}



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

#head{
	width:800px;
	margin: auto;
	background-color:#999;
}
#head h1{
	height: 85px;
	overflow: hidden;
	margin:0px 0px 1px 0px;
}

#navi{
	position: relative;
	float: left;
	width:60px;
	height: 368px;
	overflow: hidden;
	float: left;
}
	#navi li{
		position: absolute;
	}
	#navi li.update{ left:0px; top:0px; }
	#navi li.story{ left:0px; top:73px; }
	#navi li.onair{ left:0px; top:145px; }
	#navi li.staff{ left:0px; top:192px; }
	#navi li.character{ left:31px; top:0px; }
	#navi li.goods{ left:31px; top:160px; }
	#navi li.special{ left:31px; top:73px; }
	#navi li.original{ left:31px; top:232px; }
	#navi li.link{ left:31px; top:276px; }
	#navi li.blog{ left:0px; top:334px; }

#keyvidual{
	width:739px;
	height: 368px;
	float: right;
	overflow: hidden;
}

/*--------------------
body
----------------------*/
#body{
	width:800px;
	margin: auto;
	padding:9px 0px 39px 0px;
	background-color:#fff;
}

#update_sec{
	width:370px;
	padding:0px 0px 0px 10px;
	float: left;
	overflow: hidden;
}

#blog{
	margin:0px 0px 3px 0px;
	padding:0px 0px 5px 0px;
	background-image:url(../images/top/line_dot.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
	#blog h2{
		margin:0px 0px 3px 0px;
		line-height: 1em;
	}
	#blog ul{
	
	}
	#blog li{
		background-color:#ccc;
		margin:0px 0px 3px 0px;
	}
	#blog span.img{
		float: left;
		width:60px;
	}
	#blog span.date{
		width:290px;
		float: right;
		padding:7px 10px 6px 0px;
		line-height: 1em;
		font-size: 10px;
	}
	#blog span.title{
		width:290px;
		float: right;
		padding:0px 10px 5px 0px;
		line-height: 1em;
	}



#update{
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 0px;
	background-image:url(../images/top/line_dot.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
	#update h2{
		line-height: 1em;
	}
	#update ul{
	
	}
	#update li{
		margin:0px 0px 3px 0px;
		background-image:url(../images/top/update_bg.gif);
		font-size: 1em;
		line-height: 2em;
	}

	#update li span.bg_h{
		display: block;
		background-image:url(../images/top/update_bg_h.gif);
		background-position:top;
		background-repeat:no-repeat;
	}
	#update li span.bg_b{
		display: block;
		background-image:url(../images/top/update_bg_b.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding:9px 0px 7px 0px;
	}
	*html #update li span.bg_b{
		padding-bottom: 0px;
	}
	
	#update span.img{
		float: left;
		width:60px;
	}
	#update span.date{
		width:100px;
		float: left;
		padding:0px 0px 0px 9px;
	}
	#update span.title{
		width:250px;
		float: right;
		padding:0px 10px 0px 0px;
	}



#pr_sec{
	width:410px;
	float: left;
	padding:0px 0px 0px 10px;
}

	#banner{
		margin:0px 0px 12px 0px;
	}
	#banner li{
		width:195px;
		padding:0px 10px 6px 0px;
		float: left;
	}




/*--------------------
foot
----------------------*/
#foot{
	width:800px;
	margin:auto;
	background: #fff;
	border-top:solid 1px #ccc;
}
#foot p{
	margin:0px;
	padding:9px 0px 10px 0px;
	text-align: center;
}