html{
  scrollbar-3dlight-color:#517d32;
  scrollbar-arrow-color:#517d32;
  scrollbar-base-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-shadow-color:#517d32;
}

body{
  color: #333333;
  font-size: small;
  font-family: メイリオ;
  line-height: 130%;
  background-image: url(../img2/header-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0px 0px 0px 0px;
}
h1{
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
}

h2{
  font-size: 1.5em;
  line-height: 120%;
  letter-spacing: 2px;
  background-image: url(../img2/line1_s.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 6px 20px;
}


/*-------共通---------*/
.clear{
  clear: both;
  height: 1px;
}

.disp{display: block;}
.nodisp{display: none;}

.visible{visibility: visible;}
.hidden{visibility: hidden;}

.l{float: left;}
.r{float: right;}



.doc{
  font-size: small;
  font-weight: normal;
  letter-spacing: normal;
}




/*-------wrapper---------*/
#wrapper{
  width: 950px;
  margin: 0px auto 0px auto;
}

#wrapper #side{
  float: left;
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#wrapper #main{
  float: right;
  width: 750px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#wrapper #side_t{
  float: left;
  width: 190px;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}
#wrapper #main_t{
  float: right;
  width: 750px;
  margin: 22px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/*-------header---------*/
#header{
  width: 950px;
  height: 88px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#header img{
  border-width: 0px;
  padding: 0px 0px 0px 0px;
}

/*-------pan---------*/
#pan{
  width: 940px;
  font-size: 90%;
  margin: 0px auto 0px auto;
  padding: 2px 0px 0px 10px;
}

/*-------navi---------*/
#navi{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#navi ul.ul1,
#navi ul.ul1 ul{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#navi ul.ul1 li,
#navi ul.ul21 li,
#navi ul.ul22 li{
  text-shadow: 2px 3px 3px #333333;
  text-align: center;
  list-style-type: none;
  margin: 0px 0px 2px 0px;
}
#navi ul.ul1 span{
  display: block;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  background-repeat: no-repeat;
}
#navi a{
  display: block;
  width: 170px;
  text-decoration: none;
}

/*-------navi　メニューの設定---------*/

#navi .li1 span{
  height: 34px;
  font-size: 140%;
  letter-spacing: 4px;
  background-image: url(../img2/bg_bnn_navi1.jpg);
  background-position: 0px 0px;
  margin: 2px 0px 2px 0px;
  padding: 20px 20px 0px 0px;
}
#navi .li2 span{
  height: 26px;
  font-size: 120%;
  letter-spacing: 4px;
  background-image: url(../img2/bg_bnn_navi2.jpg);
  background-position: 0px 0px;
  margin: 2px 0px 2px 0px;
  padding: 10px 20px 0px 0px;
}

/*-------navi　サブメニューの設定---------*/

#navi .ul21 .li11,
#navi .ul21 .li12,
#navi .ul21_t .li11,
#navi .ul21_t .li12,
#navi .ul22 li{
  font-size: 110%;
  letter-spacing: 2px;
  background-repeat: no-repeat;
}
#navi .ul21 .li11{
  height: 48px;
  background-image: url(../img2/bg_navi2_2.jpg);
  background-position: 8px 0px;
}
#navi .ul21_t .li11{
  height: 85px;
  background-image: url(../img2/bg_navi1_2.jpg);
  background-position: 8px 0px;
}

#navi .ul21 .li12,
#navi .ul21_t .li12{
  height: 48px;
  background-image: url(../img2/bg_navi2_2.jpg);
  background-position: 8px 0px;
}


#navi .ul22 li{
  height: 30px;
  background-image: url(../img2/bg_navi3_2.jpg);
  background-position: 8px 1px;
}

#navi .ul21 .li11 a{
  height: 33px;
  padding: 15px 0px 0px 0px;
}
#navi .ul21_t .li11 a{
  height: 52px;
  padding: 33px 0px 0px 0px;
}

#navi .ul21 .li12 a,
#navi .ul21_t .li12 a{
  height: 35px;
  padding: 13px 0px 0px 0px;
}

#navi .ul22 li a{
  height: 23px;
  padding: 7px 0px 0px 0px;
}

#navi .ul21 .li11 a:visited,#navi .ul21 .li11 a:link,
#navi .ul21 .li12 a:visited,#navi .ul21 .li12 a:link,
#navi .ul21_t .li11 a:visited,#navi .ul21_t .li11 a:link,
#navi .ul21_t .li12 a:visited,#navi .ul21_t .li12 a:link,
#navi .ul22 li a:visited,#navi .ul22 li a:link{
  color: #333333;
  }
#navi .ul21 .li11 a:hover,#navi .ul21 .li11 a:active,
#navi .ul21 .li12 a:hover,#navi .ul21 .li12 a:active,
#navi .ul21_t .li11 a:hover,#navi .ul21_t .li11 a:active,
#navi .ul21_t .li12 a:hover,#navi .ul21_t .li12 a:active,
#navi .ul22 li a:hover,#navi .ul22 li a:active{
  color: #666666;
  background-image: url(../img/bg_01.png);
}

/*-------navi_yajirusi---------*/
#navi_yajirusi{
  z-index: 999;
  position: absolute;
  margin: 0px 0px 0px 170px;
  padding: 60px 0px 0px 0px;
}

/*-------comment---------*/
.comment{
  width: 730px;
  font-size: 120%;
  line-height: 150%;
  letter-spacing: 1px;
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}




/*-------footer---------*/
#footer{
  clear: both;
  width: 950px;
  background-image: url(../img2/footer-bg2.gif);
  background-repeat: repeat-x;
  margin: 20px auto 12px auto;
  padding: 26px 0px 0px 0px;
}

#footer img{
  margin: 0px 0px 5px 0px;
}

#footer dl.add{
  float: right;
  width: 390px;
  background-image: url(../img2/logo-footer.gif);
  background-repeat: no-repeat;
  background-position: 0px 10px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.add dt{
  font-size: 90%;
  letter-spacing: 5px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 120px;
}
.add dd{
  font-size: 90%;
  line-height: 120%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 120px;
}

#footer .copyright{
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}