#castBtn{
width:1258px;
height:75px;
text-align:right;
position:absolute;
bottom:75px;
left:50%;
margin-left: -629px;
z-index:20;
}

#castBtnDam{
background: #C56D6E;
width:1000px;
height:85px;
text-align:right;
position:absolute;
bottom:95px;
left:50%;
margin-left: -370px;
z-index:25;
opacity: 0;
}


#castBtn ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#castBtn li{
list-style: none outside none;
width:82px;
height:75px;
margin: 0 1px 0;
bottom: 0;
line-height:0;
float: left;
cursor: pointer;
-webkit-transition: all 0.5s ease;
transition: all  0.5s ease;
}

#castBtn li:hover{
opacity: 0.7;
filter: alpha(opacity=70);  
}

#castBtn li.cast01{ background: url("../images/cast/btn_cast01.jpg") no-repeat; background-size: 100% 100%;}
#castBtn li.cast02{ background: url("../images/cast/btn_cast02.jpg") no-repeat; background-size: 100% 100%;}
#castBtn li.cast03{ background: url("../images/cast/btn_cast03.jpg") no-repeat; background-size: 100% 100%;}

#castBtn li.cast04{ background: url("../images/cast/btn_cast04.jpg") no-repeat; background-size: 100% 100%; width: 52px; margin-left: 12px;}
#castBtn li.cast05{ background: url("../images/cast/btn_cast05.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast06{ background: url("../images/cast/btn_cast06.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast07{ background: url("../images/cast/btn_cast07.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast08{ background: url("../images/cast/btn_cast08.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast09{ background: url("../images/cast/btn_cast09.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast10{ background: url("../images/cast/btn_cast10.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast11{ background: url("../images/cast/btn_cast11.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast12{ background: url("../images/cast/btn_cast12.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast13{ background: url("../images/cast/btn_cast13.jpg") no-repeat; background-size: 100% 100%; width: 52px;}

#castBtn li.cast14{ background: url("../images/cast/btn_cast14.jpg") no-repeat; background-size: 100% 100%; width: 52px; margin-left: 12px;}
#castBtn li.cast15{ background: url("../images/cast/btn_cast15.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast16{ background: url("../images/cast/btn_cast16.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast17{ background: url("../images/cast/btn_cast17.jpg") no-repeat; background-size: 100% 100%; width: 52px;}

#castBtn li.cast18{ background: url("../images/cast/btn_cast18.jpg") no-repeat; background-size: 100% 100%; width: 52px; margin-left: 12px;}
#castBtn li.cast19{ background: url("../images/cast/btn_cast19.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast20{ background: url("../images/cast/btn_cast20.jpg") no-repeat; background-size: 100% 100%; width: 52px;}
#castBtn li.cast21{ background: url("../images/cast/btn_cast21.jpg") no-repeat; background-size: 100% 100%; width: 52px;}

.btnoff{
opacity: 0.5;
}


#castImgAll01,#castImgAll02,#castImgAll03,#castImgAll04,#castImgAll05,#castImgAll06,#castImgAll07,#castImgAll08,#castImgAll09,#castImgAll10,#castImgAll11,#castImgAll12,#castImgAll13,#castImgAll14,#castImgAll15,#castImgAll16,#castImgAll17,#castImgAll18,#castImgAll19,#castImgAll20,#castImgAll21{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

.castImgM{
background: url("../images/cast/m_cast.png") no-repeat center;
background-size: contain;
width: 90%;
height: 90%;
position: absolute;
top: 7%;
left: 5%;
z-index: 15;
}
#castImg01{background: url("../images/cast/img_cast01.png") no-repeat center;}
#castImg02{background: url("../images/cast/img_cast02.png") no-repeat center;}
#castImg03{background: url("../images/cast/img_cast03.png") no-repeat center;}
#castImg04{background: url("../images/cast/img_cast04.png") no-repeat center;}
#castImg05{background: url("../images/cast/img_cast05.png") no-repeat center;}
#castImg06{background: url("../images/cast/img_cast06.png") no-repeat center;}
#castImg07{background: url("../images/cast/img_cast07.png") no-repeat center;}
#castImg08{background: url("../images/cast/img_cast08.png") no-repeat center;}
#castImg09{background: url("../images/cast/img_cast09.png") no-repeat center;}
#castImg10{background: url("../images/cast/img_cast10.png") no-repeat center;}
#castImg11{background: url("../images/cast/img_cast11.png") no-repeat center;}
#castImg12{background: url("../images/cast/img_cast12.png") no-repeat center;}
#castImg13{background: url("../images/cast/img_cast13.png") no-repeat center;}
#castImg14{background: url("../images/cast/img_cast14.png") no-repeat center;}
#castImg15{background: url("../images/cast/img_cast15.png") no-repeat center;}
#castImg16{background: url("../images/cast/img_cast16.png") no-repeat center;}
#castImg17{background: url("../images/cast/img_cast17.png") no-repeat center;}
#castImg18{background: url("../images/cast/img_cast18.png") no-repeat center;}
#castImg19{background: url("../images/cast/img_cast19.png") no-repeat center;}
#castImg20{background: url("../images/cast/img_cast20.png") no-repeat center;}
#castImg21{background: url("../images/cast/img_cast21.png") no-repeat center;}

#castImg01,#castImg02,#castImg03,#castImg04,#castImg05,#castImg06,#castImg07,#castImg08,#castImg09,#castImg10,#castImg11,#castImg12,#castImg13,#castImg14,#castImg15,#castImg16,#castImg17,#castImg18,#castImg19,#castImg20,#castImg21{
background-size: contain;
width: 90%;
height: 75%;
position: absolute;
top: 7%;
left: 5%;
z-index: 16;
}






#castSelect01,#castSelect02,#castSelect03{
background-color: #c973c0;
width: 82px;
height: 4px;
position: absolute;
bottom: 153px;
left: 50%;
z-index: 19;
}

#castSelect01{margin-left: -628px;}
#castSelect02{margin-left: -544px;}
#castSelect03{margin-left: -460px;}


#castSelect04,#castSelect05,#castSelect06,#castSelect07,#castSelect08,#castSelect09,#castSelect09,#castSelect10,#castSelect11,#castSelect12,#castSelect13,#castSelect14,#castSelect15,#castSelect16,#castSelect17,#castSelect18,#castSelect19,#castSelect20,#castSelect21{
background-color: #c973c0;
width: 52px;
height: 4px;
position: absolute;
bottom: 153px;
left: 50%;
z-index: 19;
}

#castSelect04{margin-left: -365px;}
#castSelect05{margin-left: -311px;}
#castSelect06{margin-left: -257px;}
#castSelect07{margin-left: -203px;}
#castSelect08{margin-left: -149px;}
#castSelect09{margin-left: -95px;}
#castSelect10{margin-left: -41px;}
#castSelect11{margin-left: 13px;}
#castSelect12{margin-left: 67px;}
#castSelect13{margin-left: 121px;}

#castSelect14{margin-left: 186px;}
#castSelect15{margin-left: 240px;}
#castSelect16{margin-left: 294px;}
#castSelect17{margin-left: 348px;}

#castSelect18{margin-left: 413px;}
#castSelect19{margin-left: 467px;}
#castSelect20{margin-left: 521px;}
#castSelect21{margin-left: 575px;}