/**
 *  @fileoverview CSS3でマウス追尾
 *  @author       Tohl SMALLFIELD
 */
/*----- reset -----*/
html,body,div,p,span{
    margin: 0; padding: 0;
}
body{
    overflow: hidden;
}
/*----- wrapper -----*/
#wrapper{
    width: 465px; height: 465px;
    background-color: #000;
    background-image: -webkit-gradient(radial, center center, 100, center center, 300, from(#026), to(#000));
    background-image: -moz-radial-gradient(center 45deg, circle closest-side, #026 25%, #000 90%);
    -webkit-transition: -webkit-transform .5s ease-out;
}
#wrapper:active{
    -webkit-transform: scale(1.2, 1.2);
}
/*----- grid -----*/
#wrapper div{
    position: absolute;
    width:  31px; height: 31px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 1px #09f inset;
    -moz-box-shadow:    0 0 1px #09f inset;
    box-shadow:         0 0 1px #09f inset;
}
#wrapper div div{
    margin-left: 31px;
}
.c1 .c1{
    top: 31px; left: -465px;
}
/*----- arrow -----*/
p{
    position: absolute;
    top: 0; left: 0;
    width: 31px; height: 31px;
    margin: -217px 0 0 -217px;
    -webkit-transition: all .4s ease-out/* .1s*/;
}
/*
p:nth-of-type(2){
    opacity: .5;
    -webkit-transition-duration: .5s;
}
p:nth-of-type(3){
    opacity: .2;
    -webkit-transition-duration: .6s;
}
*/
span{
    position: absolute;
    top: 15px; left: 15px;
    width: 0; height: 0;
    -webkit-transition: all .5s ease-out;
    -webkit-transform: rotate(0deg);
}
span:after,
span:before{
    display: block;
    position: absolute;
    top: -5px;
    border-right:  30px solid transparent;
    border-bottom: 17px solid #09f;
    border-left:   30px solid transparent;
    content: "";
}
span:after{
    left: -32px;
    -webkit-transform: rotate(110deg);
    -moz-transform:    rotate(110deg);
    transform:         rotate(110deg);
}
span:before{
    left: -27px;
    -webkit-transform: rotate(-110deg);
    -moz-transform:    rotate(-110deg);
    transform:         rotate(-110deg);
}
@-webkit-keyframes "orbit"{
    0% {
        -webkit-transform: rotate(0deg);
    } 100% {
        -webkit-transform: rotate(360deg);
    }
}
p:hover{
    -webkit-transition: all 1000s linear 1000s;
}
p:hover span{
    -webkit-animation-name: orbit;
    -webkit-animation-property: all;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
body:active span:before,
body:active span:after{
    border-bottom-color: #f06;
}
/*-----  -----*/
.r1.c1:hover   p{ top: -217px; left: -217px; -webkit-transform: rotate(-45deg); }
.r1  .c2:hover p{ top: -217px; left: -186px; -webkit-transform: rotate(-41deg); }
.r1  .c3:hover p{ top: -217px; left: -155px; -webkit-transform: rotate(-36deg); }
.r1  .c4:hover p{ top: -217px; left: -124px; -webkit-transform: rotate(-30deg); }
.r1  .c5:hover p{ top: -217px; left:  -93px; -webkit-transform: rotate(-23deg); }
.r1  .c6:hover p{ top: -217px; left:  -62px; -webkit-transform: rotate(-16deg); }
.r1  .c7:hover p{ top: -217px; left:  -31px; -webkit-transform: rotate(-8deg); }
.r1  .c8:hover p{ top: -217px; left:      0; -webkit-transform: rotate(0deg); }
.r1  .c9:hover p{ top: -217px; left:   31px; -webkit-transform: rotate(8deg); }
.r1 .c10:hover p{ top: -217px; left:   62px; -webkit-transform: rotate(16deg); }
.r1 .c11:hover p{ top: -217px; left:   93px; -webkit-transform: rotate(23deg); }
.r1 .c12:hover p{ top: -217px; left:  124px; -webkit-transform: rotate(30deg); }
.r1 .c13:hover p{ top: -217px; left:  155px; -webkit-transform: rotate(36deg); }
.r1 .c14:hover p{ top: -217px; left:  186px; -webkit-transform: rotate(41deg); }
.r1 .c15:hover p{ top: -217px; left:  217px; -webkit-transform: rotate(45deg); }

.r2.c1:hover   p{ top: -186px; left: -217px; -webkit-transform: rotate(-49deg); }
.r2  .c2:hover p{ top: -186px; left: -186px; -webkit-transform: rotate(-45deg); }
.r2  .c3:hover p{ top: -186px; left: -155px; -webkit-transform: rotate(-40deg); }
.r2  .c4:hover p{ top: -186px; left: -124px; -webkit-transform: rotate(-34deg); }
.r2  .c5:hover p{ top: -186px; left:  -93px; -webkit-transform: rotate(-27deg); }
.r2  .c6:hover p{ top: -186px; left:  -62px; -webkit-transform: rotate(-18deg); }
.r2  .c7:hover p{ top: -186px; left:  -31px; -webkit-transform: rotate(-9deg); }
.r2  .c8:hover p{ top: -186px; left:      0; -webkit-transform: rotate(0deg); }
.r2  .c9:hover p{ top: -186px; left:   31px; -webkit-transform: rotate(9deg); }
.r2 .c10:hover p{ top: -186px; left:   62px; -webkit-transform: rotate(18deg); }
.r2 .c11:hover p{ top: -186px; left:   93px; -webkit-transform: rotate(27deg); }
.r2 .c12:hover p{ top: -186px; left:  124px; -webkit-transform: rotate(34deg); }
.r2 .c13:hover p{ top: -186px; left:  155px; -webkit-transform: rotate(40deg); }
.r2 .c14:hover p{ top: -186px; left:  186px; -webkit-transform: rotate(45deg); }
.r2 .c15:hover p{ top: -186px; left:  217px; -webkit-transform: rotate(49deg); }

.r3.c1:hover   p{ top: -155px; left: -217px; -webkit-transform: rotate(-54deg); }
.r3  .c2:hover p{ top: -155px; left: -186px; -webkit-transform: rotate(-50deg); }
.r3  .c3:hover p{ top: -155px; left: -155px; -webkit-transform: rotate(-45deg); }
.r3  .c4:hover p{ top: -155px; left: -124px; -webkit-transform: rotate(-39deg); }
.r3  .c5:hover p{ top: -155px; left:  -93px; -webkit-transform: rotate(-31deg); }
.r3  .c6:hover p{ top: -155px; left:  -62px; -webkit-transform: rotate(-22deg); }
.r3  .c7:hover p{ top: -155px; left:  -31px; -webkit-transform: rotate(-11deg); }
.r3  .c8:hover p{ top: -155px; left:      0; -webkit-transform: rotate(0deg); }
.r3  .c9:hover p{ top: -155px; left:   31px; -webkit-transform: rotate(11deg); }
.r3 .c10:hover p{ top: -155px; left:   62px; -webkit-transform: rotate(22deg); }
.r3 .c11:hover p{ top: -155px; left:   93px; -webkit-transform: rotate(31deg); }
.r3 .c12:hover p{ top: -155px; left:  124px; -webkit-transform: rotate(39deg); }
.r3 .c13:hover p{ top: -155px; left:  155px; -webkit-transform: rotate(45deg); }
.r3 .c14:hover p{ top: -155px; left:  186px; -webkit-transform: rotate(50deg); }
.r3 .c15:hover p{ top: -155px; left:  217px; -webkit-transform: rotate(54deg); }

.r4.c1:hover   p{ top: -124px; left: -217px; -webkit-transform: rotate(-60deg); }
.r4  .c2:hover p{ top: -124px; left: -186px; -webkit-transform: rotate(-56deg); }
.r4  .c3:hover p{ top: -124px; left: -155px; -webkit-transform: rotate(-51deg); }
.r4  .c4:hover p{ top: -124px; left: -124px; -webkit-transform: rotate(-45deg); }
.r4  .c5:hover p{ top: -124px; left:  -93px; -webkit-transform: rotate(-37deg); }
.r4  .c6:hover p{ top: -124px; left:  -62px; -webkit-transform: rotate(-27deg); }
.r4  .c7:hover p{ top: -124px; left:  -31px; -webkit-transform: rotate(-14deg); }
.r4  .c8:hover p{ top: -124px; left:      0; -webkit-transform: rotate(0deg); }
.r4  .c9:hover p{ top: -124px; left:   31px; -webkit-transform: rotate(14deg); }
.r4 .c10:hover p{ top: -124px; left:   62px; -webkit-transform: rotate(27deg); }
.r4 .c11:hover p{ top: -124px; left:   93px; -webkit-transform: rotate(37deg); }
.r4 .c12:hover p{ top: -124px; left:  124px; -webkit-transform: rotate(45deg); }
.r4 .c13:hover p{ top: -124px; left:  155px; -webkit-transform: rotate(51deg); }
.r4 .c14:hover p{ top: -124px; left:  186px; -webkit-transform: rotate(56deg); }
.r4 .c15:hover p{ top: -124px; left:  217px; -webkit-transform: rotate(60deg); }

.r5.c1:hover   p{ top:  -93px; left: -217px; -webkit-transform: rotate(-67deg); }
.r5  .c2:hover p{ top:  -93px; left: -186px; -webkit-transform: rotate(-63deg); }
.r5  .c3:hover p{ top:  -93px; left: -155px; -webkit-transform: rotate(-59deg); }
.r5  .c4:hover p{ top:  -93px; left: -124px; -webkit-transform: rotate(-53deg); }
.r5  .c5:hover p{ top:  -93px; left:  -93px; -webkit-transform: rotate(-45deg); }
.r5  .c6:hover p{ top:  -93px; left:  -62px; -webkit-transform: rotate(-34deg); }
.r5  .c7:hover p{ top:  -93px; left:  -31px; -webkit-transform: rotate(-18deg); }
.r5  .c8:hover p{ top:  -93px; left:      0; -webkit-transform: rotate(0deg); }
.r5  .c9:hover p{ top:  -93px; left:   31px; -webkit-transform: rotate(18deg); }
.r5 .c10:hover p{ top:  -93px; left:   62px; -webkit-transform: rotate(34deg); }
.r5 .c11:hover p{ top:  -93px; left:   93px; -webkit-transform: rotate(45deg); }
.r5 .c12:hover p{ top:  -93px; left:  124px; -webkit-transform: rotate(53deg); }
.r5 .c13:hover p{ top:  -93px; left:  155px; -webkit-transform: rotate(59deg); }
.r5 .c14:hover p{ top:  -93px; left:  186px; -webkit-transform: rotate(63deg); }
.r5 .c15:hover p{ top:  -93px; left:  217px; -webkit-transform: rotate(67deg); }

.r6.c1:hover   p{ top:  -62px; left: -217px; -webkit-transform: rotate(-74deg); }
.r6  .c2:hover p{ top:  -62px; left: -186px; -webkit-transform: rotate(-72deg); }
.r6  .c3:hover p{ top:  -62px; left: -155px; -webkit-transform: rotate(-68deg); }
.r6  .c4:hover p{ top:  -62px; left: -124px; -webkit-transform: rotate(-63deg); }
.r6  .c5:hover p{ top:  -62px; left:  -93px; -webkit-transform: rotate(-56deg); }
.r6  .c6:hover p{ top:  -62px; left:  -62px; -webkit-transform: rotate(-45deg); }
.r6  .c7:hover p{ top:  -62px; left:  -31px; -webkit-transform: rotate(-27deg); }
.r6  .c8:hover p{ top:  -62px; left:      0; -webkit-transform: rotate(0deg); }
.r6  .c9:hover p{ top:  -62px; left:   31px; -webkit-transform: rotate(27deg); }
.r6 .c10:hover p{ top:  -62px; left:   62px; -webkit-transform: rotate(45deg); }
.r6 .c11:hover p{ top:  -62px; left:   93px; -webkit-transform: rotate(56deg); }
.r6 .c12:hover p{ top:  -62px; left:  124px; -webkit-transform: rotate(63deg); }
.r6 .c13:hover p{ top:  -62px; left:  155px; -webkit-transform: rotate(68deg); }
.r6 .c14:hover p{ top:  -62px; left:  186px; -webkit-transform: rotate(72deg); }
.r6 .c15:hover p{ top:  -62px; left:  217px; -webkit-transform: rotate(74deg); }

.r7.c1:hover   p{ top:  -31px; left: -217px; -webkit-transform: rotate(-82deg); }
.r7  .c2:hover p{ top:  -31px; left: -186px; -webkit-transform: rotate(-81deg); }
.r7  .c3:hover p{ top:  -31px; left: -155px; -webkit-transform: rotate(-79deg); }
.r7  .c4:hover p{ top:  -31px; left: -124px; -webkit-transform: rotate(-76deg); }
.r7  .c5:hover p{ top:  -31px; left:  -93px; -webkit-transform: rotate(-72deg); }
.r7  .c6:hover p{ top:  -31px; left:  -62px; -webkit-transform: rotate(-63deg); }
.r7  .c7:hover p{ top:  -31px; left:  -31px; -webkit-transform: rotate(-45deg); }
.r7  .c8:hover p{ top:  -31px; left:      0; -webkit-transform: rotate(0deg); }
.r7  .c9:hover p{ top:  -31px; left:   31px; -webkit-transform: rotate(45deg); }
.r7 .c10:hover p{ top:  -31px; left:   62px; -webkit-transform: rotate(63deg); }
.r7 .c11:hover p{ top:  -31px; left:   93px; -webkit-transform: rotate(72deg); }
.r7 .c12:hover p{ top:  -31px; left:  124px; -webkit-transform: rotate(76deg); }
.r7 .c13:hover p{ top:  -31px; left:  155px; -webkit-transform: rotate(79deg); }
.r7 .c14:hover p{ top:  -31px; left:  186px; -webkit-transform: rotate(81deg); }
.r7 .c15:hover p{ top:  -31px; left:  217px; -webkit-transform: rotate(82deg); }

.r8.c1:hover   p{ top:      0; left: -217px; -webkit-transform: rotate(-90deg); }
.r8  .c2:hover p{ top:      0; left: -186px; -webkit-transform: rotate(-90deg); }
.r8  .c3:hover p{ top:      0; left: -155px; -webkit-transform: rotate(-90deg); }
.r8  .c4:hover p{ top:      0; left: -124px; -webkit-transform: rotate(-90deg); }
.r8  .c5:hover p{ top:      0; left:  -93px; -webkit-transform: rotate(-90deg); }
.r8  .c6:hover p{ top:      0; left:  -62px; -webkit-transform: rotate(-90deg); }
.r8  .c7:hover p{ top:      0; left:  -31px; -webkit-transform: rotate(-90deg); }
.r8  .c8:hover p{ top:      0; left:      0; -webkit-transform: rotate(0deg); }
.r8  .c9:hover p{ top:      0; left:   31px; -webkit-transform: rotate(90deg); }
.r8 .c10:hover p{ top:      0; left:   62px; -webkit-transform: rotate(90deg); }
.r8 .c11:hover p{ top:      0; left:   93px; -webkit-transform: rotate(90deg); }
.r8 .c12:hover p{ top:      0; left:  124px; -webkit-transform: rotate(90deg); }
.r8 .c13:hover p{ top:      0; left:  155px; -webkit-transform: rotate(90deg); }
.r8 .c14:hover p{ top:      0; left:  186px; -webkit-transform: rotate(90deg); }
.r8 .c15:hover p{ top:      0; left:  217px; -webkit-transform: rotate(90deg); }

.r9.c1:hover   p{ top:   31px; left: -217px; -webkit-transform: rotate(-98deg); }
.r9  .c2:hover p{ top:   31px; left: -186px; -webkit-transform: rotate(-99deg); }
.r9  .c3:hover p{ top:   31px; left: -155px; -webkit-transform: rotate(-101deg); }
.r9  .c4:hover p{ top:   31px; left: -124px; -webkit-transform: rotate(-104deg); }
.r9  .c5:hover p{ top:   31px; left:  -93px; -webkit-transform: rotate(-108deg); }
.r9  .c6:hover p{ top:   31px; left:  -62px; -webkit-transform: rotate(-117deg); }
.r9  .c7:hover p{ top:   31px; left:  -31px; -webkit-transform: rotate(-135deg); }
.r9  .c8:hover p{ top:   31px; left:      0; -webkit-transform: rotate(180deg); }
.r9  .c9:hover p{ top:   31px; left:   31px; -webkit-transform: rotate(135deg); }
.r9 .c10:hover p{ top:   31px; left:   62px; -webkit-transform: rotate(117deg); }
.r9 .c11:hover p{ top:   31px; left:   93px; -webkit-transform: rotate(108deg); }
.r9 .c12:hover p{ top:   31px; left:  124px; -webkit-transform: rotate(104deg); }
.r9 .c13:hover p{ top:   31px; left:  155px; -webkit-transform: rotate(101deg); }
.r9 .c14:hover p{ top:   31px; left:  186px; -webkit-transform: rotate(99deg); }
.r9 .c15:hover p{ top:   31px; left:  217px; -webkit-transform: rotate(98deg); }

.r10.c1:hover   p{ top:  62px; left: -217px; -webkit-transform: rotate(-106deg); }
.r10  .c2:hover p{ top:  62px; left: -186px; -webkit-transform: rotate(-108deg); }
.r10  .c3:hover p{ top:  62px; left: -155px; -webkit-transform: rotate(-112deg); }
.r10  .c4:hover p{ top:  62px; left: -124px; -webkit-transform: rotate(-117deg); }
.r10  .c5:hover p{ top:  62px; left:  -93px; -webkit-transform: rotate(-124deg); }
.r10  .c6:hover p{ top:  62px; left:  -62px; -webkit-transform: rotate(-135deg); }
.r10  .c7:hover p{ top:  62px; left:  -31px; -webkit-transform: rotate(-153deg); }
.r10  .c8:hover p{ top:  62px; left:      0; -webkit-transform: rotate(180deg); }
.r10  .c9:hover p{ top:  62px; left:   31px; -webkit-transform: rotate(153deg); }
.r10 .c10:hover p{ top:  62px; left:   62px; -webkit-transform: rotate(135deg); }
.r10 .c11:hover p{ top:  62px; left:   93px; -webkit-transform: rotate(124deg); }
.r10 .c12:hover p{ top:  62px; left:  124px; -webkit-transform: rotate(117deg); }
.r10 .c13:hover p{ top:  62px; left:  155px; -webkit-transform: rotate(112deg); }
.r10 .c14:hover p{ top:  62px; left:  186px; -webkit-transform: rotate(108deg); }
.r10 .c15:hover p{ top:  62px; left:  217px; -webkit-transform: rotate(106deg); }

.r11.c1:hover   p{ top:  93px; left: -217px; -webkit-transform: rotate(-113deg); }
.r11  .c2:hover p{ top:  93px; left: -186px; -webkit-transform: rotate(-117deg); }
.r11  .c3:hover p{ top:  93px; left: -155px; -webkit-transform: rotate(-121deg); }
.r11  .c4:hover p{ top:  93px; left: -124px; -webkit-transform: rotate(-127deg); }
.r11  .c5:hover p{ top:  93px; left:  -93px; -webkit-transform: rotate(-135deg); }
.r11  .c6:hover p{ top:  93px; left:  -62px; -webkit-transform: rotate(-146deg); }
.r11  .c7:hover p{ top:  93px; left:  -31px; -webkit-transform: rotate(-162deg); }
.r11  .c8:hover p{ top:  93px; left:      0; -webkit-transform: rotate(180deg); }
.r11  .c9:hover p{ top:  93px; left:   31px; -webkit-transform: rotate(162deg); }
.r11 .c10:hover p{ top:  93px; left:   62px; -webkit-transform: rotate(146deg); }
.r11 .c11:hover p{ top:  93px; left:   93px; -webkit-transform: rotate(135deg); }
.r11 .c12:hover p{ top:  93px; left:  124px; -webkit-transform: rotate(127deg); }
.r11 .c13:hover p{ top:  93px; left:  155px; -webkit-transform: rotate(121deg); }
.r11 .c14:hover p{ top:  93px; left:  186px; -webkit-transform: rotate(117deg); }
.r11 .c15:hover p{ top:  93px; left:  217px; -webkit-transform: rotate(113deg); }

.r12.c1:hover   p{ top: 124px; left: -217px; -webkit-transform: rotate(-120deg); }
.r12  .c2:hover p{ top: 124px; left: -186px; -webkit-transform: rotate(-124deg); }
.r12  .c3:hover p{ top: 124px; left: -155px; -webkit-transform: rotate(-129deg); }
.r12  .c4:hover p{ top: 124px; left: -124px; -webkit-transform: rotate(-135deg); }
.r12  .c5:hover p{ top: 124px; left:  -93px; -webkit-transform: rotate(-143deg); }
.r12  .c6:hover p{ top: 124px; left:  -62px; -webkit-transform: rotate(-153deg); }
.r12  .c7:hover p{ top: 124px; left:  -31px; -webkit-transform: rotate(-166deg); }
.r12  .c8:hover p{ top: 124px; left:      0; -webkit-transform: rotate(180deg); }
.r12  .c9:hover p{ top: 124px; left:   31px; -webkit-transform: rotate(166deg); }
.r12 .c10:hover p{ top: 124px; left:   62px; -webkit-transform: rotate(153deg); }
.r12 .c11:hover p{ top: 124px; left:   93px; -webkit-transform: rotate(143deg); }
.r12 .c12:hover p{ top: 124px; left:  124px; -webkit-transform: rotate(135deg); }
.r12 .c13:hover p{ top: 124px; left:  155px; -webkit-transform: rotate(129deg); }
.r12 .c14:hover p{ top: 124px; left:  186px; -webkit-transform: rotate(124deg); }
.r12 .c15:hover p{ top: 124px; left:  217px; -webkit-transform: rotate(120deg); }

.r13.c1:hover   p{ top: 155px; left: -217px; -webkit-transform: rotate(-126deg); }
.r13  .c2:hover p{ top: 155px; left: -186px; -webkit-transform: rotate(-130deg); }
.r13  .c3:hover p{ top: 155px; left: -155px; -webkit-transform: rotate(-135deg); }
.r13  .c4:hover p{ top: 155px; left: -124px; -webkit-transform: rotate(-141deg); }
.r13  .c5:hover p{ top: 155px; left:  -93px; -webkit-transform: rotate(-149deg); }
.r13  .c6:hover p{ top: 155px; left:  -62px; -webkit-transform: rotate(-158deg); }
.r13  .c7:hover p{ top: 155px; left:  -31px; -webkit-transform: rotate(-169deg); }
.r13  .c8:hover p{ top: 155px; left:      0; -webkit-transform: rotate(180deg); }
.r13  .c9:hover p{ top: 155px; left:   31px; -webkit-transform: rotate(169deg); }
.r13 .c10:hover p{ top: 155px; left:   62px; -webkit-transform: rotate(158deg); }
.r13 .c11:hover p{ top: 155px; left:   93px; -webkit-transform: rotate(149deg); }
.r13 .c12:hover p{ top: 155px; left:  124px; -webkit-transform: rotate(141deg); }
.r13 .c13:hover p{ top: 155px; left:  155px; -webkit-transform: rotate(135deg); }
.r13 .c14:hover p{ top: 155px; left:  186px; -webkit-transform: rotate(130deg); }
.r13 .c15:hover p{ top: 155px; left:  217px; -webkit-transform: rotate(126deg); }

.r14.c1:hover   p{ top: 186px; left: -217px; -webkit-transform: rotate(-131deg); }
.r14  .c2:hover p{ top: 186px; left: -186px; -webkit-transform: rotate(-135deg); }
.r14  .c3:hover p{ top: 186px; left: -155px; -webkit-transform: rotate(-140deg); }
.r14  .c4:hover p{ top: 186px; left: -124px; -webkit-transform: rotate(-146deg); }
.r14  .c5:hover p{ top: 186px; left:  -93px; -webkit-transform: rotate(-153deg); }
.r14  .c6:hover p{ top: 186px; left:  -62px; -webkit-transform: rotate(-162deg); }
.r14  .c7:hover p{ top: 186px; left:  -31px; -webkit-transform: rotate(-171deg); }
.r14  .c8:hover p{ top: 186px; left:      0; -webkit-transform: rotate(180deg); }
.r14  .c9:hover p{ top: 186px; left:   31px; -webkit-transform: rotate(171deg); }
.r14 .c10:hover p{ top: 186px; left:   62px; -webkit-transform: rotate(162deg); }
.r14 .c11:hover p{ top: 186px; left:   93px; -webkit-transform: rotate(153deg); }
.r14 .c12:hover p{ top: 186px; left:  124px; -webkit-transform: rotate(146deg); }
.r14 .c13:hover p{ top: 186px; left:  155px; -webkit-transform: rotate(140deg); }
.r14 .c14:hover p{ top: 186px; left:  186px; -webkit-transform: rotate(135deg); }
.r14 .c15:hover p{ top: 186px; left:  217px; -webkit-transform: rotate(131deg); }

.r15.c1:hover   p{ top: 217px; left: -217px; -webkit-transform: rotate(-135deg); }
.r15  .c2:hover p{ top: 217px; left: -186px; -webkit-transform: rotate(-139deg); }
.r15  .c3:hover p{ top: 217px; left: -155px; -webkit-transform: rotate(-144deg); }
.r15  .c4:hover p{ top: 217px; left: -124px; -webkit-transform: rotate(-150deg); }
.r15  .c5:hover p{ top: 217px; left:  -93px; -webkit-transform: rotate(-157deg); }
.r15  .c6:hover p{ top: 217px; left:  -62px; -webkit-transform: rotate(-164deg); }
.r15  .c7:hover p{ top: 217px; left:  -31px; -webkit-transform: rotate(-172deg); }
.r15  .c8:hover p{ top: 217px; left:      0; -webkit-transform: rotate(180deg); }
.r15  .c9:hover p{ top: 217px; left:   31px; -webkit-transform: rotate(172deg); }
.r15 .c10:hover p{ top: 217px; left:   62px; -webkit-transform: rotate(164deg); }
.r15 .c11:hover p{ top: 217px; left:   93px; -webkit-transform: rotate(157deg); }
.r15 .c12:hover p{ top: 217px; left:  124px; -webkit-transform: rotate(150deg); }
.r15 .c13:hover p{ top: 217px; left:  155px; -webkit-transform: rotate(144deg); }
.r15 .c14:hover p{ top: 217px; left:  186px; -webkit-transform: rotate(139deg); }
.r15 .c15:hover p{ top: 217px; left:  217px; -webkit-transform: rotate(135deg); }