*{
  margin: 0;
  padding: 0;
  
}



.mainFrame {

height:400px;
width:300px; 
margin:auto auto; 
border: 4px solid #222;
font-size:14px;
line-height:22px;

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#optionArea {
  text-align:left;
}

#optionArea li{
width:180px; border:1px solid #aaa; padding:4px; list-style-type: none; padding:14px; margin:8px; float:left;
}

.divOptionArea1{
 width:456px; border:1px solid #ccc; float:left; 
}
.divOptionArea2{
 width:220px; border:1px solid #ccc; float:right;
}


.cadenceBtn{
width:50px;
height: 50px;
font-size:20px;
font-weight:bold;
color:#666;
}


.playBtn{
width:40px;
height:40px;
font-size:20px;
font-weight:bold;
color:#666;
}