*  { 
          padding : 0px ; 
          margin : 0px ; 
} 
/* 壁紙 */
body {
         background-image: url(image/kabeg2.jpg);
         background-repeat: repeat-x;
         background-attachment: fixed;
         background-color: #ffffff;
} 

/* サイトボックス */
#wrapper {
	width: 900px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#ffffff;
}

/* ヘッター */
#header {
          background-color: #cccc99;
          background-image: url(image/fsb1.gif);
          background-repeat   : no-repeat;
          background-position : centercenter;
          width : 900px;
          height:130px;
          padding : 0px;  
          font-size : 14px ;
}



#middle {
	width: 900px;
	background-color: #ffffff;
	margin: 0px;

}
#left {
	float: left;
	width: 180px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color:#ffffff;
	margin:0px;
        font-size : 14px 
}
#right {
	float: left;
	width: 700px;
	padding-top: 0px;
	padding-right: 5px;
	background-color:#ffffff;
	margin:0px;	
        font-size : 14px 
}

#footer {
          clear: left;
　　　  　width: 900px;
   	  background-color:#ffffff;
          font-size : 12px; 
          color:#333333;
          padding : 30px 15px 30px 15px ;
          text-align: center
}



/* ドロップダウンメニュー */
/* メニュー全体 */
#dropmenu {  
   list-style-type: none;  
   width: 900px;  /* メニュー全体の幅 */
   height: 30px;  /* フォントサイズと上下の余白の合計１４、１５、１１ */
   margin: 0px auto 0px;  /*上、左右、下*/
   padding: 0;  
   background: #999966;  /* 背景色 */
   border-bottom: 5px solid #666600;  /* ボーダー設定 */
   border-radius: 3px 3px 0 0;  /* 角丸指定 */
}  
/* メインメニュー設定 */
#dropmenu li {  
   position: relative;  /* サブメニューの表示基準 */
   width: 20%;  /* リスト幅メインメニューの数による */
   float: left;  
   margin: 0;  
   padding: 0;  
   text-align: center;  
 }  
/* メインメニューリンク設定 */
#dropmenu li a {  
   display: block;  /* ブロックでリンク */
   margin: 0;  
   padding: 9px 0 7px;  /* 上下の余白 */
   color: #ffffff;  
   font-size: 14px;  
   font-weight: bold;  /* 太字 */
   line-height: 1;  /* 行間指定、フォントサイズと余白の合計となる */
   text-decoration: none;  /* リンクの下線を消す */
 }  
 /* オンマウス時設定 */
#dropmenu li:hover > a{  
   background: #666600; 
   color: #ffffff;  
 }  
 /* オンマウス時の上角丸　子要素のみ */
#dropmenu > li:hover > a{  
   border-radius: 3px 3px 0 0;  
 }  
/* サブメニュー設定 */
#dropmenu li ul {  
   position: absolute;  /* サブメニューの表示位置設定 */
   top: 100%;  /* メインメニューの真下 */
   left: 0;  
   list-style: none;  /* リストマーカー非表示 */
   margin: 0;  
   border-radius: 0 0 3px 3px;   /* 下角丸設定 */
 }  
/* 変化設定 */
 #dropmenu li ul li{  
   overflow: hidden;  
   width: 100%;  /* サブメニュー横幅設定 */
   height: 0;  
   color: #fff;  
   -moz-transition: .2s;  
   -webkit-transition: .2s;  
   -o-transition: .2s;  
   -ms-transition: .2s;  
   transition: .2s;  
 }  

 #dropmenu li ul li a{  
   padding: 8px 10px;  
   background: #cccc99;  
   text-align: left;  
   font-size: 12px;  
 }  

 #dropmenu li:hover ul li{  
   overflow: visible;  
/* オーバーフロー表示 */
   height: 28px;  /* サブメニュー高さ設定 */
   border-top: 1px solid #cccc99;  
   border-bottom: 1px solid #666600;  
 }  
/* 一番上のボーダーを消す */
 #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;  /* 一番下の角丸 */  
 } 


/* ヘッターメニュー */

#headermenu ul{
float:right; 
list-style: none; 
padding:0;
margin:0;
}
#headermenu li{
padding: 0; 
margin: 0;
float: left;
}
#headermenu li a{
display: block;
width: 80px;
border-bottom: 1px dotted #555;
text-decoration: none;
color: #555;
padding: 0px 0px 0px 20px;
margin: 0px 2px;
text-align: left;
font-size: 14px;
}
#headermenu li a:hover{
background:url(image/yar1.gif) no-repeat left center;
}


/* サイドメニュー */

#leftmenu ul{ 
margin: 0; 
padding :0; 
list-style: none; 
}
#leftmenu li{ 
padding :0; 
margin:0; 
}
#leftmenu li a{
display: block;
background: url(image/bg1.gif) no-repeat left center;
padding: 2px 0px 3px 18px;
color:#555;
width: 150px;
margin: 1px 0px;
text-decoration:none;
border-bottom: 1px dotted #666666;
font-size: 14px;
}
#leftmenu li a:hover{
background: url(image/by1.gif) no-repeat left center;
}

/* サイドメニュー２*/

#leftmenu2 ul{ 
margin: 0; 
padding :0; 
list-style: none; 
}
#leftmenu2 li{ 
padding :0; 
margin:0; 
}
#leftmenu2 li a{
display: block;
background: url(image/br1.gif) no-repeat left center;
padding: 2px 0px 3px 18px;
color:#555;
width: 150px;
margin: 1px 0px;
text-decoration:none;
border-bottom: 1px dotted #666666;
font-size: 14px;
}
#leftmenu2 li a:hover{
background: url(image/by1.gif) no-repeat left center;
}


/* フッターメニュー */

#fmenu ul{
list-style: none; 
padding:0;
margin:0;
}
#fmenu li{
padding: 0; 
margin: 0;
float: left;
}
#fmenu li a{
display: block;
width: 120px;
border-bottom: 1px dotted #555;
text-decoration: none;
font-weight:normal;
color: #333333;
padding: 0px 0px 0px 20px;
margin: 0px 2px;
text-align: left;
font-size: 12px;
}
#fmenu li a:hover{
background:url(image/onpu2.gif) no-repeat left center;
}





/* 通常リンク部分 */

a img{
          border : none; /* 画像の枠線を消す */
}          


a {
         text-decoration:none; /* リンク部分の下線を消す */
}
a:link {
         font-weight: bold;  /* 太字 */
         color:#333333;
}               /* まだ見ていないリンク色 */
a:visited {
         font-weight: bold;  /* 太字 */
         color:#333333; 
}               /* 既に見たリンク色 */
a:hover {
        color:#996633;               /* マウスが上に来た時の文字色設定 */ 
}

/* サブリンク部分 */

#sub a {
         text-decoration:none; /* リンク部分の下線を消す */
         display:block;/* ブロックにリンク */
}
#sub a:link {
         color:#333333;
}               /* まだ見ていないリンク色 */
#sub a:visited {
         color:#333333; 
}               /* 既に見たリンク色 */
#sub a:hover {
        color:#808080;               /* マウスが上に来た時の文字色設定 */ 
}






/* アンカー１リンク部分クラス仕様 */

a.ar1 {
         text-decoration:none; /* リンク部分の下線を消す */
}
a.ar1:link {
         color:#333300;
}               /* まだ見ていないリンク色 */
a.ar1:visited {
         color:#333300; 
}               /* 既に見たリンク色 */
a.ar1:hover {
        color:#333300;               /* マウスが上に来た時の文字色設定 */ 
}

/* アンカー２リンク部分クラス仕様 */

a.ar2 {
         text-decoration:none; /* リンク部分の下線を消す */
}
a.ar2:link {
         color:#660000;
}               /* まだ見ていないリンク色 */
a.ar2:visited {
         color:#660000; 
}               /* 既に見たリンク色 */
a.ar2:hover {
        color:#660000;               /* マウスが上に来た時の文字色設定 */ 
}



    /* 行間 */
.line-height_15 { line-height:150%; }

    /* 文字の間隔 */
.letter-spacing_5 { letter-spacing:5px; }



h1{
       font-size:9px;
       color:#ffffff;
       font-weight:normal;
       margin:0px;
       padding:5px 5px 5px 10px;
}
h2{
      font-size:16px;
      border-bottom:1px solid #555500;
      border-left:10px solid #555500;
      padding:5px 5px 5px 5px;
      color:#555500;
      width:320px;
      margin:5px 5px 5px 5px;
}


h3{
     font-size: 15px;
     border-left:10px solid #a9a98d;
     text-align: left;
     color: #333300;
     background-color: #e4dfcc;
     margin: 0px;
     padding: 8px 8px 8px 12px;
     width: 400px;
}

h4{
     font-size: 15px;
     color: #666666;
     text-align: left;
     margin: 0px;
     padding: 8px 8px 8px 12px;
}

h5{
     font-size: 15px;
     border-left:10px solid #a9a98d;
     text-align: left;
     color: #333300;
     background-color: #e4dfcc;
     margin: 0px 0px 0px 50px;
     padding: 8px 8px 8px 12px;
     width: 400px;
}


.midashi1 {
     border: 0px;
     text-align: left;
     background: #ffffff url(image/bg1.gif) no-repeat left center;
     font-size: 15px;
     color: #333300;
     border-bottom: 1px dotted #333333;
     padding: 8px 0px 0px 25px;
     width: 400px;
     height: 24px;
}

.midashi2 {
     border: 0px;
     text-align: left;
     background: #ffffff url(image/br1.gif) no-repeat left center;
     font-size: 15px;
     color: #660000;
     border-bottom: 1px dotted #333333;
     padding: 8px 0px 0px 25px;
     width: 400px;
     height: 24px;
}






p{
     font-size:14px;
     color:#333333;
     padding : 5px 5px 5px 10px;
}

/* 行間変更 */

.gyo {
     line-height: 170%;
}




 /* 文字囲み */

.kakomi1{
     border-style: solid ; 
     border-width: 1px;
     padding: 10px 5px 10px 20px;
     background: #cccc99;
     border-color: #336600;
     color: #666633;  
     font-size: 15px;  
     font-weight: bold;
     width: 145px;
     border-radius: 10px;
     box-shadow: 5px 5px 5px #AAA;
}

.kakomi2{
     border-style: solid ; 
     border-width: 1px;
     padding: 10px 5px 10px 20px;
     background: #ffcccc;
     border-color: #996666;
     color: #663333;  
     font-size: 15px;  
     font-weight: bold;
     width: 145px;
     border-radius: 10px;
     box-shadow: 5px 5px 5px #AAA;
}

.kakomi3{
     border-style: solid ; 
     border-width: 1px;
     padding: 10px 5px 10px 20px;
     background: #ffffcc;
     border-color: #cccc99;
     color: #996633;  
     font-size: 15px;  
     font-weight: bold;
     width: 145px;
     border-radius: 10px;
     box-shadow: 5px 5px 5px #AAA;
}





/* マップ部分 */
#map{
     margin: 5px aut 5px;
     width: 586px;
     height: 390px;
     border: 2px solid #336600;
     margin-bottom: 2px;
}


/* 画像回り込み */
p .hidari {
  float: left;  /* 画像左 */
  margin-right: 1.5em;
  margin-bottom: 1em;
}

p .migi {
  float: right;  /* 画像右 */
  margin-left: 1.5em;
  margin-bottom: 1em;
}

p.kaijo {
 clear: both; } /* 解除 */　



/* テーブル */
.t_01{
  width: 100%;
  border-collapse: collapse;
}
.t_01 th{
  padding: 6px;
  vertical-align: top;
  color: #333;
  font-size:14px;
  background-color: #eee;
  border: 1px solid #b9b9b9;
}
.t_01 td{
  padding: 6px;
  font-size:14px;
  background-color: #fff;
  border: 1px solid #b9b9b9
}


/* ページの先頭へ戻るの常駐表示 */

.page-back {
 position: fixed;
 bottom: 10px;
 right: 10px;
}

/* サイドメニュー表示 */

.fixBox {
   position: fixed;
   top: 0px;
}