.index_box .img00 { position:relative; z-index:50;}
.index_box p { position:absolute; z-index:60; left:-100px; top:-100px;transform-style:preserve-3d; width:400px; height:400px; transform: rotateX(80deg) rotateY(0deg) rotateZ(45deg);animation:circlezindex 10s linear infinite;}
.index_box p span { display:block; width:400px; height:400px;transform-style:preserve-3d;animation:circle_go 10s linear infinite;}
.index_box p span a { display:block;width:88px; height:73px;transform-style:preserve-3d;transform:rotateX(-90deg) rotateY(45deg);}
.index_box p span a img {display:block;animation:circle_go01 10s linear infinite;}

.index_box p.img02 {transform: rotateX(100deg) rotateY(45deg) rotateZ(0deg); animation:circlezindex01 15s linear infinite;}
.index_box p.img02 span {animation:circle_go 15s linear infinite;}
.index_box p.img02 span a {transform:rotateX(-90deg) rotateY(0deg) rotateZ(-45deg);width:65px; height:53px;}
.index_box p.img02 span a img { animation:none;}

.index_box p.img03 {transform: rotateX(100deg) rotateY(-45deg) rotateZ(0deg); animation:circlezindex01 20s linear infinite;}
.index_box p.img03 span {animation:circle_go 20s linear infinite;}
.index_box p.img03 span a {transform:rotateX(-90deg) rotateY(0deg) rotateZ(45deg);width:65px; height:53px;}
.index_box p.img03 span a img { animation:none;}

.index_box p.img04 {transform: rotateX(110deg) rotateY(-85deg) rotateZ(0deg); animation:circlezindex01 17s linear infinite;}
.index_box p.img04 span {animation:circle_go 17s linear infinite;}
.index_box p.img04 span a {transform:rotateX(-90deg) rotateY(90deg) rotateZ(90deg);width:91px; height:75px;}
.index_box p.img04 span a img { animation:none;}

.index_box p.img05 {transform: rotateX(100deg) rotateY(-160deg) rotateZ(0deg); animation:circlezindex01 13s linear infinite;}
.index_box p.img05 span {animation:circle_go 13s linear infinite;}
.index_box p.img05 span a {transform:rotateX(0deg) rotateY(90deg) rotateZ(90deg);width:75px; height:56px;}
.index_box p.img05 span a img { animation:none;}

.index_box p.img06 {transform: rotateX(100deg) rotateY(235deg) rotateZ(0deg); animation:circlezindex01 23s linear infinite;}
.index_box p.img06 span {animation:circle_go 23s linear infinite;}
.index_box p.img06 span a {transform:rotateX(-45deg) rotateY(90deg) rotateZ(90deg);width:98px; height:56px;}
.index_box p.img06 span a img { animation:none;}

.index_box p.img07 {transform: rotateX(100deg) rotateY(135deg) rotateZ(0deg); animation:circlezindex01 10s linear infinite;}
.index_box p.img07 span {animation:circle_go 10s linear infinite;}
.index_box p.img07 span a {transform:rotateX(0deg) rotateY(90deg) rotateZ(130deg);width:83px; height:55px;}
.index_box p.img07 span a img { animation:none;}



@keyframes cartoon01 {
  0% {transform:translateX(-250px) translateY(0px) scale(1);}
  25% {transform:scale(1.4) translateZ(50px);}
  50% {transform:translateX(250px) translateY(0px) scale(1);}
  75% {transform:scale(0.6) translateZ(-50px);}
  100% {transform:translateX(-250px) translateY(0px) scale(1);}
}

@keyframes circle_go { 
    from {
        transform: rotateZ(0deg);
    } to {
        transform: rotateZ(360deg);
    }
}
@keyframes circle_go01 {
	0% {transform:rotateY(0deg); z-index:0;}
    25% {transform:rotateY(90deg);z-index:60;}
	50% {transform:rotateY(180deg);z-index:60;}
	75% {transform:rotateY(270deg);z-index:0;}
	100% {transform:rotateY(360deg);z-index:0;}
}
@keyframes circlezindex {
	0% {z-index:0;}
    25% {z-index:60;}
	50% {z-index:60;}
	75% {z-index:60;}
	100% {z-index:0;}
}
@keyframes circlezindex01 {
	0% {z-index:60;}
    25% {z-index:60;}
	50% {z-index:0;}
	75% {z-index:0;}
	100% {z-index:60;}
}