@charset "utf-8";

/* ==================================================================================
/
/  moomin CSS
   color:#9C8E46;
/
================================================================================== */

h2{
	margin-bottom:40px;
	}

.moominLpWp{
	margin:100px 0 20px;
	color:#6E9BC5;
	line-height:2.4em;
	}

.moominLpWp ul {
	list-style: none;
}

.moominLpWp ul, li, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.moominLpWp p{
	text-align:center;
}

/*
 contents@moomin 
----------------------------------*/
p.rLine{
	width:560px;
	margin:0 auto 50px;
	}
	
h2.h2Mttl{
	width:560px;
	margin:0 auto 70px;
	text-align:center;
	}

.topImg{
	width:560px;
	margin:0 auto 50px;
	}	

h2.h2Ttl{
	width:560px;
	margin:0 auto 40px;
	}
	
h2.h2Ttl img{
	margin-bottom:14px;
	text-align:center;
	}	
	
h2.h2Ttl p{
	font-size:18px;
	font-weight:bold;
	}		
	
p.blueTxt{
	width:90%;
	margin:0 auto 40px;
	font-size:16px;
	text-align:center;
	}	

.imgWpPic{
	width:560px;
	margin:70px auto 70px;
	text-align:center;
	}

.imgWp{
	width:560px;
	margin:0 auto 50px;
	text-align:center;
	}
	
.banner{
	width:50%;
	margin:70px auto 50px;
	text-align:center;
	}
	
.banner img{
	width:100%;
	height:auto;
	}	
	
.imgWp2{
	width:630px;
	margin:0 auto 50px;
	text-align:center;
	}	
	
.characterListWp{
	width:750px;
	margin:0 auto 0px;	
	}	

.characterListWp ul.characterList{
	width:810px;
	overflow:hidden;
	padding:0;
	}

.characterListWp ul.characterList li.character{
	float:left;
	margin-bottom:60px;
	margin-right:50px;
	}
	
.ringListWp{
	width:710px;
	margin:0 auto 0px;
	}
	
.ringListWp ul.ringList{
	width:740px;
	overflow:hidden;
	margin:0 auto 40px;
	padding:0;
	}
	
.ringListWp ul.ringList li{
	float:left;
	margin-bottom:20px;
	margin-right:30px;
	}