@charset "utf-8";


/*=======================================================
	ミチガエル
=======================================================*/

#michigaeruContent .mcg_top h1{
	position:absolute;
	width:336px;
	height:70px;
	top:50px;
	left:50px;
}

#michigaeruContent .mcg_top p{margin:0;}

#michigaeruContent .mcg_top .mcg_txt{
	position:absolute;
	top:50px;
	right:50px;
}
#michigaeruContent .mcg_top .mcg_mov{
	position:absolute;
	top:165px;
	right:50px;
	text-align:center;
}
#michigaeruContent .mcg_top .mcg_mov p{text-align:center;}

#michigaeruContent .mcg_room{ background:url('../img/room.gif') no-repeat bottom center; }

#michigaeruContent .mcg_toilet h1,
#michigaeruContent .mcg_download h1,
#michigaeruContent .mcg_room h1{
	position:absolute;
	width:185px;
	height:35px;
	top:50px;
	left:50px;
}

#michigaeruContent .mcg_room .mcg_txt{
	position:absolute;
	width:260px;
	top:140px;
	left:50px;
}

#michigaeruContent .mcg_room .mcg_txt p{margin:20px 0;font-weight:bold;}
#michigaeruContent .mcg_room .mcg_txt table{
	text-align:left;
	line-height:1.2em;
}
#michigaeruContent .mcg_room .mcg_txt table td{
	font-weight:normal;
	vertical-align:top;
	text-indent:-1em;
	padding-left:1em;
}
#michigaeruContent .mcg_room .mcg_txt table th{
	font-weight:normal;
	vertical-align:top;
	width:6em;
}

#michigaeruContent .mcg_download{ background:url('../img/download.gif') no-repeat bottom center; }

#michigaeruContent .mcg_download .mcg_txt{
	position:absolute;
	top:140px;
	left:50px;
}

#michigaeruContent .mcg_download #mcg_caution{
	position:absolute;
	bottom:0;
	left:50px;
	text-indent:-1em;
	padding-left:1em;
	font-size:10px;
	line-height:1.2em;
}

#michigaeruContent .mcg_download .mcg_dl{
	position:absolute;
	top:20px;
	right:50px;
}

#michigaeruContent .mcg_download .mcg_dl ul li{
	width:352px;
	height:118px;
	border-style:none;
	padding:0;
}

#michigaeruContent .mcg_toilet{ background:url('../img/toilet.gif') no-repeat bottom center; }

#michigaeruContent .mcg_toilet .mcg_txt{
	position:absolute;
	top:140px;
	left:50px;
	width:240px;
}

#michigaeruContent .mcg_toilet .mcg_txt #mcg_caption{
	font-size:10px;
	line-height:1.2em;
}

#michigaeruContent .mcg_toilet ul#mission li{
	position:absolute;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image:none;
    border-image: none;
    border-style: none;
    border-width: 0;
    margin-bottom: 0;
    padding:0;
}

#michigaeruContent .mcg_toilet ul#mission li#msn1{top:140px;left:390px;}
#michigaeruContent .mcg_toilet ul#mission li#msn2{top:80px;left:495px;}
#michigaeruContent .mcg_toilet ul#mission li#msn3{top:110px;left:600px;}
#michigaeruContent .mcg_toilet ul#mission li#msn4{top:135px;left:710px;}
#michigaeruContent .mcg_toilet ul#mission li#msn5{top:250px;left:685px;}

/* ナビゲーション */
#michigaeruContent #mcg_nav{
	position:absolute;
	bottom:3px;
	background:#231f20;
	height:70px;
	width:100%;
}
#michigaeruContent #mcg_nav ul{
	margin-top:15px;
	margin-right:auto;
	margin-left:auto;
	width:817px;
}
#michigaeruContent #mcg_nav ul li{
	padding:0 15px;
	height:40px;
	float:left;
	border-style:none;
	border-width:0;
	border-left:1px solid #4e4749;
	background:#231f20;
}


.savemichigaeruContent{
	width: 900px;
	height:970px !important;}

#saveGraphArea{
	width: 900px;
	position:relative;
}
	
#saveGraph {
	padding:0;margin:0;
	position:absolute;
	left:25px;
}
#saveGraphChara{
	position:absolute;
	right:35px;
	top:0;
	}

#successline{
	border-bottom:3px solid #00A273;
	position:absolute;
	top:40px;
	/top:58px;
	left:60px;
	z-index:2;
	text-align:right;
	width:600px;
	text-align:center;
	}

#succespoint{
	position:absolute;
	top:30px;
	/top:48px;
	left:310px;
	z-index:2;
	text-align:right;
	width:600px;
	text-align:center;
	}
	
#michigaeruContent .mcg_save{ background:url('../img/save_the_michigaeru/head_bg.gif') repeat-x left 104px; }

#michigaeruContent .mcg_saveHead{
	height:371px;
}
#michigaeruContent .mcg_saveHead h1,
#michigaeruContent .mcg_saveHead p{
	text-align:right;
	padding-right:0px;
	}
#michigaeruContent .mcg_saveHead h1{
	padding:0px 0px 0px 0;
	}
#michigaeruContent .mcg_saveHead p{
	margin:0;}

#michigaeruContent #gentei{
	margin-top:10px;
	color:#fff;
	font-size:20px;
	line-height:28px;
	text-align:center;
	padding:5px;
	/*background:url('../img/save_the_michigaeru/gentei.gif') no-repeat center center #f00;*/
	background:#f00;
	}

#michigaeruContent #gentei strong{
	color:#FF0;
	font-size:26px;
	}


/* tooltip */
.dipbtn{cursor: pointer;}
.tipwrap{
	width:100px;
	text-align:center;
}
.tipwrap p{margin:0;text-align:center;padding:0;font-weight:bold;}


p.ochappi img{top:-65px;left:380px;}



/* ===========================================
	MediaQueries
=========================================== */

/* スマホ----------------------------- */
@media screen and (max-width: 767px) {

/*ミチガエルを救えスタイル*/
	.mcg_save img {
		max-width:100%;	
		vertical-align:bottom;
		display:block;
		text-align:center;
		margin:0 auto;
	}
	.mcg_save p#saveLogo img{ margin-right:0; }
	.mcg_saveHead{
		background-size:200px;
		padding-top:130px;
	}

	.mcg_save h1,
	.mcg_save p#ttl2{
		background:#221815;
		padding:15px 15px 0px 15px;
		margin:0
	}
	.mcg_save p#ttl2{ padding:0px 15px 15px 15px; }
	#saveGraphArea{ position:relative; }
	#saveGraph {
		padding:0;margin:20px 0 0;
		position:absolute;
		left:50%;
		margin-left:-120px;
		width:100%;
	}
	#successline{
		border-bottom:3px solid #00A273;
		position:absolute;
		top:57px;
		z-index:2;
		text-align:right;
		width:220px;
		left:50%;
		margin-left:-105px;
	}
	#succespoint{
		position:absolute;
		top:47px;
		z-index:3;
		text-align:right;
		width:220px;
		left:50%;
		margin-left:-105px;
	}
	#succespoint img{ margin:0 5px 0 auto; }

	#gentei{
		margin-top:10px;
		color:#fff;
		font-size:18px;
		line-height:28px;
		text-align:center;
		padding:5px;
		background:url('../img/save_the_michigaeru/gentei.gif') no-repeat center center #f00;
	}

	#gentei strong{
		color:#FF0;
		font-size:24px;
	}
}