/*
 * common.css
 * 各ページ共通部分（ナビゲーションを除く）のスタイルを設定する。
 */

/* 画像 */
img {
  border: none;				/* （リンクの設定された）画像にボーダーを描画しない */
}

/* 区切り線 */
hr {
  display: none;			/* 区切り線は表示しない */
}

/* ヘッダー */
div#header {				/* 背景画像 */
  background-image: url(./bgimages/DSC00054_w273_h60.jpg);
  background-position: 50em top;
  background-repeat: no-repeat;
}

div#header h1 {
  font-size: 1.2em;
}

div#header h1 span {			/* 施設名の英語表記 */
  font-size: 80%;
}

div#header img {
  float: left;
  margin: 0 2.0em 0.5em 0.5em;
  width: 100px;
}

/* ユーティリティ */
nav div#utility, div#utility {
  clear: both;
}

nav div#utility h3, div#utility h3 {
  display: none;
}

nav div#utility ul, div#utility ul {
  margin: 0.5em 0;
  padding: 0;
}

nav div#utility ul li, div#utility ul li {
  list-style-type: none;
  display: inline;			/* 横並びのリスト */
  margin-right: 1em;
}

/* 内容領域(div#contents) */
article, div#contents {
  clear: both;				/* 本文はナビゲーションの下に配置 */
  padding-top: 0.5em;			/* ナビゲーションと内容の間隔を調整; margin-topでの調整は難しい */
  padding-bottom: 0.5em;		/* フローティング要素以外の要素とフッターの間隔を調整 */
}

article h2#c-title, div#contents h2#c-title {		/* 内容領域の見出し(contents title) */
  clear: both;
  display: none;			/* サイト・ナビゲーションで代用するので不要 */
}

/* 見出し */
article > section > h2, article > section > h3, article > section > h1, article > h2, article > h3, div#contents > h2,
div#contents > h3 {
  clear: both;
  border-bottom: 2px solid orange;
}

article > section > h4, article > section > h5, article > h4, article > h5, article > section > section > h1, div#contents > h4,
div#contents > h5 {
  clear: both;
  border-left: 0.5em solid orange;
  padding-left: 0.5em;
}


/* 見出しの中の画像 */
article > section > h2 img, article > section > h3 img, article > h2 > img, article > h3 > img, article > section > section > h1 img, div#contents > h2 img,
div#contents > h3 img {
  width: 35px;
}

/* 表（テーブル） */
article table, div#contents table {
  border-collapse: collapse;
  border: 2px solid gray;
}

article table th, div#contents table th {
  border: 1px solid gray;
  padding: 0.1em 0.5em;
  background-color: orange;
}

article table td, div#contents table td {
  border: 1px solid gray;
  padding: 0.1em 0.5em;
}

/* フッター */
footer, div#footer {
  clear: both;
  margin-top: 0.5em;
  border-top: 1px solid black;
  width: 100%;				/* borderの左右に均等にmarginを配置する */
}