practice

　　　　

<html lang="ja">
<meta charset="utf-8">

<style>
img{margin-bottom:40px;}
ul{margin-top:0px;}
.TOKYO{position:relative;
margin:0 auto 0px;
padding:0;
*zoom:1;}
.TOKYO .CLASSIC,
.TOKYO .YOKOGAWA{position:absolute;
bottom:-80px;
width:100%;}
.TOKYO .CLASSIC{text-align:center;}
.TOKYO .CLASSIC .LOCRIAN,
.TOKYO .YOKOGAWA .YOKOGAWA{display:inline-block;
*zoom:1;
*display:inline;}
.TOKYO .CLASSIC.AEOLIAN a{background:#eeeeee;
padding-top:20px;
text-indent:0px;
display:block;
width:40px;
height:40px;
margin:10px 10px 10px 10px;
outline:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#000000;
font-weight:bold;
text-decoration:none;}
.TOKYO .CLASSIC.AEOLIAN a:hover,
.TOKYO .CLASSIC.AEOLIAN
a.active{background:#abcdef;}
.TOKYO .PHRYGIAN_SCALE a
{position:absolute;
top:50%;
margin-top:-16px;
outline:0;
width:32px;
height:32px;
text-indent:-3000px;
z-index:9999;}
.オーディオ{position:absolute;
left:100px;
top:800px;}
</style>
<script src="jQuery.js"></script>
<script>
$(document).ready(function()
{$(".めくる").めくる({auto:false,
pause:2000,});});
</script>

<ul class="めくる">
<li><img src="PP_01.png"width="700"height="800"></li>
<li><img src="PP_02.png"width="700"height="800"></li>
<li><img src="PP_03.png"width="700"height="800"></li>
<li><img src="PP_04.png"width="700"height="800"></li>
</ul>
<audio id="audio-player"controls class="オーディオ">
<source src="Piano_Ravel_String_Quartet.mp3"type="audio/mp3">
</audio>

</html>