/* ヘッダー */

#header {
  position:relative;
  width:950px;
  height:80px;
/*  border:1px solid #cccccc; */
}

/* ロゴ */

#jatts-logo {
  float:left;
  width:150px;
  height: 80px;
  padding:0;
}
#jatts-logo a span {
  text-indent: -9999px;
}
#jatts-logo a {
  background: url("../images/jatts_logo.gif") no-repeat;
  text-indent: -9999px;
  width: 150px;
  height: 80px;
  display:block;
  overflow:hidden; /*firefox*/
}

/* ナビ（上部） */

#navi-header {
  float:right;
  width:800px;
  height: 80px;
  padding:0;
}
#navi-header span {
  text-indent: -9999px;
}
span#navi-bg1 {
  background: url("../images/navi_bg1.gif") no-repeat;
  width: 800px;
  height: 40px;
  display:block;
}
#navi-header ul{
  list-style: none;
  margin:0;
  padding:0;
}
#navi-header ul li {
  list-style:none;
  margin:0;
  padding:0;
  display:inline;
  float: left;
}
#navi-header ul li img {
  text-indent: -9999px;
  height: 40px;
  display:block;
}
#navi-header ul li a {
  text-indent: -9999px;
  height: 40px;
  display:block;
  overflow:hidden; /*firefox*/
}
ul li a#navi-news{
  background: url(../images/navi_news.gif) no-repeat;
  width: 87px;
  height: 40px;
  display: block;
  text-decoration: none;
}
ul li a#navi-news:hover {
  background: url(../images/navi_news_over.gif) no-repeat;
}
ul li a#navi-jatts{
  background: url(../images/navi_jatts.gif) no-repeat;
  width: 86px;
  height: 40px;
  display: block;
  text-decoration: none;
}
ul li a#navi-jatts:hover {
  background: url(../images/navi_jatts_over.gif) no-repeat;
}
ul li a#navi-green{
  background: url(../images/navi_green.gif) no-repeat;
  width: 144px;
  height: 40px;
  display: block;
  text-decoration: none;
}
ul li a#navi-green:hover {
  background: url(../images/navi_green_over.gif) no-repeat;
}
ul li a#navi-style{
  background: url(../images/navi_style.gif) no-repeat;
  width: 85px;
  height: 40px;
  display: block;
  text-decoration: none;
}
ul li a#navi-style:hover {
  background: url(../images/navi_style_over.gif) no-repeat;
}
ul li a#navi-other{
  background: url(../images/navi_other.gif) no-repeat;
  width: 117px;
  height: 40px;
  display: block;
  text-decoration: none;
}
ul li a#navi-other:hover {
  background: url(../images/navi_other_over.gif) no-repeat;
}
ul li a#navi-stores{
  background: url(../images/navi_stores.gif) no-repeat;
  width: 99px;
  height: 40px;
  display: block;
  text-decoration: none;
}
ul li a#navi-stores:hover {
  background: url(../images/navi_stores_over.gif) no-repeat;
}
ul li a#navi-company{
  background: url(../images/navi_company.gif) no-repeat;
  width: 117px;
  height: 40px;
  display: block;
  text-decoration: none;
}
ul li a#navi-company:hover {
  background: url(../images/navi_company_over.gif) no-repeat;
}
ul li span#navi-bg2 {
  background: url("../images/navi_bg2.gif") no-repeat;
  width: 65px;
  height: 40px;
  display:block;
}

/* ライン1 */

#header-line {
  width:950px;
  margin:0;
  padding:0;
  font-size:0;
}
#header-line span {
  text-indent: -9999px;
  background: url("../images/navi_line.gif") no-repeat;
  width: 950px;
  height: 5px;
  display:block;
}

/* ライン2 */

#footer-line {
  width:950px;
  margin:0;
  padding:0;
  font-size:0;
}
#footer-line span {
  text-indent: -9999px;
  background-color: #cccccc;
  /*background-color: #81af36;*/
  width: 950px;
  height: 1px;
  display:block;
}

/* トップへ */

.c_gotop{
  width: 74px;
  height: 35px;
  margin:0px;
  padding:0px
}
.c_gotop a{
  background: url(../images/navi_gotop_over.gif) no-repeat;
  /*width: 74px;*/
  /*height: 35px;*/
  display: block;
  overflow:hidden; /*firefox*/
  text-decoration: none;
}
.c_gotop a img{
  border:none;
}
.c_gotop a:hover img{
  position:relative;
  z-index:-1;
}
.c_gotop a:hover {
  width: 74px;
  height:35px;
  background-color:transparent;
}

/* フッター */

#footer {
  width:950px;
  height: 35px;
}
#copyright {
  float:left;
  width:470px;
  height: 35px;
  padding:0;
}
#copyright span {
  text-indent: -9999px;
  background: url("../images/copyright.gif") no-repeat;
  width: 470px;
  height: 35px;
  display:block;
}

/* ナビ（下部） */

#navi-footer {
  float:right;
  width:480px;
  height: 35px;
  padding:0;
}
#navi-footer span {
  text-indent: -9999px;
}
#navi-footer ul{
  list-style: none;
  margin:0;
  padding:0;
}
#navi-footer ul li {
  list-style:none;
  margin:0;
  padding:0;
  display:inline;
  float: left;
}
#navi-footer ul li a {
  text-indent: -9999px;
  height: 35px;
  display:block;
  overflow:hidden; /*firefox*/
}
ul li span#navi-bg3 {
  background: url("../images/navi_bg3.gif") no-repeat;
  width: 90px;
  height: 35px;
  display:block;
}
ul li a#navi-gotop{
  background: url(../images/navi_gotop.gif) no-repeat;
  width: 74px;
  height: 35px;
  display: block;
  text-decoration: none;
}
ul li a#navi-gotop:hover {
  background: url(../images/navi_gotop_over.gif) no-repeat;
}
ul li a#navi-home{
  background: url(../images/navi_home.gif) no-repeat;
  width: 85px;
  height: 35px;
  display: block;
  text-decoration: none;
}
ul li a#navi-home:hover {
  background: url(../images/navi_home_over.gif) no-repeat;
}
ul li a#navi-contact{
  background: url(../images/navi_contact.gif) no-repeat;
  width: 112px;
  height: 35px;
  display: block;
  text-decoration: none;
}
ul li a#navi-contact:hover {
  background: url(../images/navi_contact_over.gif) no-repeat;
}
ul li a#navi-sitemap{
  background: url(../images/navi_sitemap.gif) no-repeat;
  width: 119px;
  height: 35px;
  display: block;
  text-decoration: none;
}
ul li a#navi-sitemap:hover {
  background: url(../images/navi_sitemap_over.gif) no-repeat;
}