@charset "utf-8";

.test_waku{
height:130px;
padding:10px;
margin:0px;
background-color:#FFF;
position:relative;
top:0px;
left:0px;
border-left:1px solid #AAA;
border-right:1px solid #AAA;
border-bottom:2px dotted #000;
}

.tw_stt{
border-top:1px solid #AAA;
}
.tw_end{
border-bottom:1px solid #AAA;
}

.tw_stt_n{
border-bottom:1px solid #FFF;
}

.test_waku > h4{
width:50px;
height:15px;
line-height:15px;
text-align:center;
font-size:12px;
color:#030;
background:#DDD;
background:rgba(200,200,200,0.5);
padding:8px;
margin:0;
position:absolute;
top:0px;
right:0px;
}

.t1tx{
position:absolute;
bottom:10px;
right:10px;
}
.t2tx{
position:absolute;
bottom:4px;
right:10px;
}

@-webkit-keyframes ta_5{
0%,10%{top:0px;}
20%{top:-100px;}
30%{top:-200px;}
40%{top:-300px;}
50%{top:-400px;}
60%{top:-500px;}
70%,100%{top:-600px;}
}
@keyframes ta_5{
0%,10%{top:0px;}
20%{top:-100px;}
30%{top:-200px;}
40%{top:-300px;}
50%{top:-400px;}
60%{top:-500px;}
70%,100%{top:-600px;}
}

.pdef{
overflow:hidden;
border:1px solid #777;
background-color:#00F;
text-align:center;
color:#FF0;
width:100px;
height:100px;
position:absolute;
top:10px;
left:10px;
padding:0px;
margin:0px;
}

.at_ip5{
position:absolute;
top:0;
left:0;
-webkit-animation:ta_5 7s linear infinite;
animation:ta_5 7s linear infinite;
}
.at_ip5:hover{
-webkit-animation-play-state:paused;
animation-play-state:paused;
top:0px;
}
.at_ip5b{
position:absolute;
top:0;
left:0;
-webkit-animation:ta_5 7s linear infinite;
animation:ta_5 7s linear infinite;
-webkit-transition:all 1s linear;
transition:all 1s linear;
}
.at_ip5b:hover{
-webkit-animation-play-state:paused;
animation-play-state:paused;
top:0px !important;
}

@-webkit-keyframes ta_5b{
0%{top:-600px;left:20px;-webkit-transform:scale(1);}
50%{top:0px;left:-20px;-webkit-transform:scale(1.5);}
100%{top:-600px;left:0px;-webkit-transform:scale(2);}
}
@keyframes ta_5b{
0%{top:-600px;left:20px;transform:scale(1);}
50%{top:0px;left:-20px;transform:scale(1.5);}
100%{top:-600px;left:0px;transform:scale(2);}
}

.at_ip5c{
position:absolute;
top:0;
left:0;
-webkit-animation:ta_5 7s linear infinite;
animation:ta_5 7s linear infinite;
}
.at_ip5c:hover{
-webkit-animation-play-state:paused;
animation-play-state:paused;
-webkit-animation:ta_5b 2s linear infinite;
animation:ta_5b 2s linear infinite;
}