@charset "utf-8";


/* mainMovie */
#topmovie {width:978px; height:395px; margin:0 auto; position:relative; overflow:hidden;}
#topmovie span{position:absolute;}
#topmovie .bus {width:221px; height:100px; right:-300px; bottom:5px; position:absolute;}
#topmovie .bus span.c01 {width:221px; height:92px; right:0px; bottom:0px;}
#topmovie .bus span.c02 {width:100px; height:100px; left:-40px; top:-90px; opacity:0;}

#topmovie .flug {width:16px; height:242px; left:422px; top:117px; position:absolute;}
#topmovie .flug span.c01 {width:44px; height:39px; top:2px; left:8px;}
#topmovie .flug span.c02 {width:120px; height:120px; right:-145px; top:-100px; display:none;}

#topmovie .sun {width:220px; height:110px; right:30px; top:0px; position:absolute;}
#topmovie .sun span.c01 {width:82px; height:82px; right:0px; bottom:0px;}
#topmovie .sun span.c02 {width:82px; height:82px; right:0px; bottom:0px;}
#topmovie .sun span.c03 {width:82px; height:82px; right:0px; bottom:0px; display:none;}
#topmovie .sun:hover span.c03 {display:block;}
#topmovie .sun span.c04 {width:138px; height:128px; left:0px; top:-18px; opacity:0;}

#topmovie .block01 {width:255px; height:160px; left:335px; bottom:0px; position:absolute;}
#topmovie .block01 span.c01 {width:85px; height:62px; left:45px; bottom:50px;}
#topmovie .block01:hover span.c01 {display:none;}
#topmovie .block01 span.c02 {width:99px; height:89px; left:0px; bottom:20px;}
#topmovie .block01 span.c03 {width:82px; height:107px; right:130px; bottom:30px; opacity:0;}
#topmovie .block01 span.c04 {width:100px; height:100px; right:0px; top:10px; opacity:0;}

#topmovie .block02 {width:240px; height:156px; right:25px; bottom:0px; position:absolute;}
#topmovie .block02 span.c01 {width:58px; height:64px; right:100px; bottom:47px;}
#topmovie .block02:hover span.c01 {display:none;}
#topmovie .block02 span.c02 {width:180px; height:65px; right:5px; bottom:22px;}
#topmovie .block02 span.c03 {width:100px; height:108px; left:70px; bottom:40px; opacity:0;}
#topmovie .block02 span.c04 {width:75px; height:75px; left:70px; top:0px; opacity:0;}

#topmovie .block03 {width:203px; height:137px; left:16px; bottom:78px; position:absolute;}
#topmovie .block03 a {width:203px; height:170px; display:block;}
#topmovie .block03 span.c01 {width:70px; height:55px; right:10px; bottom:5px;}
#topmovie .block03 span.c02 {width:146px; height:79px; right:1px; bottom:0px;}
#topmovie .block03 span.c03 {width:146px; height:79px; right:1px; bottom:0px; display:none;}
#topmovie .block03:hover span.c03 {display:block;}
#topmovie .block03 span.c04 {width:131px; height:131px; left:15px; top:-25px; opacity:0;}

#topmovie .block04 {width:143px; height:156px; position:absolute; right:245px; bottom:0px;}
#topmovie .block04 span.c01 {width:25px; height:51px; right:37px; bottom:61px;}
#topmovie .block04 span.c02 {width:60px; height:104px; right:10px; bottom:20px; opacity:0;}
#topmovie .block04 span.c03 {width:72px; height:72px; left:0; top:0; opacity:0;}

#topmovie span.b01 {width:888px; height:170px; left:53px; bottom:49px;}
#topmovie span.b02 {width:466px; height:200px; left:122px; bottom:0px;}
#topmovie span.b03 {width:100px; height:100px; right:22px; top:139px;}
#topmovie span.b04 {width:177px; height:15px; right:30px; bottom:10px;}


#topmovie .bal01 {width:71px; height:142px; left:690px; top:80px; position:absolute;}
#topmovie .bal02 {width:71px; height:142px; left:490px; top:80px; position:absolute;}
#topmovie .bal03 {width:71px; height:142px; left:290px; top:80px; position:absolute;}
#topmovie .bal04 {width:71px; height:142px; left:90px; top:80px; position:absolute;}
#topmovie .bal01:hover .swing {display:none;}
#topmovie .bal02:hover .swing {display:none;}
#topmovie .bal03:hover .swing {display:none;}
#topmovie .bal04:hover .swing {display:none;}

#topmovie .crowd .cr03 {width:93px; height:50px; left:0px; top:40px;}
#topmovie .crowd .cr02 {width:124px; height:82px; left:300px; top:-30px;}
#topmovie .crowd .cr01 {width:187px; height:88px; right:10px; top:60px;}


#topmovie span.hover {width:113px; height:220px; position:absolute; top:-60px; left:-20px; opacity:0;}
#topmovie span img.hover2 {width:146px; height:79px; position:absolute; top:0; left:0;}
#topmovie span img.hover3 {width:60px; height:104px; position:absolute; top:0; left:0;}
#topmovie span img.hover4 {width:72px; height:72px; position:absolute; top:-35px; left:-65px;}
#topmovie span img.hover5 {width:131px; height:131px; position:absolute; top:-85px; left:-40px;}
#topmovie span img.hover7 {width:82px; height:82px; position:absolute; top:0; left:0; display:none;}

.swing {
    margin:0px;
    -moz-animation: swing linear 5s infinite;
    -moz-transform-origin: center bottom 0;
    -webkit-animation: swing linear 5s infinite;
    -webkit-transform-origin: center bottom 0;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center bottom 0;
    -o-animation: swing linear 5s infinite;
    -o-transform-origin:center bottom 0;
    animation: swing linear 5s infinite;
    transform-origin: center bottom 0;
    display: block;
    float:left;
}
 
@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(5deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(5deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

.swing2 {
    margin:0px;
    -moz-animation: swing linear 2s infinite;
    -moz-transform-origin: left bottom 0;
    -webkit-animation: swing linear 2s infinite;
    -webkit-transform-origin: left bottom 0;
    -ms-animation: swing linear 2s infinite;
    -ms-transform-origin: left bottom 0;
    -o-animation: swing linear 2s infinite;
    -o-transform-origin:left bottom 0;
    animation: swing linear 2s infinite;
    transform-origin: left bottom 0;
	}
	
.blinking{
	    -webkit-animation:blink 0.5s ease-in-out infinite alternate;
	    -moz-animation:blink 0.5s ease-in-out infinite alternate;
	    animation:blink 0.5s ease-in-out infinite alternate;
	}

	@-webkit-keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}

	@-moz-keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}

	@keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}