body {
	background: rgb(222, 228, 255) url("images/bg.png") repeat-y center; margin: 0px auto; padding: 0px; width: 980px; font-size: 80%;
}
ul {
	margin: 5px 0px 20px 10px; color: rgb(85, 85, 85);
}
#Header {
	height: 380px; position: relative;
}
#Header img {
	border: 0px; margin: 0px;
}
#Kousin{
	left: 760px; top: 80px; position: absolute;
}

#MainMenuPage_Article{
	position: relative;
}
#Information {
	position: relative; padding: 0px 30px;
}
#Information h1 img{ /* Information　バナー */
	left:-45px; position: relative;
}
#Rireki {
	padding-bottom:20px;
}
#ContentsMenu {
	position: relative; margin-top:-20px; height: 756px;
}
@media (min-width: 500px) and (max-width: 980px) {
	#ContentsMenu {
		position: relative; margin-top:-20px; height: 126px;
	}
}
@media (max-width: 499px) {
	#ContentsMenu {
		position: relative; margin-top:-20px; height: 172px;
	}
}
#ContentsMenu h1 img { /* Mainmenu バナー */
	left:-15px; position: relative;
}
#Notice {
	position: relative; margin-top:-10px;
}
#Notice h1 img { /* Notice バナー */
	left: -15px; position: relative;
}
#MainMenuFooter {
	width: 950px; background: url("images/mm_footer.jpg") rgb(80,95,136) no-repeat; position: relative; padding: 50px 30px 10px 0px; overflow: hidden;
}
#MainMenuFooter p{
	color: rgb(240,240,250); margin: 5px 0px 0px 10px; font-weight: bold;
}
#MainMenuFooter ul{
	margin:0px;
}
#MainMenuFooter li{
	color: rgb(240,240,250); font-size:95%; font-weight: bold;
}
#MainMenuFooter a:link {
	color: rgb(220, 220, 255);
}
#MainMenuFooter li > a:hover {
	background: rgb(120, 120, 205); color: rgb(220, 220, 255);
}
#MainMenuFooter a:visited {
	color: rgb(255, 220, 255);
}
.MainMenuFooter_Sitemap{
	float:left; padding: 0px 0px 10px 0px;
}
#MainMenuFooter_Copyright{
	position: relative;margin:0px; padding: 0px; clear: both;
}
#MainMenuFooter_Copyright hr {
	margin: 0px 0px 0px 20px; width: 930px; height: 1px; color: rgb(170, 170, 170);
}
#MainMenuFooter_Copyright p {
	text-align: right; color: rgb(240, 240, 250); font-size: 90%; margin:0px;
}
#MainMenuFooter_Copyright address {
	text-align: right; color: rgb(240, 240, 240); font-size: 90%; margin:0px;
}
#mm_head_image {
	width: 980px; height: 364px; background: url(images/mm_h01.jpg); left: 0px; top: 0px; position: absolute;
}
#mm_head_mainmenu {
	left: 855px; top: 12px; width:113px; height: 30px ; position: absolute;
}
#mm_head_sitemap {
	left: 747px; top: 12px; width:108px; height: 30px ; position: absolute;
}
#mm_head_mirai01 {
	left: 160px; top: 60px; width:100px; height: 100px ; position: absolute;
}
#mm_head_mirai02 {
	left: 450px; top: 60px; width:100px; height: 100px ; position: absolute;
}

/* 当たり判定 */
#mm_kao,#mm_fuki,#mm_mune,#mm_mune2,#mm_pan{
	position: absolute; touch-action: none;
}

#mm_kao {
	left: 500px; top:150px; width:160px; height: 120px;
}
#mm_fuki {
	left: 740px; top:15px; width:150px; height: 100px;
}
#mm_mune {
	left: 420px; top:350px; width:100px; height: 110px;
}
#mm_mune2 {
	left: 570px; top:370px; width:100px; height: 110px;
}
#mm_pan {
	left: 490px; top:40px; width:70px; height: 50px;
}

/* 部品 */
#mm_kaoImg {
	left: 451px; top:-10px; position: absolute;
}

#mm_about,#mm_bbs,#mm_gallery,#mm_novel,#mm_cpu,#mm_pc,#mm_av,#mm_link,#mm_mail {
	left: 181px; width:280px; height:54px ; position: absolute; overflow: hidden; margin:0px;touch-action: none;
}

#mm_about {
	top: 178px;
}
#mm_bbs {
	top: 232px;
}
#mm_gallery {
	top: 286px;
}
#mm_novel {
	top: 340px;
}
#mm_cpu {
	top: 394px;
}
#mm_pc {
	top: 448px;
}
#mm_av {
	top: 502px;
}
#mm_link {
	top: 556px;
}
#mm_mail {
	top: 610px;
}

/* img子要素の設定 */
#mm_about img,#mm_bbs img,#mm_gallery img,#mm_novel img,#mm_cpu img,#mm_pc img,#mm_av img,#mm_link img,#mm_mail img {
	position: absolute; top: 0px; margin:0px; max-width:initial; max-width:none; opacity: 0;
}
#mm_about img{
	top: 0px;
}
#mm_bbs img{
	top: -54px;
}
#mm_gallery img{
	top: -108px;
}
#mm_novel img{
	top: -162px;
}
#mm_cpu img{
	top: -216px;
}
#mm_pc img{
	top: -270px;
}
#mm_av img{
	top: -324px;
}
#mm_link img{
	top: -378px;
}
#mm_mail img{
	top: -432px;
}

.mmOn{
	visibility:visible !important; opacity: 1;
}


@media (min-width: 981px) {
	#Infobg {
		background: url("images/mm_under_info.jpg") no-repeat right bottom; position: relative;
	}
	#Information h1, #ContentsMenu h1, #Notice h1{
		border:0px; position: relative; white-space: nowrap; font-size: 0px;
	}
	#Mainmenu{
		background: url("images/mm_bg.jpg");width:980px; top:31px; height:726px; position: absolute;
	}
	#Header_Menu{
		display: none;
	}
	#Notice_Text {
	margin-top:-26px; padding: 1px 30px 0px 30px; position: relative; background: url("images/mm_ntext.jpg") no-repeat;
	}
}

@media (max-width: 980px) {
	body {
		background: rgb(255, 255, 255) url("images/mm_bgm.jpg") no-repeat fixed; background-size: cover; padding: 0px; width: 100%; font-size: 80%;
}
	p {
		color: rgb(0, 0, 0);
	}
	ul {
		margin: 0px; color: rgb(0, 0, 0);
	}
	#Header {
		height: 40px;
	}
	#Infobg {
		position: relative;
	}
	#Information {
		position: relative; padding: 0px 10px;
	}
	#Information h1 img{
		display: none;
	}
	#ContentsMenu {
		position: relative; padding: 0px 10px;
	}
	#ContentsMenu h1 img {
		display: none;
	}
	#Mainmenu{
		display: none;
	}
	#Notice {
		padding: 10px 10px 0px 10px;
	}
	#Notice h1 img {
		display: none;
	}
	#Notice_Text {
	padding: 0px 10px; position: relative;
	}
	#mm_pan {
		display: none;
	}
	#MainMenuFooter {
		width: 100%; height: 55px; background: url("images/mm_footer.jpg") rgb(80,95,136) no-repeat; position: relative; padding: 0px; overflow: hidden;
	}
	#MainMenuFooter p{
		display: none;
	}
	.MainMenuFooter_Sitemap{
		display: none;
	}
	#MainMenuFooter_Copyright{
		display: none;
	}
	#mm_head_image {
		width: 100%; height:100%; background: url(images/mm_h02.jpg);
	}
	#mm_head_sitemap, #mm_head_mainmenu, #mm_head_mirai01, #mm_head_mirai02, #Kousin {
		display: none;
	}
}