@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/
/*top*/
#chara {
  overflow-y: scroll !important;

}

#mainCol {
	text-align: center;
	min-height: 570px;
}

#mainCol.charaTop {
	padding: 90px 0 0 0;
}

#wrapCol { z-index: 10; }
#gnavi {   z-index: 5; }

.charaTop #titCol{
	position: absolute;
	/*bottom: 200px;*/
  bottom: 134px;
	background: url(../images/common/bg_logo.png) repeat-x left bottom;
	width: 100%;
	z-index: 1;
}

.charaCol { background: url(../images/chara/bg_charaCol.png) no-repeat top; }
.digimonCol { background: url(../images/chara/bg_digimonCol.png) no-repeat top; }

.panel {
	padding: 10px 0 0 0;
}

#btnCol{
	position:relative;
	width:1100px;
	margin:0 auto;
}

#btnCol li{
	position:absolute;
}

li#chara_01 {
	top : -10px;
	left: 167px;
}

li#chara_02 {
	top : 240px;
	left: 447px;
}

li#chara_03 {
	top : 274px;
	left: 664px;
}

li#chara_04 {
	top : 363px;
	left: 164px;
}

li#chara_05 {
	top : 32px;
	left: 769px;
}

li#chara_06 {
	top : 355px;
	left: 468px;
}

li#chara_07 {
	top : 460px;
	left: 355px;
}

li#chara_08 {
	top : 497px;
	left: 15px;
}

li#chara_09 {
	top : 222px;
	left: 118px;
}

li#chara_10 {
	top : -10px;
	left: 524px;
}

li#chara_11 {
	top : 136px;
	left: 488px;
}

li#chara_12 {
	top : 357px;
	left: 405px;
}

li#chara_13 {
	top : 28px;
	left: 188px;
}

li#chara_14 {
	top : 485px;
	left: 69px;
	z-index: 0;
}

li#chara_15 {
	top : 33px;
	left: 583px;
}

li#chara_16 {
	top : 461px;
	left: 612px;
}

li#chara_17 {
	top : 20px;
	left: 760px;
}

li#chara_18 {
	top : 451px;
	left: 480px;
}

li#chara_19 {
	top : 126px;
	left: 477px;
}

li#chara_20 {
	top : 230px;
	left: 484px;
}

li#chara_21 {
	top : 158px;
	left: 785px;
}

li#chara_22 {
	top: -11px;
	left: 379px;
}

li#chara_23 {
	top: 514px;
	left: 691px;
}

li#chara_24 {
	top: 222px;
	left: 330px;
}

li#chara_25 {
	top: 461px;
	left: 490px;
}

li#chara_26 {
	top : -11px;
	left: 98px;
}

li#chara_27 {
	top : 78px;
	left: 65px;
}

li#chara_28 {
	top : 168px;
	left: 32px;
}

li#chara_29 {
	top: 461px;
	left: 354px;
}

li#chara_30 {
	top: 434px;
	left: 918px;
}

li#btnDigimon {
	top : 357px;
	left: 664px;
}

li#btnChara {
	top : 356px;
	left: 102px;
}


/*中ページ*/
#thumCol {
	width: 990px;
	margin: 0 auto;
}

#thumCol ul {
	position: absolute;
	bottom: 63px;
}

#chara_09 #thumCol ul {
	position: absolute;
	bottom: 530px;
}

li#thum_01 {
	position: relative;
	left: 18px;
}

#chara_09 li#thum_01 {
	left: 563px;
	right: 20px;
	float: left;
	width: 248px;
}

#chara_12 li#thum_01,
#chara_13 li#thum_01,
#chara_17 li#thum_01,
#chara_18 li#thum_01,
#chara_19 li#thum_01,
#chara_20 li#thum_01,
#chara_21 li#thum_01,
#chara_22 li#thum_01,
#chara_26 li#thum_01,
#chara_27 li#thum_01,
#chara_28 li#thum_01,
#chara_29 li#thum_01,
#chara_30 li#thum_01 {
	left: -50px;
}

li#thum_02 {
	position: relative;
	left: 68px;
}

#chara_09 li#thum_02 {
	left: 517px;
	float: left;
	width: 248px;
}

#chara_12 li#thum_02,
#chara_13 li#thum_02,
#chara_17 li#thum_02,
#chara_18 li#thum_02,
#chara_19 li#thum_02,
#chara_20 li#thum_02,
#chara_21 li#thum_02,
#chara_22 li#thum_02,
#chara_26 li#thum_02,
#chara_27 li#thum_02,
#chara_28 li#thum_02,
#chara_29 li#thum_02,
#chara_30 li#thum_02 {
	left: -2px;
}

li#thum_03 {
	position: relative;
	left: 44px;
	bottom:64px;
}

#back {
	width: 990px;
	margin: 0 auto;
}

#back p{
	position: absolute;
	left: 900px;
	right: 60px;
	bottom: 60px;
}

.fancybox-next span{
	width:21px;
	height:76px;
	background: url(../js/fancybox/img_fb_arrow_right.png) right top no-repeat;
	right: -40px;
	visibility:visible;
}

.fancybox-prev span{
	width:21px;
	height:76px;
	background:url(../js/fancybox/img_fb_arrow_left.png) right top no-repeat;
	left: -40px;
	visibility:visible;
}

/*chara_01*/
#chara_01 #mainCol {
	background: url(../images/chara/chara_01/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_02*/
#chara_02 #mainCol {
	background: url(../images/chara/chara_02/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_03*/
#chara_03 #mainCol {
	background: url(../images/chara/chara_03/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_04*/
#chara_04 #mainCol {
	background: url(../images/chara/chara_04/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_05*/
#chara_05 #mainCol {
	background: url(../images/chara/chara_05/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_06*/
#chara_06 #mainCol {
	background: url(../images/chara/chara_06/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_07*/
#chara_07 #mainCol {
	background: url(../images/chara/chara_07/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_08*/
#chara_08 #mainCol {
	background: url(../images/chara/chara_08/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_09*/
#chara_09 #mainCol {
	background: url(../images/chara/chara_09/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_10*/
#chara_10 #mainCol {
	background: url(../images/chara/chara_10/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_11*/
#chara_11 #mainCol {
	background: url(../images/chara/chara_11/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_12*/
#chara_12 #mainCol {
	background: url(../images/chara/chara_12/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_13*/
#chara_13 #mainCol {
	background: url(../images/chara/chara_13/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_14*/
#chara_14 #mainCol {
	background: url(../images/chara/chara_14/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_15*/
#chara_15 #mainCol {
	background: url(../images/chara/chara_15/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_16*/
#chara_16 #mainCol {
	background: url(../images/chara/chara_16/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_17*/
#chara_17 #mainCol {
	background: url(../images/chara/chara_17/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_18*/
#chara_18 #mainCol {
	background: url(../images/chara/chara_18/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_19*/
#chara_19 #mainCol {
	background: url(../images/chara/chara_19/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_20*/
#chara_20 #mainCol {
	background: url(../images/chara/chara_20/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_21*/
#chara_21 #mainCol {
	background: url(../images/chara/chara_21/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_22*/
#chara_22 #mainCol {
	background: url(../images/chara/chara_22/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_23*/
#chara_23 #mainCol {
	background: url(../images/chara/chara_23/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_24*/
#chara_24 #mainCol {
	background: url(../images/chara/chara_24/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_25*/
#chara_25 #mainCol {
	background: url(../images/chara/chara_25/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_26*/
#chara_26 #mainCol {
	background: url(../images/chara/chara_26/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_27*/
#chara_27 #mainCol {
	background: url(../images/chara/chara_27/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_28*/
#chara_28 #mainCol {
	background: url(../images/chara/chara_28/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_29*/
#chara_29 #mainCol {
	background: url(../images/chara/chara_29/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}

/*chara_30*/
#chara_30 #mainCol {
	background: url(../images/chara/chara_30/bg_maincol.jpg) no-repeat center top;
	min-height: 570px;
}