@charset "utf-8";


/* CSS Document */
/*キャラクター*/
#character{
	position:relative;
}
#character .ttl{
	width:690px;
	height:528px;
	margin:0 auto;
	background:url(../images/character/ttl.png) no-repeat top center;
}
#character .btnChange{
	position: absolute;
	right:30px;
	top: 130px;
	z-index: 100;
}

#character .ttl ul{
	overflow:hidden;
	width:622px;
	margin: 0 auto 13px;
}
#character .ttl ul:first-child{
	padding-top:247px;
}
#character .ttl ul:last-child{
	width: 650px;
	margin: 0 auto;
}
#character .ttl ul li{
	float:left;
	margin-right:10px;
}
#character .ttl ul li:last-child{
	margin-right:0;
}
#character .ttl ul:last-child li{
	margin:0 0 0 3px;
}
#character .ttl ul:last-child li:first-child{
	margin:0;
}
#character .ttl ul:last-child li:last-child{
	margin:0 0 0 2px;
}


#character #hug.charaArea{
	position:relative;
	width:690px;
	height:699px;
	margin:0 auto 45px;
	background:url(../images/character/bg_chara2.png) no-repeat top center;
}

#character .charaArea{
	position:relative;
	width:690px;
	height:1035px;
	margin:0 auto 45px;
	background:url(../images/character/bg_chara.png) no-repeat top center;
}
#character #maxheart.charaArea{
	position:relative;
	width:690px;
	height:1045px;
	margin:0 auto 45px;
	background:url(../images/character/bg_maxheart.png) no-repeat bottom center;
}
#character .charaArea .txt{
	position: absolute;
	left:30px;
	top: 10px;
	z-index: 100;
}
#character .charaArea .arrowL{
	position: absolute;
	left: -15px;
	top: 265px;
	z-index: 100;
}
#character .charaArea .arrowR{
	position: absolute;
	right: -15px;
	top: 265px;
	z-index: 100;
}
#character .charaArea .arrowL a,
#character .charaArea .arrowR a{
	display: block;
}


/*HUGっと！*/
#hug .chara00{
	position:absolute;
	top:35px;
	left:24px;
	z-index:25;
}
#hug .chara01{
	position:absolute;
	top:235px;
	left:217px;
	z-index:80;
}
#hug .chara02{
	position:absolute;
	top:258px;
	left:24px;
	z-index:70;
}
#hug .chara03{
	position:absolute;
	top:225px;
	left:384px;
	z-index:100;
}
#hug .chara04{
	position:absolute;
	top:68px;
	left:97px;
	z-index:60;
}
#hug .chara05{
	position:absolute;
	top:35px;
	left:288px;
	z-index:50;
}
#hug .chara06{
	position:absolute;
	top:55px;
	left:60px;
	z-index:99;
}
#hug .chara07{
	position:absolute;
	top:70px;
	left:550px;
	z-index:99;
}
#hug .logo{
	position:absolute;
	top:470px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}
#hug .baby{
	position:absolute;
	top:35px;
	left:30px;
	z-index:20;
	opacity:0;
}

/* ふたりはプリキュア　MaxHeart */
#maxheart .chara00{
	position:absolute;
	top:35px;
	left:30px;
	z-index:25;
}
#maxheart .chara01{
	position:absolute;
	top:152px;
	left:380px;
	z-index:99;
	width: 260px;
	height: 487px;
}
#maxheart .chara02{
	position:absolute;
	top:115px;
	left:29px;
	z-index:99;
	width: 251px;
	height: 517px;
}
#maxheart .chara03{
	position:absolute;
	top:35px;
	left:148px;
	z-index:80;
	height: 548px;
	width: 372px;
}
#maxheart .logo{
	position:absolute;
	top:450px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}
#maxheart .baby{
	position:absolute;
	top:95px;
	left:60px;
	z-index:20;
	opacity:0;
}


/*ふたりはプリキュアSplash☆Star*/
#ss .chara00{
	position:absolute;
	top:35px;
	left:105px;
	z-index:25;
}
#ss .chara01{
	position:absolute;
	top:45px;
	left:100px;
	z-index:80;
	height: 434px;
}
#ss .chara02{
	position:absolute;
	top:46px;
	left:350px;
	z-index:70;
	width: 245px;
}
#ss .logo{
	position:absolute;
	top:470px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}
#ss .baby{
	position:absolute;
	top:80px;
	left:135px;
	z-index:20;
	opacity:0;
}


/* Yes!プリキュア5/Yes!プリキュア5GoGo! */
#fgogo .chara00{
	position:absolute;
	top:35px;
	left:50px;
	z-index:25;
}
#fgogo .chara01{
	position:absolute;
	top:123px;
	left:218px;
	width: 173px;
	z-index:99;
}
#fgogo .chara02{
	position:absolute;
	top:212px;
	left:105px;
	width: 170px;
	z-index:99;
	height: 331px;
}
#fgogo .chara03{
	position:absolute;
	top:240px;
	left:378px;
	width: 145px;
	z-index:90;
}
#fgogo .chara04{
	position:absolute;
	top:41px;
	left:55px;
	width: 150px;
	z-index:70;
	height: 476px;
}
#fgogo .chara05{
	position:absolute;
	top:38px;
	left:215px;
	width: 195px;
	z-index:70;
	height: 171px;
}
#fgogo .chara06{
	position:absolute;
	top:30px;
	left:425px;
	width: 215px;
	z-index:70;
	height: 502px;
}
#fgogo .logo{
	position:absolute;
	top:495px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}
#fgogo .baby{
	position:absolute;
	top:10px;
	left:75px;
	z-index:20;
	opacity:0;
}

/* フレッシュプリキュア！ */
#fresh .chara00{
	position:absolute;
	top: 50px;
	left:50px;
	z-index:25;
}
#fresh .chara01{
	position:absolute;
	top:96px;
	left:285px;
	width: 251px;
	z-index:99;
}
#fresh .chara02{
	position:absolute;
	top:16px;
	left:463px;
	width: 170px;
	z-index:99;
	height: 364px;
}
#fresh .chara03{
	position:absolute;
	top:10px;
	left:50px;
	width: 145px;
	z-index:90;
}
#fresh .chara04{
	position:absolute;
	top:52px;
	left:169px;
	width: 183px;
	z-index:70;
	height: 513px;
}
#fresh .logo{
	position:absolute;
	top:485px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}
#fresh .baby{
	position:absolute;
	top:175px;
	left:45px;
	z-index:20;
	opacity:0;
}

/* ハートキャッチプリキュア！ */
#hc .chara00{
	position:absolute;
	top:45px;
	left:40px;
	z-index:25;
}
#hc .chara01{
	position:absolute;
	top:134px;
	left:285px;
	width: 225px;
	z-index:99;
	height: 434px;
}
#hc .chara02{
	position:absolute;
	top:174px;
	left:99px;
	width: 170px;
	z-index:80;
	height: 413px;
}
#hc .chara03{
	position:absolute;
	top:48px;
	left:389px;
	width: 260px;
	z-index:90;
	height: 394px;
}
#hc .chara04{
	position:absolute;
	top:44px;
	left:23px;
	width: 229px;
	z-index:70;
	height: 447px;
}
#hc .logo{
	position:absolute;
	top:495px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}
#hc .baby{
	position:absolute;
	top:175px;
	left:45px;
	z-index:20;
	opacity:0;
}

/* スイートプリキュア♪ */
#suite .chara00{
	position:absolute;
	top:50px;
	left:35px;
	z-index:25;
}
#suite .chara01{
	position:absolute;
	top:105px;
	left:321px;
	width: 209px;
	z-index:99;
	height: 356px;
}
#suite .chara02{
	position:absolute;
	top:53px;
	left:184px;
	width: 170px;
	z-index:80;
	height: 462px;
}
#suite .chara03{
	position:absolute;
	top:60px;
	left:466px;
	width: 200px;
	z-index:90;
	height: 406px;
}
#suite .chara04{
	position:absolute;
	top:49px;
	left:36px;
	width: 233px;
	z-index:70;
	height: 452px;
}
#suite .logo{
	position:absolute;
	top:495px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}
#suite .baby{
	position:absolute;
	top:175px;
	left:63px;
	z-index:20;
	opacity:0;
}

/* スマイルプリキュア！ */
#smile .chara00{
	position:absolute;
	top:35px;
	left:55px;
	z-index:25;
}
#smile .chara01{
	position:absolute;
	top:173px;
	left:195px;
	width: 307px;
	z-index:99;
	height: 450px;
}
#smile .chara02{
	position:absolute;
	top:141px;
	left:55px;
	width: 170px;
	z-index:99;
	height: 441px;
}
#smile .chara03{
	position:absolute;
	top:154px;
	left:447px;
	width: 145px;
	z-index:90;
}
#smile .chara04{
	position:absolute;
	top:33px;
	left:155px;
	width: 150px;
	z-index:70;
	height: 444px;
}
#smile .chara05{
	position:absolute;
	top:36px;
	left:372px;
	width: 207px;
	z-index:70;
	height: 171px;
}
#smile .logo{
	position:absolute;
	top:495px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}

/* ドキドキ！プリキュア */
#dokidoki .chara00{
	position:absolute;
	top:35px;
	left:55px;
	z-index:25;
}
#dokidoki .chara01{
	position:absolute;
	top:134px;
	left:250px;
	width: 181px;
	z-index:99;
	height: 440px;
}
#dokidoki .chara02{
	position:absolute;
	top:138px;
	left:441px;
	width: 187px;
	z-index:99;
	height: 438px;
}
#dokidoki .chara03{
	position:absolute;
	top:125px;
	left:57px;
	width: 160px;
	z-index:90;
	height: 417px;
}
#dokidoki .chara04{
	position:absolute;
	top:38px;
	left:157px;
	width: 163px;
	z-index:70;
	height: 416px;
}
#dokidoki .chara05{
	position:absolute;
	top:54px;
	left:368px;
	width: 170px;
	z-index:70;
	height: 405px;
}
#dokidoki .logo{
	position:absolute;
	top:495px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}

/* ハピネスチャージプリキュア！ */
#happiness .chara00{
	position:absolute;
	top:80px;
	left:65px;
	z-index:25;
}
#happiness .chara01{
	position:absolute;
	top:114px;
	left:193px;
	width: 209px;
	z-index:99;
	height: 432px;
}
#happiness .chara02{
	position:absolute;
	top:114px;
	left:321px;
	width: 170px;
	z-index:80;
	height: 438px;
}
#happiness .chara03{
	position:absolute;
	top:78px;
	left:477px;
	width: 156px;
	z-index:90;
	height: 356px;
}
#happiness .chara04{
	position:absolute;
	top:82px;
	left:63px;
	width: 162px;
	z-index:70;
	height: 392px;
}
#happiness .logo{
	position:absolute;
	top:495px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}

/* GO！プリンセスプリキュア */
#princess .chara00{
	position:absolute;
	top:32px;
	left:50px;
}
#princess .chara01{
	position:absolute;
	top:165px;
	left:55px;
	width: 209px;
	z-index:99;
	height: 432px;
}
#princess .chara02{
	position:absolute;
	top:173px;
	left:334px;
	width: 321px;
	z-index:80;
	height: 424px;
}
#princess .chara03{
	position:absolute;
	top:30px;
	left:331px;
	width: 156px;
	z-index:70;
	height: 435px;
}
#princess .chara04{
	position:absolute;
	top:42px;
	left:148px;
	width: 231px;
	z-index:60;
	height: 302px;
}
#princess .logo{
	position:absolute;
	top: 491px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:100;
}

/* 魔法つかいプリキュア！ */
#maho .chara00{
	position:absolute;
	top:40px;
	left:50px;
}
#maho .chara01{
	position:absolute;
	top:37px;
	left:217px;
	width: 209px;
	z-index:80;
	height: 298px;
}
#maho .chara02{
	position:absolute;
	top:90px;
	left:51px;
	width: 251px;
	z-index:99;
	height: 422px;
}
#maho .chara03{
	position:absolute;
	top:97px;
	left:370px;
	width: 156px;
	z-index:99;
	height: 405px;
}
#maho .logo{
	position:absolute;
	top: 440px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:100;
}

/* キラキラ☆プリキュアアラモード */
#alamode .chara00{
	position:absolute;
	top:40px;
	left:30px;
	z-index:25;
}
#alamode .chara01{
	position:absolute;
	top:163px;
	left:31px;
	width: 173px;
	z-index:99;
}
#alamode .chara02{
	position:absolute;
	top:231px;
	left:155px;
	width: 146px;
	z-index:99;
	height: 331px;
}
#alamode .chara03{
	position:absolute;
	top:243px;
	left:275px;
	width: 145px;
	z-index:90;
	height: 370px;
}
#alamode .chara04{
	position:absolute;
	top:42px;
	left:328px;
	width: 150px;
	z-index:70;
	height: 341px;
}
#alamode .chara05{
	position:absolute;
	top:41px;
	left:120px;
	width: 271px;
	z-index:70;
	height: 171px;
}
#alamode .chara06{
	position:absolute;
	top:150px;
	left:452px;
	width: 189px;
	z-index:70;
	height: 316px;
}
#alamode .logo{
	position:absolute;
	top:460px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:150;
}

/* 映画オリジナルキャラ */
#original .chara00{
	position:absolute;
	top:45px;
	left:75px;
	z-index:25;
}
#original .chara01{
	position:absolute;
	top:42px;
	left:87px;
	z-index:80;
	height: 412px;
	width: 508px;
}
#original .text{
	position:absolute;
	top:485px;
	left:40px;
	z-index:150;
}
#character .ttl.original{
	width:690px;
	height:235px;
	margin:0 auto;
	background:url(../images/character/ttl_original.png) no-repeat top center;
	position:relative;
}
#character .ttl.original ul li{
	position:absolute;
	right: 0px;
	top: 120px;
	z-index:1;
}
#character .charaArea.original {
	position: relative;
	width: 690px;
	height: 704px;
	margin: 0 auto 45px;
	background: url(../images/character/bg_chara_original.png) no-repeat top center;
}




/* キャラクター ムービー*/
.movieWrap{
	position: absolute;
	top:680px;
	left:0;
	right:0;
	text-align:center;
}
.movieWrap .title {
	margin-bottom: 15px;
}
.movieWrap .movieArea .youtube {
	padding: 10px;
	background: url(../images/movie/bg_youtube.jpg) no-repeat;
	background-size:cover;
}
.movieWrap #endingMovie .youtube {
	padding: 10px;
	background-position:center;
}
.movieWrap .movieArea .youtube iframe {
	width: 278px;
	height: 154px;
}
.movieWrap .movieArea{
	display: inline-block;
	margin-left: 0;
	vertical-align:top;
	text-align:center;
}
.movieWrap .movieArea .imgText {
	margin:10px 0;
}
.movieWrap .movieArea.last{
	margin-left: 10px;
}
.movieWrap .linktext{
	position:relative;
	z-index:10;
	margin-top: 20px;
}