@charset "UTF-8";


#navi ul {
  height: 2.5em;

}

#navi ul li {

  display: inline;
  float: left;

  margin: 0;
  padding-left: 15px;
  padding-right: 0.5em;
}


#navi ul li a {
  color: #ffffff;
  margin: 0 20px 0 0;
  padding: 6px 10px 5px 10px;
  display: block;
  border: none;
  background: #808000;
  font-weight: normal;
}

#navi a:hover {
  color: #808000;
  border-bottom: none;
  background: none ;
  text-decoration: underline;
}


/* 作例でのサイドナビゲーション（背景画像型ではナビゲーション
   ボックス）の設定です */

#sidenavi {
 float: left;
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: transparent no-repeat;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin: 0;
  /* --- パディングを設定してください --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding: 0;
  /* --- 枠を設定してください --- */
  border: none;
/*  border-bottom: 1px solid #EEEEEE  */
}





/* 作例では，フッタメニューを罫線を利用して横並びにしています */
#footer ul {
  margin-bottom: 4px;
  padding: 0;
  border-left: 1px solid #CCCCCC;
}

#footer ul li {
  display: inline;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #CCCCCC;
}


/* 作例でのサイドコンテンツの設定です */
#sidebox .contents ul {
  margin: 0 0 0 1.4em;
  padding: 0;
}

#sidebox .contents ul li {
  margin-bottom: 0.5em;
}

.toptitle1 {
  margin: 0;
  letter-spacing: 0.1em;

}

.toptitle2 {
  margin: 0;
  letter-spacing: 0.2em;
}

.toptitle3 {
  margin: -5px 0 0 20px;
 
}

.contentsmain {

  margin: 25px 0 20px 0;

}

p.contentsmain:first-letter {
  color: #f79964;
  float: left;
  font-weight: normal;
  font-size: 3em;
  line-height: 1em;
  margin-right: 0px;


}