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

	style.css
	レイアウト用CSS

------------------------------------------------------*/
html,body{
	min-height: 100%;
	}

body{
	min-width: 960px;
	background: #fff;
	font: .8em/1.5em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',helvetica,arial,clean,sans-serif;}


#wrap{
	padding: 0;
	background: #010b20 url(../images/bg.jpg) no-repeat center top;
	}
/*-----------------------------------------------------
	header　
-----------------------------------------------------*/
header {
	width: 960px;
	margin: 0 auto;
	}
	
header h1{
	width: 552px;
	float: left;
	}
	
header h2{
	width: 399px;
	padding:15px 0 0 0;
	float: right;
	}

/*-----------------------------------------------------
	content　
-----------------------------------------------------*/
#content{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 188px;

	position: relative;
	z-index: 1;
	}

#content .mainvisual{
	width: 657px;
	height: 641px;
	background: url(../images/kyara.png) no-repeat;
	position: absolute;
	right: -25px;
	top: 112px;
	z-index: 1;
	}

#content #official{
	display: block;
	width: 389px;
	position: absolute;
	left: 90px;
	top: 595px;
	z-index: 9999;
	}
	
.txt{
	padding: 68px 0 0 72px;
	position: relative;
	z-index: 99;
	}
/*-----------------------------------------------------
	footer　
-----------------------------------------------------*/
footer {
	background: #2377c8 url(../images/footbase.png) repeat-x center top;
	text-align: center;
	position: relative;
	z-index: 1;
	}
	
#cast{
	display: inline-block;
	width: 379px;
	padding: 20px 0 15px 0;
	}
	
#staff{
	display: inline-block;
	width: 492px;
	padding: 20px 0 15px 25px;
	}

#copyright{
	padding: 20px 0;
	background: #030f2c;
	text-align: center;
	}

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