p#irsample1,p#irsample2,.post ul#irsample3,.post ul#irsample4,.post
ul#irsample5{border:1px
solid #d8d8d8;margin-bottom:2em;padding-left:0}.post ul#irsample3 li,.post ul#irsample4 li,.post ul#irsample5
li{list-style:none}p#irsample1 a,p#irsample2 a,ul#irsample3 a,ul#irsample4
a{border:none}#irsample1{width:480px;height:0;padding-top:100px;overflow:hidden;background:url(http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100901-2.png) no-repeat}#irsample2{width:480px;height:100px}#irsample2
a{width:100%;height:0;padding-top:100px;overflow:hidden;display:block;background:url(http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100901-6.png) no-repeat 0 0}#irsample2 a:hover{background-position:0 -200px}#irsample2 a:active{background-position:0 -100px}#irsample3{width:480px;height:60px;padding:0;margin:0}#irsample3
li{display:inline}#irsample3
a{float:left;width:160px;height:0;padding-top:60px;overflow:hidden;display:block;background:url(http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100901-1.png) no-repeat}#irsample3 .ranzatsu
a{background-position:0 0}#irsample3 .mock
a{background-position:-160px 0}#irsample3 .up
a{background-position:-320px 0}#irsample3 .ranzatsu a:hover{background-position:0 -60px}#irsample3 .mock a:hover{background-position:-160px -60px}#irsample3 .up a:hover{background-position:-320px -60px}#irsample3 .ranzatsu a:active{background-position:0 -120px}#irsample3 .mock a:active{background-position:-160px -120px}#irsample3 .up a:active{background-position:-320px -120px}#irsample4{width:480px;height:60px;padding:0;margin:0;/zoom:1}#irsample4:after{content:'';display:block;clear:both;height:0}#irsample4
li{float:left}#irsample4
a{width:160px;height:0;padding-top:60px;overflow:hidden;display:block;background:url(http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100901-1.png) no-repeat}#irsample4 .ranzatsu2
a{background-position:0 0}#irsample4 .mock2
a{background-position:-160px 0}#irsample4 .up2
a{background-position:-320px 0}#irsample4 .ranzatsu2 a:hover{background-position:0 -60px}#irsample4 .mock2 a:hover{background-position:-160px -60px}#irsample4 .up2 a:hover{background-position:-320px -60px}#irsample4 .ranzatsu2 a:active{background-position:0 -120px}#irsample4 .mock2 a:active{background-position:-160px -120px}#irsample4 .up2 a:active{background-position:-320px -120px}#irsample5{width:160px;height:180px}#irsample5
a{width:160px;height:0;padding-top:60px;overflow:hidden;display:block;background:url(http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100901-1.png) no-repeat}#irsample5 .ranzatsu
a{background-position:0 0}#irsample5 .mock
a{background-position:-160px 0}#irsample5 .up
a{background-position:-320px 0}#irsample5 .ranzatsu a:hover{background-position:0 -60px}#irsample5 .mock a:hover{background-position:-160px -60px}#irsample5 .up a:hover{background-position:-320px -60px}#irsample5 .ranzatsu a:active{background-position:0 -120px}#irsample5 .mock a:active{background-position:-160px -120px}#irsample5 .up a:active{background-position:-320px -120px}.example
li{width:12em;text-align:center;padding:1em;background:#d8d8d8;margin:5px}@-webkit-keyframes 'ani1'{0%{-webkit-transform:translate(0,0)}25%{-webkit-transform:translate(75%,100%)}50%{-webkit-transform:translate(50%,50%)}75%{-webkit-transform:translate(25%,100%)}100%{-webkit-transform:translate(100%, 0%)}}.ani1:hover
li{-webkit-animation-name:'ani1';-webkit-animation-duration:1s;-webkit-animation-direction:alternate;-webkit-animation-iteration-count:infinite}.ani2:hover
li{-webkit-animation:'ani1' 1s 0.5s infinite alternate}.ani1
.ease{-webkit-animation-timing-function:ease}.ani1
.linear{-webkit-animation-timing-function:linear}.ani1 .ease-in{-webkit-animation-timing-function:ease-in}.ani1 .ease-out{-webkit-animationn-timing-function:ease-out}.ani1 .ease-in-out{-webkit-animation-timing-function:ease-in-out}.ani2
li.ease{-webkit-animation-timing-function:ease}.ani2
li.linear{-webkit-animation-timing-function:linear}.ani2 li.ease-in{-webkit-animation-timing-function:ease-in}.ani2 li.ease-out{-webkit-animationn-timing-function:ease-out}.ani2 li.ease-in-out{-webkit-animation-timing-function:ease-in-out}.tra1
li{-webkit-transition-duration:1s}.tra1:hover
li{-webkit-transform:translate(100%, 0)}.tra1
.ease{-webkit-transition-timing-function:ease}.tra1
.linear{-webkit-transition-timing-function:linear}.tra1 .ease-in{-webkit-transition-timing-function:ease-in}.tra1 .ease-out{-webkit-transition-timing-function:ease-out}.tra1 .ease-in-out{-webkit-transition-timing-function:ease-in-out}