<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type='text/css'>
body {
    width: 700px;
    margin: 0;
    font-size: 0;
}
.ranking {
    width: 700px;
    font-size: 1rem;
}
.ranking h2 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    padding-bottom: 10px;
    color: hsl(212, 99%, 41%);
    padding-left: 5px;
    border-bottom: 4px double hsl(212, 99%, 41%);
    margin: 15px;
}
.ranking a {
    text-decoration: none;
}
.ranking ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ranking ol li {
    float: left;
    margin: 9px;
}
.order img {
    margin-left: 40px;
}
.prod_img img {
    width: 120px;
    height: 120px;
    margin: 10px 0;
    border: 1px solid #cccccc;
}
.prod_name {
    text-decoration: none;
    text-align: center;
    font-size: 70%;
    color: black;
    width: 120px
}
</style>
</head>
<body>
<div class="ranking">
  <ol>
    <li class='no1'> <a href='https://item.rakuten.co.jp/kitcut/517037'  target='_top'>
      <div class='order'><img src='../img/ranking/rank1.jpg' alt='No1' /></div>
      <div class='prod_img'><img src='https://tshop.r10s.jp/kitcut/cabinet/item/165/p-417816.jpg?downsize=500:*' /></div>
      <div class='prod_name'>SwitchBot ハブ2 </div>
      </a> </li>
    <li class='no2'> <a href='https://item.rakuten.co.jp/kitcut/517144/'  target='_top'>
      <div class='order'><img src='../img/ranking/rank2.jpg' alt='No2' /></div>
      <div class='prod_img'><img src='https://tshop.r10s.jp/kitcut/cabinet/item/158/p-418110.jpg?downsize=500:*' /></div>
      </a><div class='prod_name'>FUJITSU PFU ScanSnap SV600 ドキュメントスキャナー</div>
       </li>
    <li class='no3'> <a href='https://item.rakuten.co.jp/kitcut/50289268681/'  target='_top'>
      <div class='order'><img src='../img/ranking/rank3.jpg' alt='No3' /></div>
      <div class='prod_img'><img src='https://tshop.r10s.jp/kitcut/cabinet/item/143/p-388128.jpg?downsize=500:*' /></div>
      <div class='prod_name'> MOBO Keyboard 2 折りたたみキーボード</div>
      </a> </li>
    <li class='no4'> <a href='https://item.rakuten.co.jp/kitcut/50301313871/'  target='_top'>
      <div class='order'><img src='../img/ranking/rank4.jpg' alt='No4' /></div>
      <div class='prod_img'><img src='https://tshop.r10s.jp/kitcut/cabinet/item/157/p-396355.jpg?downsize=500:*' /></div>
      <div class='prod_name'>JBL FLIP 6 防水 ポータブルスピーカー</div>
      </a> </li>
      
    <li class='no5'> <a href='https://item.rakuten.co.jp/kitcut/50957793001/' target='_top'>
      <div class='order'><img src='../img/ranking/rank5.jpg' alt='No5' /></div>
      <div class='prod_img'><img src='https://tshop.r10s.jp/kitcut/cabinet/item/150/p-400753.jpg?downsize=500:*' /></div>
      <div class='prod_name'>
Razer DeathAdder V3 Pro 超軽量 ワイヤレス ゲーミングマウス</div>
      </a> </li>
  </ol>
</div>
<!-- /#ranking -->
<iframe style='height:0px;width:0px;visibility:hidden' src='about:blank'> this frame prevents back forward cache </iframe>
</body>
</html>
��