/* ショップ・ナビゲーション
---------------------------------------------------- */
#navishop {
  float: left;
  width: 150px;
}
#navishop ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navishop li {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 33px;
  text-indent: -9999px;
}
#navishop li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  padding: 0;
  width: 150px;
  height: 33px;
}
#navishop li#shop1      {
  background: url(../images/bn_shop.gif) no-repeat 0 0;
}
#navishop li#staff1    {
  background: url(../images/bn_shop.gif) no-repeat 0 -33px;
}
#navishop li#gyoumu1  {
  background: url(../images/bn_shop.gif) no-repeat 0 -66px;
}
#navishop li#map1 {
  background: url(../images/bn_shop.gif) no-repeat 0 -99px;
}
#navishop li#shop1 a:hover    {
  background: url(../images/bn_shop.gif) no-repeat -150px 0;
}
#navishop li#staff1 a:hover    {
  background: url(../images/bn_shop.gif) no-repeat -150px -33px;
}
#navishop li#gyoumu1 a:hover    {
  background: url(../images/bn_shop.gif) no-repeat -150px -66px;
}
#navishop li#map1 a:hover    {
  background: url(../images/bn_shop.gif) no-repeat -150px -99px;
}

/* 販売・ナビゲーション
---------------------------------------------------- */
#navisale {
  float: left;
  width: 150px;
}
#navisale ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navisale li {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 33px;
  text-indent: -9999px;
}
#navisale li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  padding: 0;
  width: 150px;
  height: 33px;
}
#navisale li#car     {
  background: url(../images/bn_sale.gif) no-repeat 0 0;
}
#navisale li#parts    {
  background: url(../images/bn_sale.gif) no-repeat 0 -33px;
}
#navisale li#sale  {
  background: url(../images/bn_sale.gif) no-repeat 0 -66px;
}
#navisale li#car a:hover    {
  background: url(../images/bn_sale.gif) no-repeat -150px 0;
}
#navisale li#parts a:hover    {
  background: url(../images/bn_sale.gif) no-repeat -150px -33px;
}
#navisale li#sale a:hover    {
  background: url(../images/bn_sale.gif) no-repeat -150px -66px;
}


/* サービス・ナビゲーション
---------------------------------------------------- */
#navitun {
  float: left;
  width: 150px;
}
#navitun ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navitun li {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 33px;
  text-indent: -9999px;
}
#navitun li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  padding: 0;
  width: 150px;
  height: 33px;
}

#navitun li#ment    {
  background: url(../images/bn_tun.gif) no-repeat 0 0;
}
#navitun li#syaken  {
  background: url(../images/bn_tun.gif) no-repeat 0 -33px;
}
#navitun li#cor  {
  background: url(../images/bn_tun.gif) no-repeat 0 -66px;
}
#navitun li#ment a:hover    {
  background: url(../images/bn_tun.gif) no-repeat -150px 0;
}
#navitun li#syaken a:hover    {
  background: url(../images/bn_tun.gif) no-repeat -150px -33px;
}
#navitun li#cor a:hover    {
  background: url(../images/bn_tun.gif) no-repeat -150px -66px;
}
/* ギャラリー・ナビゲーション
---------------------------------------------------- */
#navigal {
  float: left;
  width: 150px;
}
#navigal ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigal li {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 33px;
  text-indent: -9999px;
}
#navigal li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  padding: 0;
  width: 150px;
  height: 33px;
}
#navigal li#pro     {
  background: url(../images/bn_gal.gif) no-repeat 0 0;
}
#navigal li#user    {
  background: url(../images/bn_gal.gif) no-repeat 0 -33px;
}
#navigal li#zasshi  {
  background: url(../images/bn_gal.gif) no-repeat 0 -66px;
}
#navigal li#pro a:hover    {
  background: url(../images/bn_gal.gif) no-repeat -150px 0;
}
#navigal li#user a:hover    {
  background: url(../images/bn_gal.gif) no-repeat -150px -33px;
}
#navigal li#zasshi a:hover    {
  background: url(../images/bn_gal.gif) no-repeat -150px -66px;
}

/* イベント・ナビゲーション
---------------------------------------------------- */
#navievent {
  float: left;
  width: 150px;
}
#navievent ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navievent li {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 33px;
  text-indent: -9999px;
}
#navievent li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  padding: 0;
  width: 150px;
  height: 33px;
}
#navievent li#eventb     {
  background: url(../images/bn_event.gif) no-repeat 0px 0px;
}
#navievent li#reportb    {
  background: url(../images/bn_event.gif) no-repeat 0px -33px;
}
#navievent li#eventb a:hover    {
  background: url(../images/bn_event.gif) no-repeat -150px 0px;
}
#navievent li#reportb  a:hover    {
  background: url(../images/bn_event.gif) no-repeat -150px -33px;
}

/* ユーロマジック・ナビゲーション
---------------------------------------------------- */
#navieuro {
  float: left;
  width: 150px;
}
#navieuro ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navieuro li {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 33px;
  text-indent: -9999px;
}
#navieuro li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  padding: 0;
  width: 150px;
  height: 33px;
}
#navieuro li#blog     {
  background: url(../images/bn_euro.gif) no-repeat 0 0;
}
#navieuro li#qanda    {
  background: url(../images/bn_euro.gif) no-repeat 0 -33px;
}
#navieuro li#euromail  {
  background: url(../images/bn_euro.gif) no-repeat 0 -66px;
}
#navieuro li#blog a:hover    {
  background: url(../images/bn_euro.gif) no-repeat -150px 0;
}
#navieuro li#qanda a:hover    {
  background: url(../images/bn_euro.gif) no-repeat -150px -33px;
}
#navieuro li#euromail a:hover    {
  background: url(../images/bn_euro.gif) no-repeat -150px -66px;
}



/*トップ・ナビゲーション
---------------------------------------------------- */
ul.main{font-size:12px;}
ul.main{text-align:center;/*メインメニューの文字揃え*/}
ol.sub{text-align:center;/*サブメニューの文字揃え*/}
ul.sub-2{text-align:center;/*サブメニューの文字揃え*/}
ul.main{font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；}
.main a{text-decoration:none;}
/*：メインメニューの背景色*/
.main{background-color:;/*サブメニューの位置をずらした場合指定必須*/}
.main li{}
/*メインメニューのオンマウス時*/
.main a:hover{}
/*サブメニューへ移動したときの色（main a:hoverと同じ値推奨）*/
.main li.on{}

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.sub{background-color:#333333;}
.sub li{background-color:#333333;}
/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#ffffff;}
/*サブメニュー2へ移動したときの色（sub a:hoverと同じ値推奨）*/
.sub li.on2{background-color:#ffffff;}
/*：メインメニューの文字色*/
.main a:link{color:#0000ff}
.main a:visited{color:#000000;}
.main a:hover{color:#ff0000;}

/*：サブメニューの文字色*/
.sub a:link{color:#FFFFFF}
.sub a:visited{color:#FFFFFF;}
.sub a:hover{color:#333333;}
/*---------------メインメニュー幅の設定--------------------*/
ul.main{
	width:888px;
	margin: 0px;
	padding: 0px;
}

/*---------------メインメニューアイテム幅の設定--------------------*/
.main li.off{
    height:45px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:148px;/*文字数に合わせて調整*/
}
.main li.on{
    width:148px;/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.main a{padding:0px;
}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.main li.off{
}
/*展開時・メインメニューの枠線*/
.main li.on{
}
/*展開時メインアイテム下に線が無くなるのを防止*/
.main a{
}

/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:148px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:148px;/*ol.subと同じ値を推奨*/
    height:24px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:148px;/*ol.subと同じ値を推奨*/
    height:24px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{
/*border:1px solid #993300;値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい
使用するときは前後のコメントを削除*/
}
.sub li.off2,.sub li.on2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
	width:148px;/*削除不可*/
	height:18px;/*削除不可*/
	font-size:12px;
	font-weight: normal;/*width+padding（左右）の値がol.subのwidthと同じになるように。
height+padding（上下）の値がol.subのheightと同じになるように調整*/
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/************************５：自由記述オプション*************************/

ul.navi{} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.navi li.off{} /* メインメニューアイテム通常時 */
ul.navi li.on{} /* メインメニューアイテム展開時 */
li.off a,li.on a{} /* メインメニュー用リンク */

ol.sub{} /* サブメニュー */
ol.sub li.off2{} /* サブメニューアイテム通常時 */
ol.sub li.on2{} /* サブメニューアイテム展開時 */
li.off2 a,li.on2 a{} /* サブメニュー用リンク */

/************************６：変更不可*******************************/

.main *{margin:0; padding:0; list-style:none;display:block;}
ul.main{position:relative;}
ul.main li.off{position:relative;float:left;overflow:hidden;}
ul.main li.on{float:left;overflow:hidden;}
ul.main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}


/* globalNav */


div#navSide{ width:888px; height:45px; margin:0; padding:0; position: relative;}
div#navSide ul li img{ margin:0; padding:0; border:0;}

.positionrela{position:relative;}

div#navi{
    width:100%;
    position:absolute;
    z-index:100;
	margin: 0px;
	padding: 0px;
	left: 0px;
} /* 全体を囲むボックス */




#sub_nav {
	width: 151px;
	height: 374px;
	margin:3px 0 0 0;
	padding:0;
	text-align:center;
	float:left;

}

/*---------------------------------------------
 ** パーツ紹介 サブナビ
---------------------------------------------*/
#sub_nav ul {
	display: inline-block;
	width: 151px;
	height: 27px;
	margin:0 auto;
	padding: 0;
	list-style: none;
}

#sub_nav ul li {
      display: block;
	  height: 27px;
	  margin: 0 0 2px 3px;
	  padding: 0;
      text-indent: -999em;
	  float:left;
      }

#sub_nav ul li#sub_navmain  { background:url(../sale/parts/img/common/pa_01.jpg)  0 0; width:142px; height:27px; display: block;}
#sub_nav ul li#sub_navmain a { background:url(../sale/parts/img/common/pa_01.jpg) 0 0; width:142px; height:27px; display: block;}
#sub_nav ul li#sub_navmain a:hover { background: url(../sale/parts/img/common/pa_01_on.jpg) -0 0; width:142px; height:27px; display: block;}

#sub_nav ul li#sub_navmain2  { background:url(../sale/parts/img/common/pa_02.jpg)  0 0; width:142px; height:27px; display: block;}
#sub_nav ul li#sub_navmain2 a { background:url(../sale/parts/img/common/pa_02.jpg) 0 0; width:142px; height:27px; display: block;}
#sub_nav ul li#sub_navmain2 a:hover { background: url(../sale/parts/img/common/pa_02_on.jpg)  -0 0; width:142px; height:27px; display: block;}


#sub_nav ul li#sub_nav00  { background:url(../sale/parts/img/common/parts_sub_nav.jpg)  0 0; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav00 a { background:url(../sale/parts/img/common/parts_sub_nav.jpg) 0 0; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav00 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg)  -151px 0; width:151px; height:27px; display: block;}
body#parts_01 #sub_nav ul li#sub_nav00 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -0; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav01 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -27px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav01 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -27px; width:151px; height:27px; display: block;}
body#parts_02 #sub_nav ul li#sub_nav01 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -27px; width:151px; height:27px; display: block;}

#sub_nav ul li#sub_nav02 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -54px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav02 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -54px; width:151px; height:27px; display: block;}
body#parts_03 #sub_nav ul li#sub_nav02 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -54px; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav03 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -81px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav03 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -81px; width:151px; height:27px; display: block;}
body#parts_04 #sub_nav ul li#sub_nav03 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -81px; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav04 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -108px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav04 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -108px; width:151px; height:27px; display: block;}
body#parts_05 #sub_nav ul li#sub_nav04 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -108px; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav05 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -135px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav05 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -135px; width:151px; height:27px; display: block;}
body#parts_06 #sub_nav ul li#sub_nav05 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -135px; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav06 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -162px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav06 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -162px; width:151px; height:27px; display: block;}
body#parts_07 #sub_nav ul li#sub_nav06 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -162px; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav07 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -189px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav07 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -189px; width:151px; height:27px; display: block;}
body#parts_08 #sub_nav ul li#sub_nav07 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -189px; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav08 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -216px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav08 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -216px; width:151px; height:27px; display: block;}
body#parts_09 #sub_nav ul li#sub_nav08 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -216px; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav09 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -243px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav09 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -243px; width:151px; height:27px; display: block;}
body#parts_10 #sub_nav ul li#sub_nav09 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -243px; width:151px; height:27px; display: block;}


#sub_nav ul li#sub_nav10 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -270px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav10 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -270px; width:151px; height:27px; display: block;}
body#parts_11 #sub_nav ul li#sub_nav10 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -270px; width:151px; height:27px; display: block;}

#sub_nav ul li#sub_nav11 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) 0 -297px; width:151px; height:27px; display: block;}
#sub_nav ul li#sub_nav11 a:hover { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -297px; width:151px; height:27px; display: block;}
body#parts_12 #sub_nav ul li#sub_nav11 a { background: url(../sale/parts/img/common/parts_sub_nav.jpg) -151px -297px; width:151px; height:27px; display: block;}

.clear{ clear:both;}


/* ごあいさつページ削除 */

#navi ul.main li:first-child ol.sub li:nth-child(2){
  display: none!important;
}
#navishop #staff1{
  display: none;
}
