body, h1, h2, h3, h4, h5, div, p, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
}
html, body, div#footer {
  height: 90%;
}
img {
  border:  none;
}
body {
  background : #ccff99 url(border.png) repeat scroll 0% 50%;
}
h1 {
  display: inline;
  float: left;
}
h2 {
  border: 1px solid #006633;
  margin: 10px 0;
  padding: 0.2em;
  background: #99cc66 none repeat scroll 0% 50%;
  font-size: 1.5em;
  color: #006633;
  font-weight: bold;
}
h3 {
  border-left: 10px solid #006633;
  border-bottom: 1px dotted #006633;
  margin: 10px 0;
  font-size: 1.5em;
  color: #006633;
  font-weight: bold;
  padding-left: 0.2em;
}
div#contents-text {
  padding: 0 10px;
}
div#header {
  border-top: 5px solid #99cc66;
  margin: 0 auto;
  padding: 0 10px;
  background: #ffffff none repeat scroll 0% 50%;
  width: 780px;
}
a.toplink {
  font-weight: bold;
}
a:link {
  color: #ff9966;
}
a:visited {
  color: #ff9966;
}
a:hover {
  color: #669966;
}
a:active {
  color: #669966;
}
ul#main-menu {
  margin-top: 2px;
}
ul#main-menu li {
  border-style: dotted dotted dotted;
  border-color: #006633 #006633 #006633;
  border-width: 1px 1px 1px;
  background : #ccff99 url(icon-menu2.png) no-repeat scroll 1em center;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ul#main-menu li.first {
  border-top: medium none;
}
ul#main-menu li.last {
  border-bottom: 1px dotted #006633;
}
ul#main-menu li.gn-title {
  border: 1px solid #006633;
  padding: 0.1em 0 0.1em 0.2em;
  background: #99cc66 none repeat scroll 0% 50%;
  color: #006633;
  font-weight: bold;
  font-size: 1.3em;
}
ul#main-menu li.goindex {
  border:  none;
  background: transparent none repeat scroll 0% 50%;
}
ul#main-menu li.gn a {
  padding: 0 0 0 2em;
  display: block;
  width: 10em;
}
ul#main-menu li.gn a:link {
  text-decoration: none;
}
ul#main-menu li.gn a:visited {
  text-decoration: none;
}
ul#main-menu li.gn a:hover {
  text-decoration: none;
  color: #ff9966;
}
ul#main-menu li.gn a:active {
  text-decoration: none;
}
ul#main-menu li.gn:hover {
  border: 1px dotted #006633;
  background : #99cc99 url(img/icon-menu2.png) no-repeat scroll 1em center;
}
ul#main-menu li.now {
  padding: 0 0 0 2em;
  background : #99cc99 url(icon-menu2.png) no-repeat scroll 1em center;
  color: #006633;
}
ul#main-menu li.con {
  padding: 0 0 0 2em;
  color: #999999;
}
dl.recent dt {
  clear: both;
  float: left;
  width: 6em;
}
dl.recent dd {
  margin-left: 6em;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}

table.data {
	width:500px;
    border-collapse: separate;
    border-spacing:0;
    empty-cells:show;
    border-top:1px solid #063;
    border-right:none;
    border-bottom:none;
    border-left:1px solid #063;
}
.data th {
    background:#cf9; text-align:left; width:7em;
}
.data th, .data td {
    border-top,border-left:none;
    border-right:1px solid #063;
    border-bottom:1px solid #063;
    border-left:none;
    padding:0.5em;   
}


p#mainp {
  margin-top: 10px;
}
div#welcome h2, div#whatsnew h2, div#event h2 {
  border:  none;
  background: transparent none repeat scroll 0% 50%;
}
div#welcome, div#whatsnew, div#event {
  margin-left: 1em;
}
ul#about {
  margin-left: 1em;
}
ul#target li {
  margin-left: 10px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ul#target li dl dt {
  margin-left: 0em;
  font-size: 2em;
}
ul#target li dl dd {
  margin-left: 2em;
  padding-bottom: 1em;
}
ul#target li.means {
  list-style-type: disc;
  list-style-image: none;
  list-style-position: outside;
}
p.song-authors {
  text-align: right;
}
p.song-text {
  margin-bottom: 10px;
}
div#greeting-p {
  float: left;
  margin-right: 10px;
}
div#greeting-t {
  width: 550px;
}
div#greeting-t p {
  padding: 10px;
}
div#greeting-t p#sig {
  font-family: serif;
  font-size: 2em;
  font-weight: bold;
  text-align: right;
}
ul.higashi-jhs-greeting li{
  margin-left:1em;
}