/*リンクにする場合、z-indexを1以上に設定*/
/*フォント設定*/
a:link    { text-decoration: none; color: #570027; }
a:visited { text-decoration: none; color: #570027; }
a:active  { text-decoration: none; color: #570027; }
a:hover   { text-decoration: none; color: #ff0080; }

#font{
font-size: small;
}

#main_header{
	background: url("../img/main_header.png") repeat-x;
	position:	relative;
	left:		0px;
	top:		0px;
	width:		100%;
	height:		24px;
	z-index:	100;
}
#main_header2{
	background: url("../img/main_header.png") repeat-x;
	position:	relative;
	left:		0px;
	top:		0px;
	width:		100%;
	height:		30px;
	z-index:	100;
}


/*メニュー*/
#menu_box{
	position:	relative;
	top:	0px;
	width:	960px;
	height:		43px;
	margin:		10px auto;
	z-index:	100;
}
#menu_btn_home{
	position:	absolute;
	left:		5px;
}
#menu_btn_story{
	position:	absolute;
	left:		123px;
}
#menu_btn_character{
	position:	absolute;
	left:		264px;
}
#menu_btn_gallery{
	position:	absolute;
	left:		450px;
}
#menu_btn_special{
	position:	absolute;
	left:		610px;
}
#menu_btn_download{
	position:	absolute;
	left:		777px;
}

/*メインビジュアル*/
#m_visual_box{
	position:	relative;
	top:	00px;
	width:	980px;
	height:		550px;
	margin:		00px auto;
	z-index:	90;
}
#m_visual_box2{
	position:	relative;
	top:	00px;
	width:	980px;
	height:		0px;
	margin:		00px auto;
	z-index:	90;
}
#main_title{
	position:	absolute;
	top:		352px;
	left:		472px;
	z-index:	90;
}
#main_release_date{
	position:	absolute;
	top:		494px;
	left:		570px;
	z-index:	90;
}
#main_catch_copy{
	position:	absolute;
	top:		1px;
	left:		1px;
	z-index:	90;
}
#main_yoyaku{
	position:	absolute;
	top:		350px;
	left:		40px;
	z-index:	90;
}

.fade_in_kirakira{
	background:url(../img/main_kirakira.png) center top no-repeat;
	width:470px;
	height:689px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:	120px;
	bottom:0;
	z-index: 85;
}

.fade_in_nono{
	background:url(../img/main_chara_nono.png) center top no-repeat;
	width:624px;
	height:689px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:	-584px;
	bottom:0;
	z-index: 80;
}
.fade_in_ruri{
	background:url(../img/main_chara_ruri.png) center top no-repeat;
	width:326px;
	height:595px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:	65px;
	bottom:0;
	z-index: 70;
}
.fade_in_milk{
	background:url(../img/main_chara_milk.png) center top no-repeat;
	width:308px;
	height:502px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:	302px;
	bottom:0;
	z-index: 60;
}
.fade_in_rin{
	background:url(../img/main_chara_rin.png) center top no-repeat;
	width:230px;
	height:292px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:	-80px;
	bottom:0;
	z-index: 50;
}
.fade_in_items{
	width:980px;
	height:550px;
	overflow:visible;
	position:absolute;
	bottom:0;
	z-index: 40;
}
#main_item_triangle{
	position:	absolute;
	top:		44px;
	left:		368px;
	z-index:	30;
}
#main_item_eraser{
	position:	absolute;
	top:		296px;
	left:		543px;
	z-index:	30;
}
#main_item_chalk{
	position:	absolute;
	top:		67px;
	left:		99px;
	z-index:	30;
}
#main_item_booklet{
	position:	absolute;
	top:		279px;
	left:		-50px;
	z-index:	30;
}

.fade_in_makisima{
	width:980px;
	height:550px;
	overflow:visible;
	position:absolute;
	bottom:0;
	z-index: 20;
}
#main_item_makisima{
	position:	absolute;
	top:		40px;
	left:		150px;
	z-index:	10;
}

/*背景の飾り：メインビジュアル基準地*/
#bg_deco_blue_heart{
	position:	absolute;
	top:		36px;
	left:		712px;
}
#bg_deco_yellow_sparkle_top{
	position:	absolute;
	top:		16px;
	left:		347px;
}
#bg_deco_pink_heart{
	position:	absolute;
	top:		156px;
	left:		1027px;
}
#bg_deco_yellow_sparkle_right{
	position:	absolute;
	top:		241px;
	left:		1000px;
}
#bg_deco_yellow_sparkle_left{
	position:	absolute;
	top:		430px;
	left:		-66px;
}
#bg_deco_cloud_right{
	position:	absolute;
	top:		705px;
	left:		975px;
}
#bg_deco_yellow_heart{
	position:	absolute;
	top:		685px;
	left:		-127px;
}
#bg_deco_pink_sparkle{
	position:	absolute;
	top:		829px;
	left:		-50px;
}
#bg_deco_cloud_left{
	position:	absolute;
	top:		1067px;
	left:		-87px;
}




/*コンテンツ*/
#contents_box{
	position:	relative;
	width:		980px;
	height:		auto;
	margin:		0px auto;
	z-index:	100;
}
/*コンテンツの左側*/
#contents_left{
	width:		388px;
	margin-left:	35px;
	float:		left;
}
#info_box{
	width:		388px;
	height:		273px;
	background:	url(../img/info_bg.png) no-repeat center top;
}
#info_in{
	width:		360px;
	height:		218px;
	padding:	45px 0 0 13px;
}
.inner{
	position:	relative;
	width:		364px;
	height:		218px;
	overflow:	hidden;
	z-index:	1;
}
.info_img{
	width:		63px;
	height:		50px
	float:		left;
	vertical-align:		middle;
}
.info_date{
	width:		263px;
	float:		left;/*left->right*/
	padding:	0 10px 0 10px;
	text-align:	left;
	line-height:	1.4;
	font-size:	10px;
}
.info_date .info_day{
	color:		#ff6090;
}
.info_text{
	color:		#472926;
}
.FloatEnd{
	clear:		both;
}
.border{
	margin:		5px 0 7px 0;
	border:		1px dashed #ffd7e1;
}


#twitter_box{
	background:	url(../img/twitter.png) no-repeat;
	width:		388px;
	height:		303px;
	margin-top:	10px;
	z-index:	1;
}
#tw_in{
	position:	relative;
	top:		34px;
	left:		6px;
	width:		376px;
	height:		260px;
	overflow:	auto;
	z-index:	1;
}
#twitter_tweet{
	position:	absolute;
	top:		745px;
	left:		355px;
	width:		30px;
	height:		60px;
	z-index:	1;
}

#onesho_box{
	position:	relative;
	margin-top:	0px;
	z-index:	1;
}
#info_onesho{
	position:	relative;
	margin-top:	5px;
	z-index: 1;
}
#info_henkou{
	position:	relative;
	margin-top:	0px;
	z-index: 1;
}

/*コンテンツの右側*/
#contents_right{

	width: 512px;
	margin-right: 35px;
	float: right;
}
#henkou_right{
	position:	relative;
	margin-top:	0px;
	z-index: 1;
}
#movie_box{
	position:	relative;
	width:		512px;
	height:		164px;
	padding:	0px;
}
#school_song{
	position:	relative;
	width:		252px;
	height:		164px;
	float:left;
	margin-top:	7px;
	z-index:	1;
}
#demo_movie{
	position:	relative;
	width:		252px;
	height:		164px;
	float:		right;
	margin-top:	7px;
	z-index:	1;
}
#banner_box{
	position:	relative;
	margin-top:	0px;	
}
#info_banner{
	position:	relative;
	margin-top:	7px;
	z-index: 1;
}

#spec_board{
	position:	relative;

}

/*ふったー*/
#footer{
	position: relative;
	margin-top:	0px;
	height:	140px;
	z-index: 200;
}
#footer_grass{
	position: absolute;
	background: url(../img/footer_grass.gif) repeat-x;
	width: 100%;
	height: 8px;
	top: 82px;
	z-index: 1;
}
#footer_green{
	position: absolute;
	background: #abda66;
	width: 100%;
	top:	90px;
	height: 50px;
	z-index: 1;
}
#footer_mountain{
	position:	absolute;
	top:	30px;
	left:	200px;
}
#footer_sun{
	position:	absolute;
	top:		-55px;
	left:		38px;
}
#footer_bus{
	position:	absolute;
	top:		-36px;
	left:		100px;
	z-index:	2;
}
#footer_wood{
	position:	absolute;
	top:		33px;
	right:		100px;
	z-index:	2;
}
#footer_return_top{
	position:	absolute;
	top:		-40px;
	right:		100px;
	z-index:	2;
}
#footer_copyright{
	position:	relative;
	margin-top:	105px;
	z-index: 2;
}
div#mf_wrapper {
	width: 640px;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}