/*
 * specimens.css
 * specimens.htmlのスタイルを設定する。
 */

/* 資料（標本）グループの見出し */
div#contents h3 {		/* div#contents h2要素はcommon.cssにより非表示 */
  clear: both;
  margin-bottom: 0;		/* 資料名の見出しとの間隔をあけない */
  border: none;
  padding-left: 0.5em;
  background-color: orange;
}

/* 資料名（標本名）の見出し */
div#contents h4 {
  clear: both;
  margin: 0;
  margin-top: 0;		/* 資料グループの見出しとの間隔をあけない */
  margin-bottom: 0;		/* 見出しと写真上端との間隔 */
  border: none;
  padding-left: 0.5em;
  background-color: #ddd;
}

/* 資料（標本）の写真 */
div#contents img {
  margin: 0 1.0em 1.5em 0;	/* 解説文との間隔1.0em、次の資料名の見出しとの間隔1.5em */
  width: 250px;
  float: left;
  clear: both;
}

/* 箇条書きの解説文 */
div#contents ul {		/* 写真の下にリスト項目が回り込まないようにする */
  margin-left: 250px;		/* 写真の幅と同じ左マージン */
  padding-left: 2em;		/* 写真右端とリスト・マーカーとの間隔を調整 */
}

/* 箇条書きの解説文のリスト項目 */
div#contents ul li {		/* 写真と解説文の位置関係はulの方で調整する */
  margin-left: 0;
  padding-left: 0;
}