body {
  text-align: center;
  background-color: #ffffff;
  color: #555555;
  margin: 0px;
}

h1  { 
  background: url(../img/h1.png) no-repeat;
  margin-top: 0em;
  margin-bottom: -0.2em;
  width: 800px;
  height: 314px ;
}

h1 span {
  display:block;
  width:auto;
  text-indent: -3000px;
  font-size: 80%;
  margin-top: 0em;
}

h2 {
 border-bottom: solid 2px #627C6B;
}

h3 {
  font-weight: 400;
  font-size: 100%;
  color: #A00;
}

h4 {
  font-size: 100%;
}

.image {
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #b0d4ce;
  padding: 0.3em;
  font-size: 60%;
}

.clear {
  clear: right;
}

#contents {
  width: 800px;
  margin: 0em auto;
  background-color: #ffffff; 
  text-align: left;
}

#menu  {
  width: 160px;
  float: left;
  font-size: 80%;
  margin-bottom: 2em;
}

div#menu ul {
  list-style-type: none;
}

div#menu ul li {
  margin-left: -3.2em;
}

#main{
  width: 440px;
  margin: 0px 20px 0px 0px;
  letter-spacing: 1px;
  font-size: 80%;
  line-height: 160%;
  color: #555555;
  float: left;
  padding: 0px 20px 0px 0px;
}

div#main ul.osirase li {
  list-style-type: none;
  margin-left: -2em;
  border-bottom: dotted 1px #AFBDB4;
}

div#main p:first-letter {
  font-size: 150%;
  font-weight: bold;
  float: left;
  margin-right: 1px;
}

div#main ul.osirase p:first-letter {
  font-size: 100%;
  font-weight: nomal;
}

div#main div p:first-letter {
   font-size: 100%;
   font-weight: lighter;
   float:none;
   margin-right: 0px;
}

#locality{
  width: 149px;
  float: left;
  font-size: 80%;
  margin-bottom: 2em;
  background-color: #FFF2D8;
  border: solid 1px #FFA10D;
  padding: 0.3em;
}

.new {
  color: #ff0000;
  text-align: center;
  font-weight: bold;
  font-size: 140%;
}

/* fotter */

#footer {
  clear: left;
  color: #ffffff;
  padding: 1em 0em 0em 0em;
  border-top: solid  2px #d3cfc5;
  font-size: 80%;
  line-height: 130%;
  width: 100%;
}

div#footer ul {
  text-align: center;
  margin: 0em 0em 0em  -3.2em;
}

div#footer ul li {
  list-stype-type : none;
  display: inline;
}

div#footer p {
  text-align: center;
  color: #FF9C00;
}



/* index????????ʬ */



a:link {
  text-decoration: none;
  color: #a47325;
  padding: 0em 0.1em;
}

a:visited {
  text-decoration: none;
  color: #8b8375;
  padding: 0em 0.1em;
}

a:hover  {
  color: #d4af74;
  text-decoration: none;
  padding: 0em 0.1em;
}

a:active {
  text-decoration: none;
  color: #555555;
  padding: 0em 0.1em;
}

/* information?ѥ????? */

div.information a:link {
  text-decoration: none;
  color: #e6d0ac;
  padding: 0em 0.1em;
}

div.information a:visited {
  text-decoration: none;
  color: #e6d9c4;
  padding: 0em 0.1em;
}

div.information a:hover  {
  color: #d4af74;
  text-decoration: none;
  padding: 0em 0.1em;
}

div.information a:active {
  text-decoration: none;
  color: #555555;
  padding: 0em 0.1em;
}

/* 汎用table */

table.general {
	width: 90%;
	border-collapse: collapse;
	border: solid 1px #666666;
}

table.general th {
	background-color: #aabd7d;
	padding: 3px;
	border: solid 1px #666666;
	text-align: center;
}

table.general td {
	padding: 3px;
	border: solid 1px #666666;
}