@charset "utf-8";

/*ページのレイアウト用css*/
body{
	  background-color:#F0F0F0;	/*壁色と壁紙設定*/
	  background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/
	  font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	  color: #333333;/*全体で使う文字の色*/
	  margin:0px;
	  padding:0px;/*隙間を空けないように指定します*/
}


/*文字の設定*/
/*ヘッダー部分の文字の設定*/
/*最上部の小さな文字の部分の設定*/
/*検索エンジンで重要な見出しタグです*/
h1{
	  font-size:70%;/*全体の文字より小さく設定*/
	  letter-spacing: 2px;/*文字と文字の間隔*/
	  padding-left:10px;/*左に少し間隔をあける指定*/
	  margin: 0px;
}


h2{
    font-family:"メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
     font-size:240%;
     font-weight: ;
	border: solid 0px #cccccc;/*見出しをグレーの枠で囲む設定*/
         color:black;/*見出しの文字の色*/
       
	background-image:url(img/.gif);
	line-height: 50px;/*見出しの背景の高さ*/
	  padding-top: 5px;
	  padding-left:30px;  
	  margin-top: 0px;
	  margin-bottom: 1px;
	 
}

/*画像の横に文字が来るように設定するので画像と同じテーブル内にある文字はこの指定が必要になる*/
p{
      font-size:90%;/*全体の文字サイズ*/
	  line-height:150%;/*全体で使う、文字と文字の行間*/
}

p img{
      float:left;/*画像の右側へ回り込む設定*/
          margin-left:5px;  /*写真の左にスペースを空ける*/
	  margin-right:15px;  /:写真と文字の間隔*/
}


/*リンク文字の設定*/
a{
      text-decoration:none;*リンクの文字の下線を消す設定*/
}

a:hover {
	color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/
	text-decoration: none;/*リンクの文字の下線を消す設定*/
}


/*見出しタグにリンクを付けた場合の設定*/
h1 a{
      color:#FFFFFF;/*リンク文字の色の指定*/
	  font-weight:normal;
}


/*コンテンツ　実際に使うページの設定*/
#contents{      
      width:852px;/*横幅を852pxで指定*/
	  margin:0 auto; 
	  background-color: white;
	  background-image:url(img/.gif);/*コンテンツ内の背景(サイズをぴったりにすること）*/
	  background-repeat:repeat-y;   /*縦に繰り返し*/
      position:relative;/*相対的な位置へ配置*/
      font-size:80%;/*文字は見やすいように少し小さめに設定*/
      top: 10px;
}


/*ヘッダー部分の設定*/

#header{
      background-color: #ffffff; /*ヘーダー*/
	  background-position:top right;
	  background-repeat:repeat;
	  height:70px; /*ヘーダーの高さ*/
}

/*ヘッダー部分のタイトルやサイトの説明の文字の設定*/
/*ヘッダーに素材としてタイトルが入っている場合はサイトの説明を記入しフォントは小さめに*/
#header p {
	font-size: 20px;/*今回はタイトルにしているので大きめに設定*/
        color:black;
	padding-top: px;
	padding-left: 10px;
}



/*上部メニューボタンの設定*/
#navbar{
      width: 100%;
      float: left;
      margin-bottom: 15px;
}

#navbar ul{
          margin:0;
	  padding:0;
	  list-style-type:none;
	   font-family:"メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	  font-size: 17px;/*メニューのフォントサイズ*/
	  font-weight: bold;/*フォントの太さの指定*/
	  line-height:45px;/*メニューボタンの高さの指定*/
	  letter-spacing:2px;/*メニューの文字間の間隔を少し空ける*/
	  }

#navbar li{
      background-image:url(img/); /*上部メニューのボタンの背景*/
	  float:left;/*メニューボタンが右側に回りこむ設定*/
	  width:167px;  /*メニューボタンの幅*/
	  text-align:center;/*文字がボタンのセンターに来る設定*/
	  padding:0px;/*隙間を空けない設定*/
	  border:solid 1px #ffffff
	  
	  }


#navbar a{
      color:#ffffff;/*メニューボタンの文字の色*/
	  display:block;
	  }



#slideshow {  /*スライドショーの配置と設定*/
   float: left;
   width:  852px; /* 画像の横幅に合わせて記述 */
   height: 290px; /* 画像の高さに合わせて記述 */
}
#slideshow A {
   position: absolute;
   top: 200;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow A.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow A.last-active {
   z-index: 9;
}



/*メイン部分の設定*/

#main{
      width:620px;
      margin-top:15px;
      margin-right: 15px;
      float: right;
     
}

#main img{
      width:300px;
      
      margin-top:px;
      margin-left: 20px;
      margin-bottom: 10px;
      float: left;
      font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;


}
/*Q&A部分の設定*/

#QA{
      width:550px;
      
      margin-top:10px;
      margin-left: 30px;
      margin-bottom: 10px;
      float: left;
      font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;


}

#QA img{
      width:550px;
      
      margin-top:px;
      margin-left: 30px;
      margin-bottom: 10px;
      float: left;
      font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;


}


#QA a{
       font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ; 
       color: #707070;
       font-size: 150%;
       border-bottom: solid 2px;
       border-bottom-color:#FFC66B;
      
}

#QA p{
       font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ; 
       color: #707070;
       font-size: 130%;
       padding:10px;
       
}



/*ニュース部分の設定*/
#news{
      width:300px;
      height: 700px;
      margin-top:px;
      margin-left: 10px;
      margin-bottom: 10px;
      float: left;
      background-image: url(img/newsframe.png);
     
}

#news1{ 
      width:260px;
      height: 580px;
      margin-top:100px;
      margin-left: 20px;
      float: left;
     
}   
      

#news1 ul a:hover {
	color: #808080;	/*サイドのカーソルオーバー時の文字色*/
}

#news1 ul{
     list-style-type:none;
	 padding-left:2px;
	 
}
#news1 li{
	 padding-left:px;　/*文字の左端からの位置*/
	 
}
#news1 li a{
     color:#505050;
     font-size: 130%;
     text-decoration: underline;
     line-height: 170%;
     width:;
     display:block;
}

p.news1{
             font-family: メイリオ;
             font-size: 110%; 
             text-align: ;
           
             letter-spacing: 0.05em;
           

}          
    
/*お知らせ部分の設定*/
#info{
      width:300px;
      height: 700px;
      margin-top:px;
      margin-left: 10px;
      margin-bottom: 10px;
      float: left;
      background-image: url(img/infoframe.png);
}

#info1{ 
      width:260px;
      height: 580px;
      margin-top:100px;
      margin-left: 20px;
      float: left;
     
}   
      

#info1 ul{
     list-style-type:none;
	 padding-left:2px;
	
	 
}
#news1 li{
	 padding-left:px;　/*文字の左端からの位置*/
	 
}
#info1 li p{
     color:#505050;
     font-size: 130%;

     line-height: 150%;
     width:;
     display:block;
}

p.info1{
             font-family: メイリオ;
             font-size: 110%; 
             text-align: ;
           
             letter-spacing: 0.05em;
           

}          
    

/*サイドメニューの設定*/

#side{
      width:205px;/*サイドの幅（変更するときはコンテンツ背景も変更すること）*/
	  float: left;
	  margin-left: 10px;
	  margin-right: px;
	  margin-top: 15px;
	  
}

#side ul{
      font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
      font-size:140%;
	  line-height:220%; /*サイドの文字と文字の行間設定*/
	  margin:0px;
	  padding-left:15px;
	  
	 
}
#side ul a:hover {
	color: #ff0000;	/*サイドのカーソルオーバー時の文字色*/
}

#side ul{
     list-style-type:none;
	 padding-left:2px;
	 
}
#side li{
	 padding-left:5px;　/*文字の左端からの位置*/
	 
}
#side li a{
     color:#333333;/*サイドの文字色*/
     border-bottom:solid 1px #666666;/*文字の下に線を入れる設定*/
     width:190px;
     display:block;
}
#side .ad_list li{
     background-image:;
	 padding-left:0;
}










/*下部のフッター部分の設定*/
address{
      
	  font-size:80%;
	  font-style:normal;
	  text-align:center;/*フッターの文字をセンター合わせに指定*/
	  padding-top:5px;
	  clear: both;
}

address{
      background-color:#666666;
      color:#ffffff;
          width:852px;
	  padding-bottom:10px;
	  border:none;
	  }
address a{
      color:#ff9999;/*フッター部分のリンクの文字の色の指定*/
	  }




         
#map_canvas {
               width:  500px;
               height: 300px;
               float: left;

}