/* CSS Document */

#commonbox {
	height:1373px;
	overflow:hidden;
}

#BGchara {
	width:1280px;
	height:1373px;
	position:absolute;
	z-index:0;
}
#charabody {
	width:1280px;
	height:1745px;
	position:absolute;
	z-index:10;
}
#charabody ul{
	margin:0;
	padding:0;
}
#charabody .bx-wrapper div{
	background-color:transparent;
	margin:0;
	padding:0;
	border:0;
}

#charalist {
	width:321px;
	height:98px;
	position:absolute;
	background-image:url(../img/chara/BG_charalist.png);
	top:15px;
	left:400px;
	margin:0;
	padding:0;
	z-index:10;
}
#charalist li {
	float:left;
}



#characatch {
	width:503px;
	height:140px;
	position:absolute;
	top:139px;
	left:54px;
	z-index:110;
}
#charaname {
	width:522px;
	height:224px;
	position:absolute;
	top:256px;
	left:87px;
	z-index:100;
}
#charainfo {
	width:525px;
	height:452px;
	position:absolute;
	top:501px;
	left:87px;
	z-index:9;
}
#changecos {
	width:498px;
	height:98px;
	position:absolute;
	top:972px;
	left:99px;
	margin:0px;
	padding:0px;
	z-index:100;
	display:flex;
	justify-content:space-around;
}
#changecos li {
	width:98px;
	height:98px;
	float:left;
	cursor:pointer;
}
.dress9 {
	cursor:default !important;
}


#characgbox {
	width:529px;
	height:148px;
	position:absolute;
	top:1094px;
	left:83px;
	z-index:100;
}
#characgbox #pickup {
	width:184px;
	height:26px;
	position:absolute;
	top:-10px;
	left:-5px;
	z-index:110;
}

.cgbox {
	width:259px;
	height:148px;
	overflow:hidden;
	float:left;
}


.audiojs {
	display:none;
}

#chara1_sv00 {
	width:193px;
	height:181px;
	position:absolute;
	z-index:110;
	left:552px;
	top:132px;
}
#chara1_sv01 {
	width:188px;
	height:174px;
	position:absolute;
	z-index:110;
	left:545px;
	top:373px;
}
#chara1_sv02 {
	width:193px;
	height:181px;
	position:absolute;
	z-index:110;
	left:1063px;
	top:268px;
}

#chara2_sv00 {
	width:193px;
	height:181px;
	position:absolute;
	z-index:110;
	left:552px;
	top:132px;
}
#chara2_sv01 {
	width:188px;
	height:174px;
	position:absolute;
	z-index:110;
	left:545px;
	top:373px;
}
#chara2_sv02 {
	width:193px;
	height:181px;
	position:absolute;
	z-index:110;
	left:1063px;
	top:268px;
}

#chara3_sv00 {
	width:193px;
	height:181px;
	position:absolute;
	z-index:110;
	left:552px;
	top:132px;
}
#chara3_sv01 {
	width:188px;
	height:174px;
	position:absolute;
	z-index:110;
	left:545px;
	top:373px;
}
#chara3_sv02 {
	width:193px;
	height:181px;
	position:absolute;
	z-index:110;
	left:1063px;
	top:268px;
}

#samplevoice2 {
	width:260px;
	height:90px;
	position:absolute;
	right:8px;
	top:18px;
	z-index:100;
	margin:0;
	padding:0;
}
#samplevoice2 li {
	width:126px;
	margin-left:4px;
	float:left;
	display:block;
}
.bottunright li{
	float:right !important;
	margin-left:130px;
}
.introbar {
	width:260px;
	height:40px;
	position:absolute;
	top:60px;
	right:13px;
	overflow:hidden;
}

/*----------------------------------------------------
オーディオプレイヤー（キャラクターボイス）
----------------------------------------------------*/

/*　プレイヤー（再生バー）　*/
.audiojs {
	width:260px;
	height:31px;
	opacity:1;
	background: none;
	background-color:#FFF;
	border:1px solid #FFF;
	border-radius:10px;
	position:absolute;
	top:68px;
	right:13px;
	z-index:200;
	overflow:hidden;
}
/*　進行状態・ロードの状態を表示する部分(グレー)　*/
.audiojs .scrubber {
  position: relative;
  float: left;
  width:200px;
  height:11px;
  background: #5a5a5a;
  margin: 10px 0 0 0px;
  border: 0;
  overflow: hidden;
}
/*　進行状態を表示するバーの部分(薄いグレー)　*/
.audiojs .progress {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  background: #df1658;
  z-index: 1;  
}
/* ロード状態を表示するバーの部分（黒） */
.audiojs .loaded {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  background: #534038;
}
.audiojs .time {
	display:none;
	border-left-color: #FFF;
}
.audiojs .play-pause {
	margin-top:-3px;
	border-right-color:#FFF;
}