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

.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: 391px;
	height: 92px;
	position: absolute;
	top: 0;
	left: 484px;
	z-index: 100;
}

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

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

.thumbnail {
	width: 390px;
	height: 92px;
	margin: 0px auto;

}

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

.thumbnail li {
	width: 78px;
	height: 92px;
	overflow: hidden;
	display: inline;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
}

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

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

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

.thumbnail li {
	width: 78px;
	height: 0px;
	padding-top: 92px;
	overflow: hidden;
	display: inline;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
}

.thumbnail li.chara01 {
	background-image: url(../img/cure/btn_cure01.png)
}
.thumbnail li.chara02 {
	background-image: url(../img/cure/btn_cure02.png)
}
.thumbnail li.chara03 {
	background-image: url(../img/cure/btn_cure03.png)
}
.thumbnail li.chara04 {
	background-image: url(../img/cure/btn_cure04.png)
}
.thumbnail li.chara05 {
	background-image: url(../img/cure/btn_cure05.png)
}


.trumpmain .thumbnail li.chara01 {
	background-image: url(../img/trump/btn_trump01.png)
}
.trumpmain .thumbnail li.chara02 {
	background-image: url(../img/trump/btn_trump02.png)
}
.trumpmain .thumbnail li.chara03 {
	background-image: url(../img/trump/btn_trump03.png)
}
.trumpmain .thumbnail li.chara04 {
	background-image: url(../img/trump/btn_trump04.png)
}
.trumpmain .thumbnail li.chara05 {
	background-image: url(../img/trump/btn_trump05.png)
}
.trumpmain .thumbnail li.chara06 {
	background-image: url(../img/trump/btn_trump06.png)
}
.trumpmain .thumbnail li.chara07 {
	background-image: url(../img/trump/btn_trump07.png)
}

.jicochumain .thumbnail li.chara01 {
	background-image: url(../img/jicochu/btn_jicochu01.png)
}
.jicochumain .thumbnail li.chara02 {
	background-image: url(../img/jicochu/btn_jicochu02.png)
}
.jicochumain .thumbnail li.chara03 {
	background-image: url(../img/jicochu/btn_jicochu03.png)
}
.jicochumain .thumbnail li.chara04 {
	background-image: url(../img/jicochu/btn_jicochu04.png)
}
.jicochumain .thumbnail li.chara05 {
	background-image: url(../img/jicochu/btn_jicochu05.png)
}
.jicochumain .thumbnail li.chara06 {
	background-image: url(../img/jicochu/btn_jicochu06.png)
}

.proftxt {
	width: 391px;
	height: 312px;
	position: absolute;
	left: 484px;
	top: 92px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.trumpmain .proftxt {
	width: 400px;
}

.charamain {
	position: absolute;
	left: 166px;
	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: 85px;
	top: 0;
	width: 357px;
	height: 653px;
	overflow: hidden;
}

.charamain p{
	width: 1428px;
	position: absolute;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.catch {
	width: 171px;
	height: 360px;
	position: absolute;
	top: 24px;
	left: 65px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.catch img {
	width: 171px;
	height: 360px;
}

.partner {
	width: 193px;
	height: 239px;
	position: absolute;
	left: 43px;
	top: 400px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

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

.visualwrap {
	position: absolute;
	top: 436px;
	left: 484px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	width: 391px;
}

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

.visual {
	width: 160px;
	margin: 0px auto;
}

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


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

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

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

.visual li.visual01 {
	background-image: url(../img/cure/btn_change01.png)
}
.visual li.visual02 {
	background-image: url(../img/cure/btn_change02.png)
}
.visual li.visual03 {
	background-image: url(../img/cure/btn_change03.png)
}
.visual li.visual04 {
	background-image: url(../img/cure/btn_change04.png)
}
.visual li.visual05 {
	background-image: url(../img/cure/btn_change05.png)
}
.visual li.visual06 {
	background-image: url(../img/cure/btn_change06.png)
}
.visual li.visual07 {
	background-image: url(../img/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;
}