/* --- 一般 --- */
body {
  margin: 0;
  padding: 0;
  color: black;
  font-family: Verdana;
}

a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a img {
  border: 0;
}

p, h1, h2, ul, ol, table {
  margin-top: 0;
}

p, ul, ol, table, h3 {
  font-size: 90%;
  margin-bottom: 1em;
  line-height: 1.5;
  margin-left: 18px;
}

li ul, li ol, table p, table ul, table ol {
  font-size: 100%;
}

h1 {
  font-size: 1.2em;
  margin-bottom: 2em;
  color: black;
  background-color: #ddeeff;
  padding: 0.1em 0.5em;
}

h2 {
  font-size: 90%;
  margin: 0 0 1.5em;
  background: url(/images/h2_back.gif) no-repeat;
  height: 26px;
  width:598px;
  line-height: 26px;
  padding-left: 10px;
  margin-left: 14px;
}

h3 {
  border-bottom: dotted 2px #888;
}

strong {
  color: #800;
}

/* --- フレーム --- */
div#container {
  width: 790px;
  margin: 0 auto;
  position: relative;
}

/* --- ヘッダー --- */
div#header {
  color: white;
  font-weight: bold;
  text-align: right;
  height: 23px;
  background: gray url(/images/header.png) no-repeat;
}

div#header p {
  font-size: 9pt;
}

div#header a {
  color: white;
}

div#header p {
  margin: 0;
  padding-top: 3px;
  padding-right: 12px;
}

div#logo {
  color: #666;
  height: 50px;
}

div#logo .logo {
  margin: 0 20px 0 0;
  padding: 3px 0 0;
  background: transparent;
  border: none;
  background-color: transparent;
  width: 153px;
  float: left;
}

div#logo h1 {
  background-color: transparent;
  padding-top: 18px;
  font-size: 10pt;
}

div#logo h2 {
  margin: 0;
  padding-top: 18px;
  font-size: 12pt;
  background-color: transparent;
}

/* --- 左メニュー --- */
ul#left_menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  left: 0;
  top: 80px;
  z-index: 1;
  line-height: 1.0;
}

ul#left_menu li {
  margin: 0;
}

ul#left_menu a {
  color: #049;
}

/* --- 写真 --- */
div#photo {
  position: absolute;
  left: 135px;
  top: 73px;
  height: 400px;
  width: 655px;
}

div.default {
  background: url(/images/background/default.jpg) no-repeat;
}

div.pattern {
  background: url(/images/background/pattern.jpg) no-repeat;
}

div.gull {
  background: url(/images/background/gull.jpg) no-repeat;
}

div.stump {
  background: url(/images/background/stump.jpg) no-repeat;
}

div.whiteboard {
  background: url(/images/background/whiteboard.jpg) no-repeat;
}

div.forest {
  background: url(/images/background/forest.jpg) no-repeat;
}

div.shore {
  background: url(/images/background/shore.jpg) no-repeat;
}

div.train {
  background: url(/images/background/train.jpg) no-repeat;
}

div.wakaba {
  background: url(/images/background/wakaba.jpg) no-repeat;
}

div.green {
  background: url(/images/background/green.jpg) no-repeat;
}

div.kikyu {
  background: url(/images/background/kikyu.jpg) no-repeat;
}

/* ---  --- */
div#main {
  position: absolute;
  left: 135px;
  top: 473px;
  width: 610px;
  background: url(/images/background/frame.jpg);
  padding-right: 15px;
  padding-left: 30px;
}

div#content {
  position: relative;
  clear: both;
  margin-top: -70px;
}

div#footer {
  font-size: 8pt;
  color: gray;
  text-align: center;
}

div#footer a {
  color: gray;
}

div#footer p.footer1 {
  padding-bottom: 8px;
  background: url(/images/line_footer.gif) bottom repeat-x;
  margin: 0;
}

div#footer p.footer2 {
  margin: 0;
  padding: 4px 0;
}

/* -- トピックス一覧ページ -- */
table.topics {
  font-size: 90%;
  margin-bottom: 40px;
}

table.topics tr {
  background: url(/images/top/line_topic.gif) repeat-x left bottom;
}

table.topics td {
  padding-top: 8px;
  padding-bottom: 8px;
}

table.topics p {
  margin: 0;
  line-height: 1.5;
}


/* -- etc -- */

div.note {
  font-size: 90%;
  margin: 10px;
  margin-left: 14px;
  padding: 10px;
  color: #040;
  border: solid 2px black;
}

div.code {
  font-family: monospace;
  font-size: 90%;
  margin: 10px;
  padding: 10px;
  color: #044;
  border: solid 1px black;
}

div.eyecatch {
  margin: 10px;
  padding: 10px;
  background: #167ee5;
  color: white;
  border: solid 2px black;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  margin-left: 18px;
  -moz-border-radius: 10px;
}

div.eyecatch a {
  color: #fff;
}