/* CSS Document */
#footer{
	position:fixed;
	bottom:0px;
}
#cast{
	background:#000000;
}
#cast #wrapper {
	/* margin-top: -30px; */
}
#container{
	background:url(../img/main_bg.jpg) repeat center -80px;
	width: 100%;
	height: 100%;
}
#bgBlock{
	background:url(../img/cover.png)  center -80px;
	width: 100%;
	    height: 100%;
    position:fixed;
}
#bgHover{
    background:url(../img/main_bg_on.jpg)  center -80px;
    width: 100%;
    height: 100%;
    position:fixed;
    opacity:0;
}
#bgBlock2{
    background:url(../img/cover.png)  center -80px;
    opacity:0.1;

	width: 100%;
	height: 100%;
	position:fixed;
	margin-top:-200px;
}
#castBlock{
	position:absolute;
	left:50%;
	top:115px;
	width:1368px;
	margin-left:-684px;
	height:100%;
}
#castBlock ul{
}
/*
#castBlock ul li a:hover img{
    opacity:0;
}*/
#castBlock .ph01{position:absolute; left:0px; top:0px; background:url(../img/ph_01_b.png) no-repeat;}
#castBlock .ph02{position:absolute; left:106px; top:52px; background:url(../img/ph_02_b.png) no-repeat;}
#castBlock .ph03{position:absolute; left:286px; top:57px; background:url(../img/ph_03_b.png) no-repeat;}
#castBlock .ph04{position:absolute; left:410px; top:20px; background:url(../img/ph_04_b.png) no-repeat;}
#castBlock .ph05{position:absolute; left:530px; top:42px; background:url(../img/ph_05_b.png) no-repeat;}
#castBlock .ph06{position:absolute; left:680px; top:30px; background:url(../img/ph_06_b.png) no-repeat;}
#castBlock .ph07{position:absolute; left:715px; top:35px; background:url(../img/ph_07_b.png) no-repeat;}
#castBlock .ph08{position:absolute; left:890px; top:30px; background:url(../img/ph_08_b.png) no-repeat;}
#castBlock .ph09{position:absolute; left:1045px; top:20px; background:url(../img/ph_09_b.png) no-repeat;}
#castBlock .ph10{position:absolute; left:1135px; top:0px; background:url(../img/ph_10_b.png) no-repeat;}
#castBlock li{
    opacity:0;
}
#castBlock li .photoInner{
    position:relative;
}
#castBlock .ph01{position:absolute; left:0px; top:0px; width:173px; height:670px; background:url(../img/ph_01_b.png) no-repeat;}
#castBlock .ph02{position:absolute; left:106px; top:52px; width:239px; height:621px; background:url(../img/ph_02_b.png) no-repeat;}
#castBlock .ph03{position:absolute; left:286px; top:57px; width:164px; height:616px; background:url(../img/ph_03_b.png) no-repeat;}
#castBlock .ph04{position:absolute; left:410px; top:20px; width:175px; height:619px; background:url(../img/ph_04_b.png) no-repeat;}
#castBlock .ph05{position:absolute; left:530px; top:42px; width:172px; height:641px; background:url(../img/ph_05_b.png) no-repeat;}
#castBlock .ph06{position:absolute; left:680px; top:30px; width:215px; height:650px; background:url(../img/ph_06_b.png) no-repeat;}
#castBlock .ph07{position:absolute; left:715px; top:35px; width:282px; height:621px; background:url(../img/ph_07_b.png) no-repeat;}
#castBlock .ph08{position:absolute; left:890px; top:30px; width:213px; height:646px; background:url(../img/ph_08_b.png) no-repeat;}
#castBlock .ph09{position:absolute; left:1045px; top:20px; width:222px; height:688px; background:url(../img/ph_09_b.png) no-repeat;}
#castBlock .ph10{position:absolute; left:1135px; top:0px; width:241px; height:676px; background:url(../img/ph_10_b.png) no-repeat;}

#castBlock li .photoInner .cPhoto{position:absolute; left:0px; top:0px; opacity:0;}
#castBlock li .photoInner .cWhite{position:absolute; left:-10px; top:-10px; opacity:0.4;}

#castDetailBlock{
    position:absolute;

	left:50%;
	width:1368px;
	margin-left:-684px;
	height:100%;
}
#castDetailBlock .castInnerRight{

	display:none;
	opacity:0;
	width:1000px;
	height:1080px;
	position:absolute;
	top:30%;
	right:-1205px;
    display:none;
}

#castDetailBlock .castInnerLeft{
    display:none;
    opacity:0;
    width:1000px;
    height:1080px;
    position:absolute;
    top:30%;
    left:-1205px;
    display:none;
}



#castLinkBlock{
	position:absolute;
	left:50%;
	top:115px;
	width:1368px;
	margin-left:-684px;
	height:100%;
}
#castLinkBlock .castLink{
	    display:block;
    position:absolute;
    height:60%;
    background:url(../img/cast_cover.png);
    
}

.cast01Link{left:0px;	top:0px;width:155px;}
.cast02Link{left:155px;	top:0px;width:140px;}
.cast03Link{left:295px;	top:0px;width:120px;}
.cast04Link{left:415px;	top:0px;width:130px;}
.cast05Link{left:545px;	top:0px;width:135px;}
.cast06Link{left:680px;	top:0px;width:140px;}
.cast07Link{left:820px;	top:0px;width:130px;}
.cast08Link{left:950px;	top:0px;width:120px;}
.cast09Link{left:1070px;	top:0px;width:150px;}
.cast10Link{left:1220px;	top:0px;width:150px;}
/*
#castBlock #cast09 p{
	position:absolute;
	left:235px;
	top:450px;
}*/


#castCopy{
	position:absolute;
	left:50%;
	margin-left:-605px;
	bottom:100px;
	width:1222px;
	height:341px;
}
#castCopy img{
	opacity:0;
}
#castCopy .copyBg{
	position:absolute;
	left:0px;
	top:0px;
}
#castCopy .copy1{
	position:absolute;
	/*left:-100px;
	top:40px;
	*/
	top:-80px;
	width:1110px;
	height:348px;
	/*left:0px;*/
	/*transform: rotate(-180deg);*/
	
}
#castCopy .copy2{
	position:absolute;
	/*
	left:200px;
	top:130px;
	width:533px;
	height:123px;
	/*left:0px;*/
	top:0px;
	left:380px;
	width:1000px;
	height:240px;
	/*transform: rotate(-180deg);*/
}
.footShadow2{
	position:absolute;
	left:50%;
	margin-left:-800px;
	top:580px;
	
}
.footShadow{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:300px;
	
}