/*ページのレイアウト用css*/
body{
	  background-color:#FFFFFFf;	/*壁色と壁紙設定*/
	  background-repeat:no-repeat;/*繰り返さない場合はno-repeatに変更*/
	  font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	  color: #333333;
	  margin:0px;
	  padding-botomm: 10px 0;
          
}




/*文字の設定*/
h1{
	  font-size:70%;
	  letter-spacing:2px;
	  padding-left:5px;
	  margin: 0px;
}


h2{
          font-size:120%;
	  border: solid 2px #cccccc;
          color:#000000;
	  background-image:url(img/haikei.png);
          line-height:35px;
	  padding-left:10px;  
	  margin-top:10px;
	  margin-bottom:1px;
}

p{
      font-size:90%;/*全体の文字サイズ*/
	  line-height:150%;/*全体で使う、文字と文字の行間*/
}

p img{
      float:left;      
          margin-left:5px;  /*写真の左にスペースを空ける*/
	  margin-right:5px;  /*写真の右側へ間隔を空ける*/
}

a{
      text-decoration:none;
}
a:hover {
	color: #9ACD32;/*リンクの文字の上にマウスが来た時この色に変わる*/
	text-decoration: none;
}


h1 a{
      color:#000000;
	  font-weight:normal;
}

strong {
         font-size:100%;
         font-weight:none;
         color:#FFFFFF;
}

em {
         font-size:150%;
         font-style:normal;
         font-weight:bold;
         color:#9ACD32;
}



#slideshow {
			position: relative;
			width:  700px;
			height: 420px;
		}

		#slideshow img {
			position: absolute;
			top:  0;
			left: 0;
			z-index: 8;
			opacity: 0.0;
		}

		#slideshow img.active {
			z-index: 10;
			opacity: 1.0;
		}

		#slideshow img.last-active {
			z-index: 9;
		}







#contents{      
          width:1000px;
	  margin:0 auto; 
          top:160px;
	  background-color:#FFFFFF;
	  background-repeat:no-repeat;
          position:relative;
          min-height: 100%;
          font-size:80%;
          
}


/*ヘッダー部分の設定*/
#header{
         width: 100%;
          position: fixed;
          top:0px;
         opacity: 0.90; /* 90％不透明度(＝10％透過) */
         font-family:Arial, Helvetica, sans-serif;
          background-color:#FFFFFF;
          background-image:url(img/mintaka-rogo2.jpg); /*ヘーダー*/
          background-position:top left;
	  background-repeat:no-repeat;
          
          height:110px; /*ヘーダーの高さ*/
          z-index:100;
          
}




#header p {
	font-size: 10px;
        color:#000000;
	padding-top: 20px;
	padding-left:860px;
         
}



/*上部メニューボタンの設定*/
#dropmenu{
      width:1000px;
      height:50px;
      position: fixed;
      margin-bottom:0px;
      top:70px;
      background-color:none; 
      z-index:100;
}



#dropmenu ul{
         
          margin-left:120px;
	  padding:0;
	  list-style-type:none;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height:5px;
	  letter-spacing:1px;
}

#dropmenu li{
       position: relative;
       width: 12%;
       float: left;
       margin-right: 0px;
       padding: 0;
       text-align: center;
       background-color:none;
       border-radius: 3px 3px 3px 3px;
 
}

#dropmenu li a{
  display: block;
  margin:0;
  padding: 8px 0 8px;
  color: #808080;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}

#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 2px;
  border-radius: 3px 3px 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: 10px 10px;
  background: #fcfaf5;/*       */
  text-align: left;
  font-size: 10px;
  font-weight: bold;
}

#dropmenu li a:hover{
     font-size:100%;
     background: #E5FFFA; /*春：#FFE5F4  夏：#E5FFFA　秋：#FFE5CC　冬：#FFFFFF  #FFDFB2  #FFF2CC */
     color:#9acd32;
     border-radius: 3px 3px 3px 3px;
}



#dropmenu li:hover ul li{
  
  overflow: visible;
  height: 30px;
  
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0
  
}

#dropmenu li:hover ul li:first-child{
  border-top: 1px;
}

#dropmenu li:hover ul li:first-child a{
  border-radius: 5px 5px 0px 0px;
}


#dropmenu li:hover ul li:last-child{
  border-bottom: 0px;
 
}

#dropmenu li:hover ul li:last-child a{
  border-radius: 0px 0px 5px 5px;
}






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

#main{
      width:960px;
      position:absolute;
      top:120x;
      margin-top:0px;
      margin-left:20px;
      margin-right:20px;
      padding-bottom: 100px;
     
      
}

#main ul{
          font-family:Arial, Helvetica, sans-serif;
          font-size:90%;
          line-height:120%; /*サイドの文字と文字の行間設定*/
	  margin:0px;
          list-style-type:none;
	  padding-left:5px;
}

#main ul a:hover {
        font-size:none;
	color: #9acd32;	/*サイドのカーソルオーバー時の文字色*/
        opacity: 0.5;
}



#main li{
	 padding-left:0px; /*文字の左端からの位置*/
}

#main li a{
        color:#808080;/*サイドの文字色*/
        border-bottom:none;/*文字の下に線を入れる設定*/
        display:block;
}






/*フッターの設定*/
#footer-bk{
	background-color: #FFFFFF;   /* 背景色(黒) */
	width:1000px;               /* 横の幅を100% */
	height: 30px;            /* 縦の幅を120px */
	position: fixed;       /* 絶対位置指定することを定義 */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	padding: 10px 0;          /* 上下に余白を取る */
        
        z-index:50;
        text-align:right;
}

/* フッターの表示領域 */
#footer{
	border: non; /* 表示領域を白枠で囲う */
	height: 30px;          /* 縦幅の指定30px */
	width: 100%;           /* 横の幅100% */
	margin:auto;          
        
}