@charset "utf-8";
BODY {
  background: #c6df8f url(../images/bg_yagi.png) top left repeat-x;
  margin: 0;
  padding: 0;
  text-align: center;
}

DIV#outer {
  line-height: 1.0;
  margin: 0 auto;
  padding: 0 auto;
  text-align: center;
  width: 800px;
}

DIV#upper {  /* 屋根部分800px */
  background: #f3f4c2 url(../images/upper.png) no-repeat;
  color: yellow;
  font-size: 14px;
  height: 25px;
  padding: 5px 20px 0 0;
  text-align: right;
  width: 780px;
}
DIV#upper A {
  color: yellow;
  text-decoration: none;
}
DIV#upper A:hover {
  color: red;
  text-decoration: none;
}

DIV#header {
  background: #44700a url(../images/logo.png) no-repeat;
  height: 90px;
  margin: 0 auto;
  width: 770px;
}

DIV#main {
  background: #ffffff;
  border: #556a00 solid 1px;
  margin: 0 auto;
  width: 768px;
}

DIV#h_menu {
  background: #e8ff95;
  width: 768px;
}
DIV#h_menu A {
  background: #e8ff95;
  border-bottom: #556a00 solid 1px;
  color: #44700a;
  display: block;
  float: left;
  font-size: 16px;
  letter-spacing: 0.8em;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  width: 153px;
}
DIV#h_menu A.home {
  letter-spacing: 0.4em;
  width: 156px;
}
DIV#h_menu A.access {
  letter-spacing: 0.4em;
}
DIV#h_menu A.now {
  background: #9ece00;
  color: white;
}
DIV#h_menu A:hover {
  background: #9ece00;
  color: red;
}

DIV#contents {
  clear: both;
  line-height: 1.5;
  margin: 0 20px;
  padding: 20px 0;
  text-align: left;
  width: 728px;
}
DIV#contents_a {
  float: left;
  margin-top: 30px;
  width: 300px;
}
DIV#contents_b {
  float: left;
  margin: 30px 0 0 28px;
  width: 400px;
}

DIV#footer {
  color: #44700a;
  font-size: 12px;
  padding: 10px 10px 30px 10px;
  text-align: center;
  width: 770px;
}
DIV#symbol {
  margin-top: 20px;
}
DIV#symbol IMG {
  margin: 5px 10px;
}

H3.dai {
  padding: 10px 0 5px 0;
  text-align: left;
}

DIV.back {
  border-bottom: #9ece00 solid 1px;
  border-top: #9ece00 solid 1px;
  clear: both;
  margin-top: 15px;
  text-align: center;
}
DIV.back A {
  color: #44700a;
  text-decoration: none;
}

TABLE.hyou {
  border-collapse: collapse;
  border: #556a00 solid 1px;
  margin: 15px 30px;
}
TABLE.hyou TH,
TABLE.hyou TD {
  border: #556a00 solid 1px;
  padding: 3px 5px;
  vertical-align: top;
}
TABLE.hyou TH {
  background: #c8e1b5;
  text-align: right;
  white-space: nowrap;
}
TABLE.hyou TD.midashi {
  background: #505050;
  color: #ffffff;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.0;
  text-align: center;
}
TABLE.hyou .n_w {
  white-space: nowrap;
}
TABLE.hyou .hasen {
  border-bottom: #556a00 dashed 1px;
  border-top: #556a00 dashed 1px;
}

.dropcap B {
  color: #44700a;
  font-size: 120%;
  font-weight: bold;
}
.dropcap:first-letter {
  background: #9ece00;
  border: #44700a solid 2px;
  color: white;
  float: left;
  font-size: 250%;
  line-height: 1.0;
  padding: 5px;
  margin-right: 3px;
}

.sage {
  margin-left: 20px;
}

.obi {
  background: #f4ffce url(../images/leaf.gif) bottom right no-repeat;
  border: #9ece00 solid 1px;
  clear: both;
  letter-spacing: 0.5em;
  font-weight: bold;
  margin: 40px 0 10px 0;
  padding: 2px 2px 2px 20px;
}

DIV.photo {
  color: #808080;
  font-size: 85%;
  text-align: center;
}
.aboutphoto {
  color: #808080;
  font-size: 85%;
  margin: 30px 10px 30px 0;
  text-align: right;
}

UL.tree {
  line-height: 1.2;
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
}
UL.tree UL {
  margin: 0 0 0 5px;
  padding: 0 0 10px 0;
  
}
UL.tree LI {
  margin: 0;
  padding: 0 0 0 16px;
  background-image: url(../images/tree_lst.gif);
  background-repeat: no-repeat;
  list-style: none;
}
UL.tree LI.tree_end {
  background-image: url(../images/tree_end.gif);
  list-style: none;
}

.clear30 {
  clear: both;
  height: 30px;
}

DL#whatsnew {
  font-size: 90%;
  margin-left: 20px;
  padding: 0;
}
DL#whatsnew DT {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
DL#whatsnew DD {
  margin: 0;
  padding: 0 0 10px 20px;
}