@charset "utf-8";

body {
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #000000;
	line-height: 21px
}

h1 {
	visibility: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}

h2 {
	font-size:100%;
}

h2, h3, h4, ul, li, dl, dt, dd, p {
	margin:0;
	padding:0;
}

img {
	border: none;
	vertical-align: top;
}

.copyright {
	width: 650px;
	margin: 0 auto;	
	font-size: 80%;
	line-height: 14px;
}

.copyrights {
	float: right;
	width: 630px;
	padding: 0 20px;	
	font-size: 80%;
	line-height: 14px;
}

#back_official,#enquete {
	float: right;
}

#twitter {
	float: right;
	margin-left: -10px;
}

/* CONTEST */

#contestr_on {
	width: 120px;
	height: 46px;
	padding-left: 554px;
}

.contestr_comment {
	width: 550px;
	height: 113px;
	background: url(img/contestr_comment.gif) no-repeat;
	margin: 0 auto;
}

.contestr_comment p {
	padding: 50px 20px 0;
	text-align: left;
}

#contestr_link {
	width: 551px;
	height: 54px;
	background: url(img/contest_link02.jpg) no-repeat;
	margin: 5px auto 0;
}

#contestr_title {
	width: 693px;
	height: 385px;
	background: url(img/contestr01.gif) no-repeat;
	margin: 0 auto;
}

.result {
	width: 709px;
	margin: 10px auto;
	padding: 0 auto;
	text-align: center;
}

#contest_middle {
	width: 680px;
	background: url(img/contest_back.jpg);
	margin: 0 auto;
}

#contest_back01 {
	width: 566px;
	height: 415px;
	background: url(img/contest_back01.jpg) no-repeat;
	margin: 0 auto;
}

#contest_back01 p {
	font-size: 80%;
	line-height: 16px;
	width: 400px;
	padding-left: 180px;
}

/* CODE */

.code {
	width: 609px;
	margin: 0px auto 10px;
}

.code_step {
	margin-left:100px;
}


/* GUIDE */

.imgphoto {
	font-size: 80%;
	margin: 0 auto;
}
.imgphoto td {
	vertical-align: top;
}

#guide_menu {
	width: 800px;
	height: 65px;
	padding: 0 80px;
	background: url(img/back_middle.jpg) no-repeat;
}

#guide_middle {
	width: 800px;
	background-image: url(img/guideback_middle.jpg);
	background-position: 0px 0px;
}

.guide_box {
	width: 640px;
	margin: 0 auto;
	padding: 10px 0;
}

#guide_topic {
	width: 680px;
	height: 171px;
	background: url(img/guide_topic.jpg) no-repeat;
	margin: 0 auto;
}

#guide_topic02 {
	width: 680px;
	height: 171px;
	background: url(img/guide02_topic.jpg) no-repeat;
	margin: 0 auto;
}

#guide_topic03 {
	width: 680px;
	height: 171px;
	background: url(img/guide03_topic.jpg) no-repeat;
	margin: 0 auto;
}

#guide_middle #box_middle {
	padding: 15px 0 0;
}

#guide_middle p {
	color: #333333;
	margin: 5px 0;
}

#guide_topic p,#guide_topic02 p,#guide_topic03 p {
	width: 410px;
	float: right;
	margin: 0 10px;
	margin-top: 45px;
}

.guide_ph_box {
	width: 640px;
	margin: 0 auto;
}

.guide_ph_box:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

.guide_ph {
	width: 300px;
	float: right;
	margin: 0 10px 0 5px;
}

.guide_ph p {
	width: 300px;
	font-size: 80%;
}

#return_top_guide {
	width: 120px;
	background: url(img/return_top_guide_on.gif) no-repeat;
}

#return_top_sp {
	width: 120px;
	background: url(img/return_top_sp_on.gif) no-repeat;
}

#g_menu {
	width: 800px;
	height: 65px;
	padding: 0 100px;
	background: url(img/back_middle.jpg) no-repeat;
}

#guide_menu01 {
	width: 120px;
	background: url(img/menu_g01_on.gif) no-repeat;
}

#guide_menu02 {
	width: 120px;
	background: url(img/menu_g02_on.gif) no-repeat;
}

#guide_menu03 {
	width: 120px;
	background: url(img/menu_g03_on.gif) no-repeat;
}

#guide_menu04 {
	width: 120px;
	background: url(img/menu_g04_on.gif) no-repeat;
}

#guide_mission {
	background: url(img/guide03_back02.jpg);
	width: 800px;
	margin: 10px auto;
}

.guide_answer {
	background: url(img/guide03_back03.jpg);
	width: 680px;
	height: 938px;
	margin: 10px auto;
}

.guide_answer2 {
	background: url(img/guide03_back04.jpg);
	width: 680px;
	height: 938px;
	margin: 10px auto;
}

.guide_answer2 p,.guide_answer p {
	padding: 148px 40px 0;
	line-height: 30px;
}

.guide_back {
	width: 800px;
	margin: 0 auto;
	padding: 5px 0;
	background: url(img/back_middle.jpg);
}

/* MMR */

#top {
	width: 1094px;
	height: 814px;
	margin: 0 auto;
}

#mmr_menu {
	width: 545px;
	height: 166px;
	margin: 0 auto;
}

li{
	display: inline;
	list-style: none outside;
	float: left;
}

#box {
	width: 800px;
	margin: 0 auto;
}

#box_head {
	width: 800px;
	height: 49px;
	background-image: url(img/back_top.jpg);
	background-position: 0px 0px;
	font-size: 0;
}

#box_middle {
	width: 800px;
	background-image: url(img/back_middle.jpg);
	background-position: 0px 0px;
}

#box_bottom {
	width: 800px;
	height: 49px;
	background-image: url(img/back_bottom.jpg);
	background-position: 0px 0px;
}

#comic {
	width: 680px;
	margin:0 auto;
	background-repeat: no-repeat;
	clear: both;
	position:relative;
}

#caution,#caution_top,#caution_middle,#caution_bottom {
	margin: 0 auto;
	width: 680px;
}

#caution_top {
	background-image: url(img/mmr_bottom01.gif);
	background-position: 0px 0px;
	height: 61px;
}

#caution_middle {
	background-image: url(img/mmr_bottom02.gif);
	background-position: 0px 0px;
}

#caution_bottom {
	background-image: url(img/mmr_bottom03.gif);
	background-position: 0px 0px;
	height: 37px;
	clear: both;
}

.back {
	float: left;
}

.next {
	float: right;
}

.text {
	width: 400px;
	margin: 0 auto;
	padding: 0 0 30px;
}

p strong {
	color:#36F;
}

 /* ボタン_MMR */

#mmr_menu01 {
	width: 90px;
	background: url(img/sp01_01on.gif) no-repeat;
}

#mmr_menu02 {
	width: 90px;
	background: url(img/sp01_02on.gif) no-repeat;
}

#mmr_menu03 {
	width: 90px;
	background: url(img/sp01_03on.gif) no-repeat;
}

#mmr_menu04 {
	width: 90px;
	background: url(img/sp01_04on.gif) no-repeat;
}

#mmr_menu05 {
	width: 90px;
	background: url(img/sp01_05on.gif) no-repeat;
}

.roll-over a {
	display: block!important;
}
.roll-over a:hover {
	height: inherit!important;
	background-color:transparent!important;
}
.roll-over a:hover img {
	visibility: hidden!important;
}

#comic strong {
	position: absolute;
	display: block;
}

#pre {
	width: 115px;
	background: url(img/back_on.gif) no-repeat;
}

#pre01 {
	width: 115px;
	background: url(img/back01_on.gif) no-repeat;
}

#pre02 {
	width: 115px;
	background: url(img/back02_on.gif) no-repeat;
}

#pre03 {
	width: 115px;
	background: url(img/back03_on.gif) no-repeat;
}

#pre04 {
	width: 115px;
	background: url(img/back04_on.gif) no-repeat;
}

#award {
	width: 116px;
	background: url(img/award_on.gif) no-repeat;
}

#award02 {
	width: 116px;
	background: url(img/award02_on.gif) no-repeat;
}

#award03 {
	width: 116px;
	background: url(img/award03_on.gif) no-repeat;
}

#award04 {
	width: 116px;
	background: url(img/award04_on.gif) no-repeat;
}

#award05 {
	width: 116px;
	background: url(img/award05_on.gif) no-repeat;
}

#a01 {
	width: 21px;
	background: url(img/topic01_on.gif) no-repeat;
	top: 660px;
	left: 355px;
}

#a02 {
	width: 57px;
	background: url(img/topic02_on.gif) no-repeat;
	top: 322px;
	left: 280px;
}

#a03 {
	width: 39px;
	background: url(img/topic03_on.gif) no-repeat;
	top: 604px;
	left: 118px;
}

#a04 {
	width: 55px;
	background: url(img/topic04_on.gif) no-repeat;
	top: 51px;
	left: 535px;
}

#a05 {
	width: 15px;
	background: url(img/topic05_on.gif) no-repeat;
	top: 800px;
	left: 120px;
}

#a06 {
	width: 65px;
	background: url(img/topic06_on.gif) no-repeat;
	top: 54px;
	left: 118px;
}

#a07 {
	width: 59px;
	background: url(img/topic07_on.gif) no-repeat;
	top: 489px;
	left: 493px;
}

#a08 {
	width: 59px;
	background: url(img/topic08_on.gif) no-repeat;
	top: 290px;
	left: 443px;
}

#a09 {
	width: 160px;
	background: url(img/topic09_on.gif) no-repeat;
	top: 285px;
	left: 65px;
}

#a10 {
	width: 92px;
	background: url(img/topic10_on.gif) no-repeat;
	top: 450px;
	left: 495px;
}

#a11 {
	width: 14px;
	background: url(img/topic11_on.gif) no-repeat;
	top: 328px;
	left: 336px;
}

#a12 {
	width: 34px;
	background: url(img/topic12_on.gif) no-repeat;
	top: 526px;
	left: 528px;
}

#a13 {
	width: 76px;
	background: url(img/topic13_on.gif) no-repeat;
	top: 710px;
	left: 160px;
}

#b01 {
	width: 377px;
	background: url(img/mmr_caution01_on.gif) no-repeat;
}

#b02 {
	width: 349px;
	background: url(img/mmr_caution02_on.gif) no-repeat;
}

#b03 {
	width: 329px;
	background: url(img/mmr_caution03_on.gif) no-repeat;
}

#b04 {
	width: 324px;
	background: url(img/mmr_caution04_on.gif) no-repeat;
}

#b05 {
	width: 384px;
	background: url(img/mmr_caution05_on.gif) no-repeat;
}

#b06 {
	width: 358px;
	background: url(img/mmr_caution06_on.gif) no-repeat;
}

#b07 {
	width: 321px;
	background: url(img/mmr_caution07_on.gif) no-repeat;
}

#b08 {
	width: 322px;
	background: url(img/mmr_caution08_on.gif) no-repeat;
}

#b09 {
	width: 302px;
	background: url(img/mmr_caution09_on.gif) no-repeat;
}

#b10 {
	width: 341px;
	background: url(img/mmr_caution10_on.gif) no-repeat;
}

#b11 {
	width: 152px;
	background: url(img/mmr_caution11_on.gif) no-repeat;
}

#b12 {
	width: 262px;
	background: url(img/mmr_caution12_on.gif) no-repeat;
}

#b13 {
	width: 144px;
	background: url(img/mmr_caution13_on.gif) no-repeat;
}

#back_comic, #back_comic2{
	width: 103px;
	background: url(img/back_comic_on.gif) no-repeat;
}

#return_top {
	width: 64px;
	background: url(img/return_top_on.gif) no-repeat;
}

/*
* {border:red solid 1px!important}
*/