/* 
―――――――――――――――――――――――――――――――――――
教員情報に適用する設定
―――――――――――――――――――――――――――――――――――
※ID名が重複するので、index.css より後に読み込むこと

４ボックスを仮定
・トップ→preface
・中間に左右二分割→sidebar, contents
・下段→postface
*/


/* ■■■ 全体の設定 ■■■ */


/* リンクの配色 */
a, a:link, a:visited {
  text-decoration: none;
  color: #3333B2;
  }
a:hover {
  text-decoration: underline;
  }

/* ■■■ ボックス配置 ■■■ */
#preface {
  clear: both;
  padding: 2em 16px 0;
  border-bottom: 1px #72BB4A solid;
  }

#sidebar {
  float: left;
  width: 240px;
  margin: 0;
  padding: 10px;
  }

#contents {
  float: right;
  width: 520px;
  margin: 0;
  padding: 10px;
  }

#postface {
  clear: both;
  margin: 0;
  padding: 10px;
  border-top: 1px #72BB4A solid;
  }

/* ■■■ ヘッダ ID=preface ■■■ */

#preface p {
  padding: 0.5em 2em;
  font-size: small;
  font-family: sans-serif;
  line-height: 1.5em;
  }

#preface h1 {
  margin: 0;
  padding: 0.5em;
  font-size: large;
  font-family: sans-serif;
  color: white;
  background-color: #90C773;
  }

/* ■■■ サイドバー ■■■ */

#sidebar p {
  margin: 0.2em 10px 0.5em 10px;
  padding: 0;
  font-size: small;
  line-height: 1.5em;
  }

#sidebar h2 {
  margin: 30px 0 0 0;
  padding: 0.2em 20px;
  color: white;
  font-weight: bold;
  font-size: medium;
  background-color: #90C773;
  }

#sidebar h3 {
  margin: 0;
  padding: 0.2em 10px;
  font-size: medium;
  color: #72BB4A;
  }

#sidebar ul {
  font-size: small;
  line-height: 1.5em;
  margin-top: 0;
  padding-left: 20px;
  list-style-type: disc;
  }


/* ■■■ 研究概要 ■■■ */
/* ■■■ 学生向け ■■■ */

#contents p {
  margin: 1em 10px;
  padding: 0 10px;
  font-size: small;
  line-height: 1.4em;
  }

#postface p {
  margin: 1em 10px;
  padding: 0 2em;
  font-size: small;
  line-height: 1.4em;
  }

#contents h2 {
  margin: 0;
  padding: 0.5em 10px;
  font-size: medium;
  color: white;
  background-color: #90C773;
  }

#contents h3, #postface h3 {
  margin: 0;
  padding: 5px 10px 0 10px;
  font-size: medium;
  color: #72BB4A;
  }