@charset "UTF-8";

@import url("base.css");
@import url("footer.css");

#header {
  margin:0 1px;
  padding-top:10px;
  background:url(../img/bg_header.gif) no-repeat;
}

#header h1{
  text-indent:-10000px;
  height:70px;
}

#contents {
  margin:0 1px;
}

#menu{
  background:url(../img/top_menu_bg.gif) no-repeat;
  height:125px;
  margin:0 1px;
}

#menu ul{
  padding:30px 0 0 11px;
}

#menu li{
  background:url(../img/top_menu_btn_bg.gif) no-repeat;
  width:63px;
  height:370px;
  float: left;
  display:block;
  margin:0 0 0 4px;
}

#menu li.member{
 
  width:79px;
  height:185px;
  float: left;
  display:block;
  margin:0 0 0 4px;
}

#menu li p {
  display:none;
}

#menu li h2{
  height:185px;
  width:79px;
}

#menu li a{
  display: block;
  width:79px;
  height:183px;
  text-indent:-10000px;
}

#menu li.company a     { background:url(../img/top_touroku_btn.gif) no-repeat; }
#menu li.business a    { background:url(../img/top_sonota_btn.gif) no-repeat; }
#menu li.order a       { background:url(../img/top_kyoiku_btn.gif) no-repeat; }
#menu li.organization a{ background:url(../img/top_production_btn.gif) no-repeat; }
#menu li.member a      { background:url(../img/top_insatu_btn.gif) no-repeat; }
#menu li.shuppan a      { background:url(../img/top_shuppan_btn.gif) no-repeat; }
#menu li.sinbun a      { background:url(../img/top_sinbun_btn.gif) no-repeat; }

#menu li.company a:hover,
#menu li.business a:hover,
#menu li.order a:hover,
#menu li.organization a:hover,
#menu li.member a:hover,
#menu li.shuppan a:hover,
#menu li.sinbun a:hover{
  background-position: 0 -187px;
}

#contact{
  position:absolute;
  top:18px;
  left:662px;
}

#contact a{
  display: block;
  width:80px;
  height:26px;
  overflow: hidden;
  text-indent:-10000px;
  background:url(../img/btn_contact.gif) no-repeat;
}
#contact a:hover{
  background-position: 0 -26px;
}

#topmenu.topmenu01 {
	font-size: 8px;
	color: #333333;
    a:link    { color: #666666;}
    a:hover   { color: #FF6600;}
}


.topmenu01 {
	text-align: right;
	font-size: 10px;
	color: #333333;
    a:link    { color: #333333;}
    a:hover   { color: #884000;}
}

.topmenu02 {
	text-align: left;
	font-size: 14px;
	color: #333333;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ  W6";
    a:link    { color: #333333;}
    a:hover   { color: #884000;}
}


.top_honbun {
	text-align: left;
	font-size: 12px;
	color: #666666;

}

.top_honbun_atama {
	text-align: left;
	font-size: 16px;
	color: #669011;

}