@charset "utf-8";

/* ------------------------------------------------ */
/* グローバルナビのレイアウト                       */
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* サイトナビのレイアウト                           */
/* ------------------------------------------------ */

/* ▼メインメニュー部の定義（大枠）▼ */
#sitenavi-menu{
  /*float:left;*/
  width:996px;
  height:35px;
  overflow:hidden;
  margin:0px;
  padding:0px 0px 0px 0px;
  font-size:15px;
  color:#000;
  background-color:transparent;
  border-style:solid;
  border-width:1px 0px 0px 0px;
  border-color:#cccccc;
  border-radius:0px;
}
* html #sitenavi-menu{
  height:35px;
}

/* ▼動的なメインナビ大枠(内側) */
#navi-menu{
  position:static;
  float:left;
  margin:0px 0px;
  padding:0px;
  /*width:850px;*//*2013.12.02*/
  width:auto;
  /* width:806px; */
}

#sitenavi-menu ul{
  margin:0px;
  padding:0px;
}

#sitenavi-menu ul li{
  position:relative;/* サイトメニューのabsolute指定の基点とする */
  margin-top:0px;
  padding:0px;
  clear:none;
  float:left;
  border:0px;
  text-indent:-1000em;
}

/* メインメニューはaで表現する */
#sitenavi-menu * a{display:block;}

/* 標準のメインメニューの形状 */

#sitenavi-menu1,#sitenavi-menu2,#sitenavi-menu3,#sitenavi-menu4,#sitenavi-menu5,#sitenavi-menu6,#sitenavi-menu7,#sitenavi-menu8{
  background-image:url(/common/images/v1/books/navi_books.jpg);
  background-repeat:no-repeat;
  display:block;
}

#sitenavi-menu1{
  width:46px;
  height:35px;
}
#sitenavi-menu2{
  width:86px;
  height:35px;
}
#sitenavi-menu3{
  width:134px;
  height:35px;
}
#sitenavi-menu4{
  width:112px;
  height:35px;
}
#sitenavi-menu5{
  width:99px;
  height:35px;
}
#sitenavi-menu6{
  width:99px;
  height:35px;
}
#sitenavi-menu7{
  width:126px;
  height:35px;
}
#sitenavi-menu8{
  width:148px;
  height:35px;
}
a#sitenavi-books-regist{
	width:232px; height:35px; display:block;
	background-image: url(/common/images/v2/books/sitenavi-regist.jpg) ;
	background-position:0 0;
	background-repeat:no-repeat;
}
a#sitenavi-books-regist:hover{background-position:0 -35px;}

/* IE6通常のメインメニューの形状 */

* html #sitenavi-menu1{background-position:0 0;}
* html #sitenavi-menu2{background-position:-46px 0;}
* html #sitenavi-menu3{background-position:-132px 0;}
* html #sitenavi-menu4{background-position:-266px 0;}
* html #sitenavi-menu5{background-position:-378px 0;}
* html #sitenavi-menu6{background-position:-477px 0;}
* html #sitenavi-menu7{background-position:-576px 0;}
* html #sitenavi-menu8{background-position:-702px 0;}

/* 現在地メインメニューの形状 */
#sitenavi-menu1.current{background-position:0 -70px!important;}
#sitenavi-menu2.current{background-position:-46px -70px!important;}
#sitenavi-menu3.current{background-position:-132px -70px!important;}
#sitenavi-menu4.current{background-position:-266px -70px!important;}
#sitenavi-menu5.current{background-position:-378px -70px!important;}
#sitenavi-menu6.current{background-position:-477px -70px!important;}
#sitenavi-menu7.current{background-position:-576px -70px!important;}
#sitenavi-menu8.current{background-position:-702px -70px!important;}


/* 通常のメインメニューの形状 */

#sitenavi-menu1.normal{background-position:0 0;}
#sitenavi-menu2.normal{background-position:-46px 0;}
#sitenavi-menu3.normal{background-position:-132px 0;}
#sitenavi-menu4.normal{background-position:-266px 0;}
#sitenavi-menu5.normal{background-position:-378px 0;}
#sitenavi-menu6.normal{background-position:-477px 0;}
#sitenavi-menu7.normal{background-position:-576px 0;}
#sitenavi-menu8.normal{background-position:-702px 0;}

/* マウスオーバー時のメインメニューの形状 */
#sitenavi-menu1.reverse{background-position:0 -35px;}
#sitenavi-menu2.reverse{background-position:-46px -35px;}
#sitenavi-menu3.reverse{background-position:-132px -35px;}
#sitenavi-menu4.reverse{background-position:-266px -35px;}
#sitenavi-menu5.reverse{background-position:-378px -35px;}
#sitenavi-menu6.reverse{background-position:-477px -35px;}
#sitenavi-menu7.reverse{background-position:-576px -35px;}
#sitenavi-menu8.reverse{background-position:-702px -35px;}

/* IE6では、マウスオーバーはa:hoverで表現 */
* html #sitenavi-menu * a:hover#sitenavi-menu1{background-position:0 -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu2{background-position:-46px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu3{background-position:-132px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu4{background-position:-266px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu5{background-position:-378px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu6{background-position:-477px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu7{background-position:-576px -35px;}
* html #sitenavi-menu * a:hover#sitenavi-menu8{background-position:-702px -35px;}

/* ▲メインメニュー部の定義▲ */

/* ▼ 静的なサブナビ ▼ */
#navi-static-books{
  position:relative;/* サイトメニューのabsolute指定の基点とする */
  clear:none;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0px;
  /*width:146px;*//*2013.12.02*/
  /* width:190px; */
  height:35px;
  font-size:10px;
  color:#fff;
  background-color:#fff;
}

#navi-static-books ul{
  margin:0px;
  padding:0px;
  background-color:#fff;
}
#navi-static-books ul li{
  clear:none;
  float:left;
  margin:0px;
  padding:0px;
  height:35px;
  font-size:10px;
  color:#333;
  text-align:left;
}

#sitenavi-menu #navi-static-books ul li a#ns1{
  width:146px;
  height:35px;
  background-image:url(/common/images/v1/books/navi_books.jpg);
    background-repeat:no-repeat;
  background-position:-850px 0;
  display:block;
}

#sitenavi-menu #navi-static-books ul li a#ns1:hover{
  background-position:-850px -35px;
}

#sitenavi-menu #navi-static-books ul li a#ns1.current{
  background-position:-850px -70px;
}