@charset "shift_jis";
/*Header*/
#header{
}

#headerimg h1 {
  float: left;
  width: 264px;
  height: 36px;
  margin: 63px 12px 0 10px;
  padding: 0;
  font-size: 1%;
  text-indent: -9999px;
  background: url(../img/top-title.gif) left top no-repeat;
}

#headerimg h1 a {
  display: block;
  width: 264px;
  height: 36px;
  background: url(../img/top-title.gif) left top no-repeat;
}

#headerimg h1 a:hover {
  background-position: 0px -36px;
}

#header p.description {
  margin: 0;
  padding: 6px;
  color: #dcdcdc;
  font-weight: bold;
}

/*Sub Navi*/
#top_sub_navi{
  float: left;
  width: 144px;
  height: 15px;
}

ul#sub-navi {
  list-style: none;
  margin: 84px 0 0 0;
  padding: 0;
}

ul#sub-navi li{
  list-style: none;
  display: inline;
  line-height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1%;
}

ul#sub-navi li a{
  display: block;
  height: 18px;
  text-decoration: none;
}

#link-link a,
#form-link a{
}

ul#sub-navi li#link-link a{
  float: left;
  width: 42px;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../img/sub-navi.gif) no-repeat 0px 0px;
}

ul#sub-navi li#form-link a{
  float: left;
  width: 98px;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../img/sub-navi.gif) no-repeat -42px 0px;
}

ul#sub-navi li#link-link a:hover{
  text-decoration: none;
  background-position: 0px -18px;
}

ul#sub-navi li#form-link a:hover{
  text-decoration: none;
  background-position: -42px -18px;
}

/*Nav Container*/
#navcontainer{
  clear: both;
}

#navcontainer ul {
  list-style: none;
  float: left;
  width: 699px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  font: 12px Osaka, Verdana, sans-serif;
  background: url(../img/navi-bg.jpg) repeat left top;
}

#navcontainer ul li {
  list-style: none;
  display: inline;
}

#navcontainer ul li a {
  float: left;
  padding: 5px 7px;
  border-right: 1px solid #FFFFFF;
  color: #666;
  font-weight: bold;
  text-decoration: none;
  background: url(../img/navi-item.jpg) repeat left top;
}

* html #navcontainer ul li a:-moz-any-link {
  padding: 5px 12px;
}

*:first-child+html #navcontainer ul li a:-moz-any-link {
  padding: 5px 12px;
}

#hack, #navcontainer ul li a:-moz-any-link {
  padding: 5px 10px;
}

#taidan-link{
	padding:5px 16px 5px 17px !important;
}

#hack, #taidan-link:-moz-any-link {
	padding:5px 20px 5px 19px !important;
}

#navcontainer ul li a:hover {
  color: #FFFFFF;
  background: url(../img/navi-item-over.jpg) repeat left top;
}

#navcontainer ul li.current_page_item a {
  float: left;
  padding: 5px 14px 5px 14px;
  border-right: 1px solid #DFDFDF;
  color: #FFFFFF;
  text-decoration: none;
  background: #C9C0B0;
}

#navcontainer ul li.current_page_item a:hover {
  background: #6F6F6F;
}

/*sub-navcontainer*/
div#sub-navcontainer{
  clear: both;
  width: 700px;
  height: 32px;
  margin: 0;
  padding: 0;
  font: 12px Osaka, Verdana, sans-serif;
  background: url(../img/thema-navi.gif) no-repeat 0px -33px;
}

#sub-navcontainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sub-navcontainer ul li {
  list-style: none;
  display: inline;
}

#sub-navcontainer ul li a {
  float: left;
  width: 104px;
  height: 32px;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../img/thema-navi.gif) no-repeat left top;
}

#sub-navcontainer ul li a#kenpo-link{
  margin-left: 64px;
  background-position: -64px 0px;
}

#sub-navcontainer ul li a#child-link{
  background-position: -168px 0px;
}

#sub-navcontainer ul li a#welfare-link{
  background-position: -272px 0px;
}

#sub-navcontainer ul li a#employ-link{
  background-position: -376px 0px;
}

#sub-navcontainer ul li a#ecology-link{
  background-position: -480px 0px;
}

#sub-navcontainer ul li a#art-link{
  background-position: -584px 0px;
}

#sub-navcontainer ul li a#kenpo-link:hover{
  background-position: -64px -33px;
}

#sub-navcontainer ul li a#child-link:hover{
  background-position: -168px -33px;
}

#sub-navcontainer ul li a#welfare-link:hover{
  background-position: -272px -33px;
}

#sub-navcontainer ul li a#employ-link:hover{
  background-position: -376px -33px;
}

#sub-navcontainer ul li a#ecology-link:hover{
  background-position: -480px -33px;
}

#sub-navcontainer ul li a#art-link:hover{
  background-position: -584px -33px;
}