@charset "utf-8";
/* CSS Document */



.contentswrap {
	height:700px;
	padding-left:50px;
}
.contentswrap_other {
	padding-left:50px;
}
.chractermain {
	position:relative;
}
.pagetitle {
	background-image: url(../img/title.png);
	height: 110px;
	position: relative;
	top: -10px;
}

h2 {
	width: 281px;
	float: left;
}

.cate01 p { background-image: url(../img/btn_contents01.png);}
.cate01 a { width: 75px;}
.cate02 p { background-image: url(../img/btn_contents02.png);}
.cate02 a, .cate02 span { width: 91px;}
.cate03 p { background-image: url(../img/btn_contents03.png);}
.cate03 a, .cate03 span { width: 125px;}
.cate04 p { background-image: url(../img/btn_contents04.png);}
.cate04 a, .cate04 span { width: 116px;}
.cate05 p { background-image: url(../img/btn_contents05.png);}
.cate05 a, .cate05 span { width: 74px;}

.contentswrap {
	background: none;
}

.contents {
	width: 940px;
}

body.precure .chractermain {
	width: 940px;
	height: 643px;
	background: url(../img/bg_cure.png) no-repeat left 92px;
	position: relative;
	overflow: hidden;
}

body.precure .trumpmain {
	width: 940px;
	height: 667px;
	background: url(../img/bg_trump.png) no-repeat left 92px;
	position: relative;
	overflow: hidden;
}

body.precure .jicochumain {
	width: 940px;
	height: 653px;
	background: url(../img/jicochu/bg_jicochu.png) no-repeat left 92px;
	position: relative;
	overflow: hidden;
}

.thumbnailwrap {
	width: 800px;
	height: 92px;
	position: absolute;
	top: -110px;
	left: 90px;
	z-index:3000;
}

 .trumpmain .thumbnailwrap {
	width: 940px;
	left: 0;
}

.jicochumain .thumbnailwrap {
	width: 470px;
	left: 455px;
}

.thumbnail {
	width: 800px;
	height: 92px;
	margin: 0;

}

 .trumpmain .thumbnail {
	width: 546px;
	height: 92px;
	margin: 0px auto;
}

.cate_menu {
	position:absolute;
	left:480px;
	top:-200px;
}
.cate_menu ul {
	width:400px;
}
.cate_menu ul li {
	float:left;
	padding-right:20px;
}
.cate_menu ul li.cate01 {
	padding-top:5px;
}


.thumbnail li {
	width: 78px;
	height: 92px;
}

.thumbnail li:hover {
	background-position: left -94px;
	cursor: pointer;
}

.thumbnail li.select {
	background-position: left -190px;
}
.thumbnail li.select:hover {
	background-position: left -190px;
	cursor: default;
}

.trumpmain .thumbnail li.select,
.jicochumain .thumbnail li.select {
	background-position: left -190px;
}
.trumpmain .thumbnail li.select:hover,
.jicochumain .thumbnail li.select:hover {
	background-position: left -190px;
	cursor: default;
}

.thumbnail li {
	margin-right:10px;
	width: 89px;
	height: 0px;
	padding-top: 94px;
	overflow: hidden;
	display: inline;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
}

.thumbnail li.chara01 {
	background-image: url(../img/character/cure/btn_cure01.png)
}
.thumbnail li.chara02 {
	background-image: url(../img/character/cure/btn_cure02.png)
}
.thumbnail li.chara03 {
	background-image: url(../img/character/cure/btn_cure03.png)
}
.thumbnail li.chara04 {
	background-image: url(../img/character/cure/btn_cure04.png)
}
.thumbnail li.chara05 {
	background-image: url(../img/character/other/btn_other01.png)
}
.thumbnail li.chara06 {
	background-image: url(../img/character/other/btn_other02.png)
}
.thumbnail li.chara07 {
	background-image: url(../img/character/other/btn_other03.png)
}
.thumbnail li.chara08 {
	background-image: url(../img/character/other/btn_other04.png)
}


.proftxt {
	position: absolute;
	left: 420px;
	top: 0px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.trumpmain .proftxt {
	width: 400px;
}

.charamain {
	position: absolute;
	left: 50px;
	top: 0;
	width: 357px;
	height: 653px;
	overflow: hidden;
}

.trumpmain .charamain {
	position: absolute;
	left: 166px;
	top: 92px;
	width: 357px;
	height: 653px;
	overflow: hidden;
}

.jicochumain .charamain {
	position: absolute;
	left: 70px;
	top: 0;
	width: 357px;
	height: 653px;
	overflow: hidden;
}

.charamain p{
	width: 1071px;
	position: absolute;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index:30;
}
.stage {
	width: 433px;
	height: 307px;
	position: absolute;
	top: 320px;
	left: 15px;
	z-index:20;
}
.c001 {
	top: 365px;
	background:url(../img/character/cure/stage_cure01.png) center top no-repeat;
}
.c002 {
	top: 365px;
	background:url(../img/character/cure/stage_cure02.png) center top no-repeat;
}
.c003 {
	top: 365px;
	background:url(../img/character/cure/stage_cure03.png) center top no-repeat;
}
.c004 {
	top: 365px;
	background:url(../img/character/cure/stage_cure04.png) center top no-repeat;
}
.catch {
	width: 401px;
	height: 282px;
	position: absolute;
	top: 360px;
	left: 650px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.partner {
	position: absolute;
	left: 70px;
	top: 800px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.trumpmain .partner {
	width: 159px;
	height: 273px;
	top: 280px;
}

.visualwrap {
	position: absolute;
	top: 400px;
	left: 430px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	width: 230px;
	background:url(../img/character/cure/box_change.png) center top no-repeat;
	height:132px;
}

.trumpmain .visualwrap {
	top: 386px;
	width: 400px;
}

.visual {
	width: 160px;
	margin: 50px 0 0 7px;
}

.jicochumain .visual {
	width: 80px;
	margin: 0px auto;
}


.visual li {
	width: 72px;
	height: 0px;
	padding-top: 75px;
	overflow: hidden;
	display: inline;
	float: left;
}

.visual li:hover {
	background-position: left -75px;
	cursor: pointer;
}

.visual li.select {
	background-position: left -150px;
}
.visual li.select:hover {
	background-position: left -150px;
	cursor: default;
}

.visual li.visual01 {
	background-image: url(../img/character/cure/btn_change01.png)
}
.visual li.visual02 {
	background-image: url(../img/character/cure/btn_change02.png)
}
.visual li.visual03 {
	background-image: url(../img/character/cure/btn_change03.png)
}
.visual li.visual04 {
	background-image: url(../img/character/cure/btn_change04.png)
}
.visual li.visual05 {
	background-image: url(../img/character/cure/btn_change05.png)
}
.visual li.visual06 {
	background-image: url(../img/character/cure/btn_change06.png)
}
.visual li.visual07 {
	background-image: url(../img/character/cure/btn_change07.png)
}

.jicochumain .visual li.visual01 {
	background-image: url(../img/jicochu/btn_change_jicochu01.png)
}
.jicochumain .visual li.visual02 {
	background-image: url(../img/jicochu/btn_change_jicochu02.png)
}
.jicochumain .visual li.visual03 {
	background-image: url(../img/jicochu/btn_change_jicochu03.png)
}
.jicochumain .visual li.visual04 {
	background-image: url(../img/jicochu/btn_change_jicochu04.png)
}
.jicochumain .visual li.visual05 {
	background-image: url(../img/jicochu/btn_change_jicochu05.png)
}
.jicochumain .visual li.visual06 {
	background-image: url(../img/jicochu/btn_change_jicochu06.png)
}
.jicochumain .visual li.visual07 {
	background-image: url(../img/jicochu/btn_change_jicochu07.png)
}


/* ジコチュー */
ul.jicochu {
	width: 920px;
	margin: 0px auto;
}

ul.jicochu li{
	display: inline;
	float: left;
}

/* その他キャラクター */

ul.other {
	width: 950px;
	margin: 0 auto;
}

ul.other li {
	display: inline;
	float: left;
	width: 475px;
	height: 335px;
	background: url(../img/other/bg.png) no-repeat left top;
}

ul.other li .img {
	float: left;
	padding-top: 9px;
	width: 200px;
}

ul.other li .txt {
	width: 210px;
	float: left;
	padding-top: 90px;
}
ul.other li .txt h3{
	font-size: 14px;
	margin-bottom: 15px;
}


.otherimage_a {
	position:absolute;
	left:0;
	top:0;
}
.othertext_a {
	position:absolute;
	left:300px;
	top:150px;
}
.otherimage_b {
	position:absolute;
	left:0;
	top:300px;
}
.othertext_b {
	position:absolute;
	left:300px;
	top:800px;
}
.othertext_sub {
	position:absolute;
	right:0;
	top:700px;
}
.othertext_sub02 {
	position:absolute;
	left:0;
	top:700px;
}