@charset "utf-8";



/*  g-nav
------------------------------------------------------*/
.g-nav-control,.g-nav,.layer { display:none; }


/*---------------------------------------
 globalNavi
 add 2012/09/12 @wada
-----------------------------------------------*/

#globalNavi { height: 63px;padding: 5px 0 0 0; position: absolute; left: 0px; top: 105px; width: 100%; min-width: 980px; z-index:100;
	background:url(../images/common/navi_back01.png) repeat-x 0 0;
}


#globalNavi ul {height: 64px; width: 100%; position: absolute; top: 0px; left: 0px; }
#globalNavi .naviBackground { background: url(../images/common/productNavi_back01_p64.png) repeat-x 0px 0px;
	height: 559px; width: 100%; left: 0px; top: -500px; position: absolute;  opacity: 0;
}

#globalNavi ul li { float:left; }
#globalNavi ul li a { display:block; width:163px; height:68px; text-indent:-9999px; }
#globalNavi .inner980{ position: relative; overflow: hidden; height:64px; }

 
/*----- globalProductList -----*/
#globalProductList {margin: 65px 0 0 0; height: 0px; min-width: 980px; overflow: hidden; position: relative;
	background:url(../images/common/productNavi_back01.png) repeat-x left bottom; opacity: 0;
}
#globalProductList #globalProductBox{ position: relative; overflow: hidden; height:0px; height: 221px;}
#globalProductPosition {position:absolute;left:0px;top:0px;width:980px;}
  
.navTabContents { position: absolute; top:0px; width:980px;}

.navTabContents .navTabContentsInner { height:260px; overflow:hidden; position: relative;}
.navTabContents .navTabContentsInner .blocks { position: absolute; top: 0px; left: 0px;}
 .navTabContents .block { float:left; margin:15px 7px 0 0; }
.navTabContents .btnUpDown { margin-top:20px; text-align:center; display:none; position: absolute; left: 313px; top: 238px;}
 .navTabContents .btnUpDown a { margin-right:30px;  }
 /* for IE7 */
*:first-child+html #globalProductList {margin:0 0 0 0;padding:60px 0 0 0;} 
.navTabContents#navTabContents01 {left:0px;}
.navTabContents#navTabContents02 {left:980px;}
.navTabContents#navTabContents03 {left:1960px;}
.navTabContents#navTabContents04 {left:2940px;}
.navTabContents#navTabContents05 {left:3920px;}
.navTabContents#navTabContents06 {left:4900px;}
.navTabContents#navTabContents06 {left:5880px;}
/* 
space : 7px 
width : 113px;
*/

/* block * 1 = 113px */ 
/* block * 2 = 233px */
/* block * 3 = 353px */
/* block * 4 = 474px */
/* block * 5 = 594px */
/* block * 6 = 714px */
/* block * 7 = 834px */
/* block * 8 = 954px */

.navTabContents#navTabContents01 .block01 { width:980px; }
/**/
.navTabContents#navTabContents02 .block01 { width:608px; }
.navTabContents#navTabContents02 .block02 { width:361px; }
/**/


 .navTabContents ul { margin-top:10px;  }
 .navTabContents ul li { float:left; margin-left:7px; width:113px; height:91px; }
 .navTabContents ul li:first-child { margin-left:0px; }
.navTabContents .scrollpoint {margin-top: 25px;}


#ampSpk li{ float:left; margin-left:3px; width:161px; height:161px; display:block; }


/*----- Car -----*/
.categoryCar #globalNavi ul li a { background:url(../images/car/carNavi.png) no-repeat 0 0; width:140px;}
.categoryCar #globalNavi ul li.m01 a { background-position: 0px 0px; width:140px; }
.categoryCar #globalNavi ul li.m02 a { background-position: -140px 0px; }
.categoryCar #globalNavi ul li.m03 a { background-position: -280px 0px; }
.categoryCar #globalNavi ul li.m04 a { background-position: -420px 0px; }
.categoryCar #globalNavi ul li.m05 a { background-position: -560px 0px; }
.categoryCar #globalNavi ul li.m06 a { background-position: -700px 0px; }
.categoryCar #globalNavi ul li.m07 a { background-position: -840px 0px; }
.categoryCar #globalNavi ul li.m01.active a ,
.categoryCar #globalNavi ul li.m01.overActive a { background-position: 0px -70px; }
.categoryCar #globalNavi ul li.m02.active a ,
.categoryCar #globalNavi ul li.m02.overActive a { background-position: -140px -70px; }
.categoryCar #globalNavi ul li.m03.active a ,
.categoryCar #globalNavi ul li.m03.overActive a { background-position: -280px -70px; }
.categoryCar #globalNavi ul li.m04.active a ,
.categoryCar #globalNavi ul li.m04.overActive a { background-position: -420px -70px; }
.categoryCar #globalNavi ul li.m05.active a ,
.categoryCar #globalNavi ul li.m05.overActive a { background-position: -560px -70px; }
.categoryCar #globalNavi ul li.m06.active a ,
.categoryCar #globalNavi ul li.m06.overActive a { background-position: -700px -70px; }
.categoryCar #globalNavi ul li.m07.active a ,
.categoryCar #globalNavi ul li.m07.overActive a { background-position: -840px -70px; }

/* lowerLayerPage */
#globalNaviWrapper,
.lowerLayerPage #globalNavi .inner980{
	background:#e6e6e6;
}
.lowerLayerPage #globalNavi .naviBackground{ opacity: 0; filter: alpha(opacity=0); }
.lowerLayerPage #globalProductList { opacity: 0; filter: alpha(opacity=0); }
/*
 .comProductNavi { background:url('/jp/com/images/comProductNavi_back01.gif') repeat-x 0 0; }
 .comProductNavi .bottom { padding-top:20px; height:3px; line-height:3px; background:url('/jp/com/images/comProductNavi_back02.gif') repeat-x 0 bottom; }

 #navTabContentsBoxCom .navTabContents#navTabContents03 .navTabContentsInner { height:108px; }
*/




/* For Tablet CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
	
#header .logo02 { margin-right:0px;}


/*  g-nav
------------------------------------------------------*/
.g-nav-control,.g-nav,.layer { display:none; }


/*-----------------------------------------------
 globalNavi
-----------------------------------------------*/

#globalNaviWrappe,
#globalNavi,
#globalProductList {display:block;}


	
}



@media screen and (max-width: 1px) {


/*---------------------------------------
 globalNavi
 add 2012/09/12 @wada
-----------------------------------------------*/

#globalNavi { height: 50px;padding: 4px 0 0 0; min-width: 768px; 
	background:url(../images/common/navi_back01@768.png) repeat-x 0 0;
}
#globalNavi ul { height:50px;}
#globalNavi ul li a { height:50px; }
#globalNavi .inner980{ height:50px; width:763px; margin-left:3px; }

 
/*----- globalProductList -----*/
#globalProductList {margin: 49px 0 0 0; min-width: 763px; padding-left:3px; }
#globalProductList #globalProductBox{ position: relative; overflow: hidden; height: 221px; width:100%;}
#globalProductPosition { width:763px;}
  
.navTabContents { width:763px;}

.navTabContents .navTabContentsInner { height:186px; }
.navTabContents .navTabContentsInner .blocks { position: absolute; top: 0px;}

 .navTabContents .block { float:left; margin:10px 7px 0 0; }
 .navTabContents .btnUpDown { margin-top:0; left: 207px; top: 195px;}
 .navTabContents .btnUpDown a { margin-right:30px;  }
 /* for IE7 */
*:first-child+html #globalProductList {margin:0 0 0 0;padding:60px 0 0 0;} 


.navTabContents#navTabContents01 .block01 { width:763px; margin-right:0; }
/**/
.navTabContents#navTabContents02 .block01 { width:474px; }
.navTabContents#navTabContents02 .block02 { width:281px; margin-right:0;}
/**/

.blockTitle {width:100%; }
.blockTitle img { width:100%; display:block; line-height:0;}

 .navTabContents ul { margin-top:7px; }
 .navTabContents ul li { float:left; margin-left:7px; width:88px; height:71px; }
 .navTabContents ul li:first-child { margin-left:0px; }
 .navTabContents ul li img { width:100%; display:block; line-height:0;}
.navTabContents .scrollpoint {margin-top: 25px;}


/*----- Car -----*/
.categoryCar #globalNavi ul li a { background:url(../images/car/carNavi@763.png) no-repeat 0 0; width:109px;}
.categoryCar #globalNavi ul li.m01 a { background-position: 0px 0px; width:109px; }
.categoryCar #globalNavi ul li.m02 a { background-position: -109px 0px; }
.categoryCar #globalNavi ul li.m03 a { background-position: -218px 0px; }
.categoryCar #globalNavi ul li.m04 a { background-position: -327px 0px; }
.categoryCar #globalNavi ul li.m05 a { background-position: -436px 0px; }
.categoryCar #globalNavi ul li.m06 a { background-position: -545px 0px; }
.categoryCar #globalNavi ul li.m07 a { background-position: -654px 0px; }
.categoryCar #globalNavi ul li.m01.active a ,
.categoryCar #globalNavi ul li.m01.overActive a { background-position: 0px -55px; }
.categoryCar #globalNavi ul li.m02.active a ,
.categoryCar #globalNavi ul li.m02.overActive a { background-position: -109px -55px; }
.categoryCar #globalNavi ul li.m03.active a ,
.categoryCar #globalNavi ul li.m03.overActive a { background-position: -218px -55px; }
.categoryCar #globalNavi ul li.m04.active a ,
.categoryCar #globalNavi ul li.m04.overActive a { background-position: -327px -55px; }
.categoryCar #globalNavi ul li.m05.active a ,
.categoryCar #globalNavi ul li.m05.overActive a { background-position: -436px -55px; }
.categoryCar #globalNavi ul li.m06.active a ,
.categoryCar #globalNavi ul li.m06.overActive a { background-position: -545px -55px; }
.categoryCar #globalNavi ul li.m07.active a ,
.categoryCar #globalNavi ul li.m07.overActive a { background-position: -654px -55px; }

/* lowerLayerPage */
#globalNaviWrapper,
.lowerLayerPage #globalNavi .inner980{
	background:#e6e6e6; width:100%;
}

/* �lj���2014/0918 @aozora
-----------------------------------------------*/

#categoryLauncher { height:372px !important; }


}
/* For Mobile Landscape CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {

#header .logo02 { margin-right:30px;}
	

/*  g-nav
------------------------------------------------------*/
.g-nav-control {
	display:block;
	float:right;
	background:url(../images/common/icon-menu.png) no-repeat 0 0;
	text-indent:-9999px;
	width:40px;
	height:27px;
	cursor:pointer;
}
.g-nav-active {	background:url(../images/common/icon-menu-close-bk.png) no-repeat center; }

.g-nav {
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	background-color:#000;
}
.g-nav ul { width:100%; }
.g-nav ul li { width:100%; border-top:1px solid #ccc; position:relative;}
.g-nav ul li a{
	margin-right:0px;
	padding:16px;
	display:block;
	color:#fff;
	font-size:1.6rem;
	line-height:1em;
}
.g-nav ul li a:hover{ background-color:#333; text-decoration:none; }

.layer-open-btn {
	position:absolute;
	top:0;
	right:0;
	height:16px;
	width:16px;
	padding:16px;
	background: url(../images/common/icon-plus.png) no-repeat 50% 50%;
	text-indent:-9999px;
	cursor:pointer;
}
.layer-open-btn:hover {	background-color:#666; }
.layer-active {	background: url(../images/common/icon-minus.png) no-repeat 50% 50%; }

.g-nav .first-layer { border-bottom:1px solid #ccc; margin-bottom:16px; }
.g-nav .second-layer li a { padding-left:32px; background-color:#222; }
.g-nav .third-layer li a{ padding-left:48px; background-color:#444; }

.nav-close {
	width:100%;
	text-align:center;
	margin-bottom:16px;
}
.nav-close-btn {
	display:inline-block;
	padding:6px 0px 6px 40px;
	background:url(../images/common/icon-menu-close-wh.png) no-repeat left;
	cursor:pointer;
	font-size:1.6rem;
	line-height:1em;
	color:#fff;
}

/*-----------------------------------------------
 globalNavi
-----------------------------------------------*/

#globalNaviWrappe,
#globalNavi,
#globalProductList {display:none;}

/* �lj���2014/0918 @aozora
-----------------------------------------------*/

#categoryLauncher { height:200px !important; }

}
/* For Mobile Portlate CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
}