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

	style.css
	レイアウト用CSS

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

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


#wrap{
	padding: 24px 0 0 0;
	background: #fff url(../images/bg.jpg) no-repeat center -150px;
	}
/*-----------------------------------------------------
	header　
-----------------------------------------------------*/
header {
	width: 955px;
	margin: 0 auto;
	}
	
header h1{
	width: 454px;
	padding:7px 0 0 0;
	float: left;
	}
	
header h2{
	width: 463px;
	float: right;
	}
	
#notice{
	background:#FFF;
	border-bottom:solid 1px #66CCFF;
	font-size:16px;
	font-weight:bold;
	padding:15px;
	text-align:center;}

/*-----------------------------------------------------
	content　
-----------------------------------------------------*/
#content{
	width: 1074px;
	height: 850px;
	margin: 14px auto;
	background: url(../images/content.png) no-repeat left top;
	position: relative;
	z-index: 99;
	}

#content .mainvisual{
	position: absolute;
	right: -35px;
	top: -22px;
	}

#content #official{
	display: block;
	width: 375px;
	position: absolute;
	left: 100px;
	top: 212px;
	}
	
.txt{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
	
.twitter{
	display: block;
	width: 434px;
	height: 205px;
	background: url(../images/btn_tweet.png) no-repeat;
	position: absolute;
	left: 50px;
	bottom: 39px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
/*-----------------------------------------------------
	footer　
-----------------------------------------------------*/
footer {
	margin-top: -54px;
	background: url(../images/footbase.gif) repeat-x;
	}
	
#staff{
	height: 341px;
	padding: 20px 0;
	text-align: center;
	}

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

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