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

	style.css

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

#wrapper{
	width: 100%;
	margin: 0 auto;
	background: url(../images/header_bg.gif) repeat-x; 

}

/*-----------------------------------------------------
	clearfix　
-----------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-----------------------------------------------------
	header　
-----------------------------------------------------*/
header {
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
	background: url(../images/header_bg02_.gif) no-repeat ;
	background-position: 53% 113%;
	z-index: -50;
}

#bnrkyomaf{
	margin:10px auto 0 auto;;
	width:600px;}

#oa{
	margin: 30px 0 0 0;
}

#top{
	width: 1130px;
	margin: 0 auto;
/*	min-width: 1130px;*/
	}

#left{
	width: 38%;
	max-width: 513px;
	position: relative;
	left:85px;
	top: 10px;
	float: left;
}

#left img{
	display: block;
}

#bnr{
	width: 523px;
}

.bnrLeft{
	width: 232px;
	margin: 35px 10px 0 0px;
	float: left;
}

.bnrLeft img:hover {
	alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

.bnrRight{
	width: 271px;
	margin: 35px 0 0 0;
	float: left;
}

.bnrRight img:hover {
	alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

#chara{
	width: 61%;
	height: 740px;
	float: left;
	background: url(../images/character.png) no-repeat ;
	z-index: -100;
	}


/*-----------------------------------------------------
下部
-----------------------------------------------------*/
#main{
	background: url(../images/main_bg.gif) repeat-x ;
	margin: -20px 0 0 0;
	}

#arasuziBox{
	position: relative;
	padding: 20px 0 ;
	margin: 0 auto;
	max-width: 971px;
	height: 930px;
	background: url(../images/arasuzi_box.png) no-repeat;
	background-position: 0 30%;
	z-index: 90;
}

.arasuziIn{

}

.arasuziCast{
	width: 907px;
	height: 457px;
	background: url(../images/arasuzi_box_s.gif) no-repeat;
	margin: 25px auto 0;
	overflow: hidden;	
}

#arasuziLtop{
	width: 124px;
	padding: 75px 0 0 75px;
	float: left;
}

.arasuziText{
	text-indent: 100%;
	white-space:nowrap;
	overflow: hidden;
}

#arasuziRtop{
	width: 645px;
	padding: 55px 0 0 75px;
	float: left;
}

#arasuziL{
	width: 197px;
	height: 271px;
	margin: 35px 0 0 26px;
	float: left;
	background: url(../images/cast.gif) no-repeat;
}

#arasuziR{
	width: 627px;
	margin: 35px 0 0 32px;
	float: left;
	background: url(../images/staff.gif) no-repeat;
}


/*-----------------------------------------------------
	footer　
-----------------------------------------------------*/
footer {
	width: 242px;
	margin: 0 auto;
	position: relative;
	top: -10px;
}