@charset "utf-8";

/* 初期設定
---------------------------------------------------- */
body {
  margin: 0px;
  padding: 0px;
  font-size: small;
  color: ;
  background: ;
  -webkit-text-size-adjust: 100%;
}

}
h1, h2 {
  color: #222;
}
h1 {
  font-size: x-large;
}
h2 {
  font-size: medium;
}
p {
  font-size: ;
  text-indent: 1em;
  line-height: 1.3;
}
  
a:link, a:visited {
  color: black; 
}
a:hover {
  color: #999;
}
section, article, aside, nav, header, footer, hgroup {
  display: block;
}

/* ページの枠組み
---------------------------------------------------- */
#body {
background-image: url(images/kikyou.gif);
background-size: 1760px 451px;
background-repeat: no-repeat;
} 
#page {
  background-color: #b8bfd8;
  margin: 0 auto;
  width: 800px;
}
#video {
    width: px;
    height: px;  
    margin-left: auto;
  margin-right: auto;
}  
#main {
  padding: 0px 10px 0px 10px;
  text-indent: ;
  background-color: #808080;
  float: left;
  width: 550px;
  height: 330px;
}
#sub {
  padding: 0 5px 0 5px;
  font-size: 13px;
  background-color: #00ff00;
  float: right;
  width: 220px;
  height: 330px;
}
#main2 {
  padding: 0px 10px 0px 10px;
  text-indent: 1em;
  background-color: #808080;
  float: right;
  width: 550px;
  overflow: auto;
  height: 400px;
  white-space: pre-wrap;
}
#sub2 {
  padding: 0 5px 0 5px;
  font-size: 14px;
  background-color: #00ff00;
  float: left;
  overflow: auto;
  width: 220px;
  height: 400px;
}
#jyusyokuaisatu {
  width: 700px;
  margin-left: auto;
  margin-right: auto;  
}
#enngi {
  font-size: px;
  width: 700px;
  text-indent: 1em;
  margin-left: auto;
  margin-right: auto;  
}
#hyou {
  width: 700px;
  height: 600px;
  vertical-align: ;
 border-collapse: collapse;
 text-align: ;
 }
#soudai {
 vertical-align: ;
 border-collapse: collapse;
 text-align: left;
 } 
#jichinsai {
 height: 610px;
 }

  
#p1 {
  text-indent: 2em;
}
#p2 {
  height: 500px;
}   
#chizu {
  width: 600px;
  height: 400px;
  text-indent: em;
  margin-left: auto; 
  margin-right: auto ;  
  border-style: solid;
  font-size: 13px;
} 
#p2 {
text-indent: 1em;
}
#img1 { float: left; 
  margin-right: 50px;
} 
#img2 { float: right ; 
  margin-left: 20px;
}
#img3 { float: right ; 
   width: 300px;
  height: 624px;
}
#img4 { float: right ; 
   width: 350px;
  height: 526px;
}
#img5 { float: right;
  width: 350px;
  height: 526;
 } 
#img6,#img7 { float: right ; 
   width: 350px;
  height: auto;
}
#img8 { float: left;
width: 250px;
  height: 570px; 
} 


#counter {
   text-align: center;
}
#oshirase {
   margin: 0px 50px 0px 50px;
}                                                              
footer {
  clear: both;
}
footer section {
  float: left;
  width: 280px;
}
footer section:nth-child(2) {
  margin: 0 30px;
}}

/* ヘッダー
---------------------------------------------------- */
header img {
  display: block;
}

/* ナビゲーション
---------------------------------------------------- */
nav ul {
  overflow: hidden;
  margin: 0 0 5px 0;
  padding: 0;
  border: 1px solid #ddd;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 1px 1px 0 #fff inset, 1px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 0 #fff inset, 1px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 0 #fff, 1px 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.0;
  background: url(images/li-bg.jpg) repeat-x bottom;
} 
nav li, nav a {
  display: block;
}
nav li {
  float: left;
  border-right: 1px solid #ddd;
}
nav a {
  padding: 15px 25px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
}
nav a:hover {
 background: url(images/li-bg-hover.jpg) repeat-x bottom;
}
nav #current a {
 color: #333;
 background: #fff;
}

#dropmenu{ /*メニュー全体のulの設定*/
  list-style-type: none; /*行頭記号の変更*/
  width: 700px;
  height: 32px;/*「#dropmenu li a」の上下のpaddingとfont-sizeの合計*/
  margin: 0px auto 200px;/*メインメニューの上部余白30px サブメニューがドロップダウン高さ最大500px*/
  padding: 0;
  background: #8a9b0f;
  border-bottom: 5px solid #535d09;/*下のボーダーの線種と太さと色*/
  border-radius: 3px 3px 0 0;/*角を丸くする　左上　右上　右下　左下*/
}
#dropmenu li{/*メインメニューのliの設定*/
  position: relative;/*相対配置モード　表示位置の基準*/
  width: 10%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{/*メインメニューのリンク部分*/
  display: block;/*ブロックレベル要素と同様の表示にする*/
  margin: 0;
  padding: 10px 0 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 11px;/*行の高さ 上下のpaddingとfont-sizeの合計*/
  text-decoration: none;/*テキストに下線を表示*/
}
#dropmenu li:hover > a{/*疑似クラス　マウスを乗せた時の色の設定　メイン、サブ共通*/
  background: #6e7c0c;
  color: #eff7b1;
}
#dropmenu > li:hover > a{/*疑似クラス　メインメニューにマウスを乗せた時上側の角を丸くする　＞をはさむことで子要素のみ適用*/
  border-radius: 3px 3px 0 0;
}

/*ここからサブメニュー*/
#dropmenu li ul{/*サブメニュー全体のul #dropmenu liを基準に絶対値で表示位置を指定*/
  list-style: none;/*行頭記号を表示させない*/
  position: absolute;/*絶対配置モード*/
  top: 48%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{/*サブメニューのなかの最後のli*/
  left: -100%;
  width: 100%
}
#dropmenu li ul li{/*サブメニューのli*/
  overflow: hidden;/*初期状態では「overflow: hidden;」で表示されないようにしています*/
  width: 150%;
  height: 0;/*初期状態では「height: 0;」で表示されないようにしています*/
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{/*サブメニューのリンクです。メインメニューのリンクと違う部分のみ*/
  padding: 5px 5px;
  background: #6e7c0c;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 22px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}
.ichijisage {
 padding-left: 1em;
 text-indent: -1em;
}    
#urabonne-1,#sotouba-1,#segaki-1,#fuji-1,#higann-1,#haka-1,#butukyou-1{
 margin-bottom: 650px;
}

#urabonne,#sotouba,#segaki,#fuji,#higann,#haka,#butukyou,#haka,#butukyou{
 padding-top: 100px;
}
 
/* サイドバー
---------------------------------------------------- */

/* フッター
-----------
----------------------------------------- */
footer {
  border-top: 1px solid #ccc;
}
#copyright {
  padding-top: 20px;
  text-align: center;
  color: #000000;
}