@CHARSET "UTF-8";
/**
 * <ul class="cloud">
 *  <li class="l1"><a href="#">Level1</a></li>
 *  <li class="l3"><a href="#">level3</a></li>
 *  <li class="l2"><a href="#">level2</a></li>
 *  <li class="l6"><a href="#">level6</a></li>
 * </ul>
 */
ul.cloud {
  margin: 0;
  padding: 0.5em 10px;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

ul.cloud li {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 100%; /* ここで相対的に文字サイズを変更 */
}

ul.cloud li a {
  text-decoration: none;
}

/* タグレベル1～6 */

ul.cloud li.l1 a {
  font-size: 160%;
  font-weight: bold;
  color: #3e5b71;
}

ul.cloud li.l2 a {
  font-size: 140%;
  font-weight: bold;
  color: #668eac;
}

ul.cloud li.l3 a {
  font-size: 120%;
  font-weight: bold;
  color: #668eac;
}

ul.cloud li.l4 a {
  font-size: 100%;
  color: #87a6be;
}

ul.cloud li.l9 a {
  font-size: 90%;
  color: #a7becf;
}

ul.cloud li.l10 a {
  font-size: 80%;
  color: #c7d5e0;
}

/* オンマウス */
ul.cloud li a:hover {
  color: #000;
}