/*
 * navigation3.css
 * ナビゲーション・バー（１ページ内に複数存在できる）を作成する。
 */

div#contents ul.navbar {
  clear: both;
  margin: 0;
  padding: 0;
}

div#contents ul.navbar li {
  display: block;			/* メニューを横並びにする */
  float: left;
  margin: 0.5em 0;			/* view portや上下にある他の要素との間隔を調整 */
  padding: 0;
  list-style-type: none;
}

div#contents ul.navbar li a {
  display: block;			/* window の幅が狭くても、メニュー同士を重ねない */
  text-decoration: none;
  border-left: 1px solid black;		/* メニュー間に区切りを入れる */
  padding: 0.2em 0.5em;			/* クリックできる範囲を広げる */
}

div#contents ul.navbar li a:focus,
div#contents ul.navbar li a:hover {
  text-decoration: underline;
}