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

	style.css
	○○用CSS

------------------------------------------------------*/

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

#wrap{
	background: #fff; 
}

/*-----------------------------------------------------
	header　
-----------------------------------------------------*/
header {
	position: relative;
	width: 100%;
	height: 730px;
	background: url(../images/bg.gif);
	overflow: hidden;
}

	header .white{
		position: absolute;
		left: 50%;
		top: 0;
		z-index: 0;
		width: 100%;
		height: 730px;
		margin-left: 450px;
		background: #fff; 
	}

	header #mainvisual{
		position: relative;
		z-index: 1;
		width: 1024px;
		height: 730px;
		margin: 0 auto;
		background: url(../images/visual.png) no-repeat right top;
	}

	header h1{
		padding: 15px 0;
	}

	header #date{
		padding: 0 0 0 20px;
	}

	#maincharacter{
		position: absolute;
		right: 162px;
		bottom: -80px;
	}

	#btn_official{
		width: 405px;
		height: 111px;
		margin-top: 15px;
		padding: 81px 25px;
		background: url(../images/btn_frame.png) no-repeat center;
	}

		#btn_official a{
			display: block;
			width: 405px;
			height: 110px;
		}





/*-----------------------------------------------------
	content　
-----------------------------------------------------*/

#under{
	padding: 20px 0;
	background: url(../images/base_bg.gif);
}

	#underWrap{
		width: 1000px;
		margin: 0 auto;
		text-align: center;
		background: url(../images/shape.png) no-repeat center 154px;
	}

	

		#base{
			position: relative;
			width: 972px;
			margin: 20px auto 0 auto;
			padding-bottom: 45px;
		}

		.ribon{
			display: block;
			position: absolute;
			right: 0;
			top: 30px;
			width: 212px;
			height: 162px;
		}

		.pencil{
			display: block;
			position: absolute;
			left: -35px;
			top: 210px;
			width: 174px;
			height: 238px;
		}

		.crown{
			display: block;
			position: absolute;
			right: 34px;
			top: 340px;
			width: 174px;
			height: 238px;
		}

		.basetop{
			height: 19px;
			background: url(../images/base_top.png) no-repeat bottom;
		}

		.basebottom{
			height: 19px;
			background: url(../images/base_bottom.png) no-repeat top;
		}

		.basebody{
			padding: 115px 0 25px 0;
			background: url(../images/base_body.png) repeat-y;
		}

		#intro{}
			#intro h1{
				position: absolute;
				left: 5px;
				top: 2px;
			}

			#intro .txt{
				position: relative;
				z-index: 9;
			}

		#caststaff{
			position: relative;
			z-index: 9;
			width: 824px;
			height: 484px;
			margin: 25px 0 0 65px;
			padding: 25px 35px;
			background: url(../images/postit.png) no-repeat;
		}

			#caststaff .leftTxt{
				float: left;
				width: 341px;
			}

			#caststaff .rightTxt{
				float: left;
				width: 374px;
				margin-left: 50px;
			}

/*-----------------------------------------------------
	footer　
-----------------------------------------------------*/
footer {
	padding: 10px 0;
	text-align: center;
	line-height: 0;
	background: url(../images/bg.gif);
}