@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	list-style:none;
	font-weight:normal
	}

body {
    text-align:center; /*IE6以下用のセンタリング*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(img/main_bg.jpg) repeat-x ;
	background-color: #ffd595;
	}

a:link{text-decoration:none; color:#000000}
a:visited{text-decoration:none; color:#000000;}
a:hover{text-decoration:underline; color:#999999;}
a:active{text-decoration:underline; color:#999999;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#top {
	width:100%;
	height:10px;
	background-color:#20406e;
	border-bottom:1px solid #999999;
	}


#wrap {
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #EAEAEA;
	background-color:#20406e;
	}
	
/*------Leftはここから-----*/	
#Left {
	float:left;
	width:175px;
	xheight:622px;
	xbackground:url(img/left_bg.jpg) repeat-x;
	background-color:#20406e;
	}
	
#Leftnavi1 {
	width:175px;
	float:left;
	}

#Leftnavi1 h1 {
	width:135px;
	height:59px;
	margin:5px 20px 10px;
	/margin:5px 0;
	}

#Leftnavi1 h1 a {
	width:135px;
	height:59px;
	background:url(img/shop_logo.gif) no-repeat;	
	text-indent:-9999px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}

#Leftnavi1 ul {
	width:175px;
	}
	
#Leftnavi1 ul li {
		}

#Leftnavi1 ul li a {
	background:url(img/left_menu1.gif) no-repeat;
	height:42px;
	display:block;
	text-indent:-9999em;
	/*\*/
	overflow:hidden;
	/**/
		}
		
/*------off------*/
#Leftnavi1 li.shopinfo a{
	background:url(img/left_menu1.gif) no-repeat 0px 0px;
	width:175px;
		}
#Leftnavi1 li.userscar a{
	background:url(img/left_menu1.gif) no-repeat 0px -42px;
	width:175px;
		}
#Leftnavi1 li.system a{
	background:url(img/left_menu1.gif) no-repeat 0px -84px;
	width:175px;
		}
#Leftnavi1 li.democar a{
	background:url(img/left_menu1.gif) no-repeat 0px -126px;
	width:175px;
		}

/* ------stay on----- */
#Leftnavi1 li.shopinfo a:hover,#Leftnavi1 li.shopinfo a.stay{
	background-position: -175px 0px;
	width:175px;
	}
#Leftnavi1 li.userscar a:hover,#Leftnavi1 li.userscar a.stay{
	background-position: -175px -42px;
	width:175px;
	}
#Leftnavi1 li.system a:hover,#Leftnavi1 li.system a.stay{
	background-position: -175px -84px;
	width:175px;
	}
#Leftnavi1 li.democar a:hover,#Leftnavi1 li.democar a.stay{
	background-position: -175px -126px;
	width:175px;
	}
	
	
	
	
#Leftnavi2 {
	width:175px;
	float:left;
	}

#Leftnavi2 ul {
	width:175px;
	margin-bottom:10px;
	}
	
#Leftnavi2 ul li {
		}

#Leftnavi2 ul li a {
	background:url(img/left_menu2.gif) no-repeat;
	height:24px;
	display:block;
	text-indent:-9999em;
	/*\*/
	overflow:hidden;
	/**/
		}
		
/*------off------*/
#Leftnavi2 li.concept a{
	background:url(img/left_menu2.gif) no-repeat 0px 0px;
	width:175px;
		}

#Leftnavi2 li.price a{
	background:url(img/left_menu2.gif) no-repeat 0px -24px;
	width:175px;
		}

#Leftnavi2 li.event a{
	background:url(img/left_menu2.gif) no-repeat 0px -48px;
	width:175px;
		}
#Leftnavi2 li.map a{
	background:url(img/left_menu2.gif) no-repeat 0px -72px;
	width:175px;
		}

/* ------stay on----- */
#Leftnavi2 li.concept a:hover,#Leftnavi2 li.concept a.stay{
	background-position: -175px 0px;
	width:175px;
	}
	
#Leftnavi2 li.price a:hover,#Leftnavi2 li.price a.stay{
	background-position: -175px -24px;
	width:175px;
	}
	
#Leftnavi2 li.event a:hover,#Leftnavi2 li.event a.stay{
	background-position: -175px -48px;
	width:175px;
	}
#Leftnavi2 li.map a:hover,#Leftnavi2 li.map a.stay{
	background-position: -175px -72px;
	width:175px;
	}

#Leftnavi3 {
	width:175px;
	float:left;
	}

#Leftnavi3 ul {
	width:175px;
	margin-bottom:20px;
	}
	
#Leftnavi3 ul li {
		}

#Leftnavi3 ul li a {
	background:url(img/left_menu3.gif) no-repeat;
	height:38px;
	display:block;
	text-indent:-9999em;
	/*\*/
	overflow:hidden;
	/**/
		}
		
/*------off------*/
#Leftnavi3 li.inquary a{
	background:url(img/left_menu3.gif) no-repeat 0px 0px;
	width:175px;
		}
#Leftnavi3 li.blog a{
	background:url(img/left_menu3.gif) no-repeat 0px -37px;
	width:175px;
		}
		
#Leftnavi3 li.caraudio a{
	background:url(img/left_menu3.gif) no-repeat 0px -74px;
	width:175px;
		}

/* ------stay on----- */
#Leftnavi3 li.inquary a:hover,#Leftnavi3 li.inquary a.stay{
	background-position: -175px 0px;
	width:175px;
	}
#Leftnavi3 li.blog a:hover,#Leftnavi3 li.blog a.stay{
	background-position: -175px -37px;
	width:175px;
	}
	
#Leftnavi3 li.caraudio a:hover,#Leftnavi3 li.caraudio a.stay{
	background-position: -175px -74px;
	width:175px;
	}


#Left p {
	margin-left:8px;
	font-size:11px;
	color:#fff;
	text-align:left;
	line-height:130%;
	}

#Left p.indent1{
	margin:0 0 5px 55px;
	font-size:12px;
	}


/*------headerはここから-----*/
#header {
	width:825px;
	height:68px;	
	border-bottom:1px solid #EAEAEA;/*下側の横線を記述するため*/
	border-left:1px solid #EAEAEA;/*左側の縦線を記述するため*/
	float:right;
	margin-left:-1px;/*左側の縦線を左側に1pxずらすため*/
	position:relative;
	background-color:#FFFFFF;
	}

#header ul {
	width:330px;
	float:right;
	xmargin-right:10px;
	}
	
#header ul li {
	float:left;
	}

#header ul li a {
	background:url(img/header_menu.gif) no-repeat;
	height:20px;
	display:block;
	text-indent:-9999em;
	/*\*/
	overflow:hidden;
	/**/
		}
		
#header h2 {
	float:left;
	width:500px;
	height:34px;
	margin:14px 0 0 20px;
	_margin:14px 0 0 10px;
	background:url(img/header_logo.jpg) no-repeat;	
	text-indent:-9999px;
	display:block;
	}

#header p {
	float:right;
	position:absolute;
	top:27px;
	right:20px;
	}

/*------off------*/
#header li.home a{
	background:url(img/header_menu.gif) no-repeat 0px 0px;
	width:56px;
		}
#header li.link a{
	background:url(img/header_menu.gif) no-repeat -56px 0px;
	width:46px;
		}
#header li.stuff a{
	background:url(img/header_menu.gif) no-repeat -102px 0px;
	width:77px;
		}		
#header li.faq a{
	background:url(img/header_menu.gif) no-repeat -179px 0px;
	width:84px;
		}
#header li.recruit a{
	background:url(img/header_menu.gif) no-repeat -263px 0px;
	width:67px;
		}
/* ------stay on----- */
#header li.home a:hover,#header li.home a.stay{
	background-position: 0px -20px;
	width:56px;
	}
#header li.link a:hover,#header li.link a.stay{
	background-position: -56px -20px;
	width:46px;
	}	
#header li.stuff a:hover,#header li.stuff a.stay{
	background-position: -102px -20px;
	width:77px;
	}
#header li.faq a:hover,#header li.faq a.stay{
	background-position: -179px -20px;
	width:84px;
	}	
#header li.recruit a:hover,#header li.recruit a.stay{
	background-position: -263px -20px;
	width:67px;
	}	
/*------contentsはここから-----*/
#contents {
	width:825px;
	float:right;
	background-color:#FFFFFF;
	}

#contentsLeft {
	width:619px;
	margin:0 auto;
	float:left;
	margin-left:-1px;/*左側の縦線を左側に1pxずらすため*/
	_margin-left:-0.5px;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #EAEAEA;
	xpadding-bottom:15px;
	}
	
#contentsLeftindex {
	width:600px;
	margin:10px auto 0;
	float:left;
	margin-left:-1px;/*左側の縦線を左側に1pxずらすため*/
	_margin-left:0px;
	border-left:10px solid #FF6600;
	border-right:10px solid #FF6600;
	_border-left:10px solid #FF6600;
	_border-right:9px solid #FF6600;
	xpadding-bottom:15px;
	}
	
#flash {
	margin-bottom:10px;
	}
	
	
#contentsLeft #bar {
	width:290px;
	height:140px;
	float:left;
	text-align:left;
	margin-left:6px;
	_margin-left:2px;
	margin-bottom:15px;
	background-color:#ffffff;
	overflow-y: auto;
	scrollbar-base-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #D0C4A6;
	scrollbar-highlight-color: #FFF9EC;
	scrollbar-shadow-color: #FFF9EC;
	scrollbar-3dlight-color: #D0C4A6;
	scrollbar-darkshadow-color: #D0C4A6;
	}

#flashsecurity{
	width:288px;
	height:143px;
	margin-right:1px;
	padding-top:3px;
	float:right;
	border:#996600 1px solid;
	}
	

/*------index linkを一時停止------*/


#contentsLeft #indexlink ul li {
	float:left;
	}

#contentsLeft #indexlink ul li a {
	background:url(img/install_navi.jpg) no-repeat;
	width:270px;
	height:36px;
	float:left;
	display:block;
	text-indent:-9999em;
	/*\*/
	overflow:hidden;
	/**/
		}

/*------off------*/
#contentsLeft #indexlink li.tire a{
	background:url(img/install_navi.jpg) no-repeat -270px 0px;
	width:270px;
		}
#contentsLeft #indexlink li.navi a{
	background:url(img/install_navi.jpg) no-repeat -270px -36px;
	width:270px;
		}
#contentsLeft #indexlink li.audio a{
	background:url(img/install_navi.jpg) no-repeat -270px -72px;
	width:270px;
		}
#contentsLeft #indexlink li.parts a{
	background:url(img/install_navi.jpg) no-repeat -270px -108px;
	width:270px;
		}


/* ------stay on----- */
#contentsLeft #indexlink li.tire a:hover,#contentsLeft #link li.tire a.stay{
	background-position: 0px 0px;
	width:270px;
	}
#contentsLeft #indexlink li.navi a:hover,#contentsLeft #link li.navi a.stay{
	background-position: 0px -36px;
	width:270px;
	}	
#contentsLeft #indexlink li.audio a:hover,#contentsLeft #link li.audio a.stay{
	background-position: 0px -72px;
	width:270px;
	}
#contentsLeft #indexlink li.parts a:hover,#contentsLeft #link li.parts a.stay{
	background-position: 0px -108px;
	width:270px;
	}	


/*------index linkを一時停止ここまで------*/




.bartext1 {
	margin:7px 0 7px 8px;
	_margin:7px 0 7px 6px;
	}
	
.bartext2 {
	margin-left:10px;
	_margin-left:8px;
	}

#security {
	width:600px;
	clear:both;
	}
	
#securityL {
	float:left;
	width:174px;
	height:54px;
	margin:5px 0 0 5px;
	_margin:5px 0 0 2px;
	}
	
#securityR {
	width:413px;
	height:52px;
	margin:5px 6px 0 0;
	_margin:5px 3px 0 0;
	float:right;
	border:#666666 1px solid;
	}	

#securityL li {
	float:left;
	}

#securityL li a{
	width:174px;
	height:54px;
	display:block;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
	}
	
#securityL li.argus a{
	background:url(img/argus.jpg) no-repeat 0px 0px;
	width:174px;
	}
	
#securityL li.force a{
	background:url(img/force.jpg) no-repeat 0px 0px;
	width:174px;
	}
	
#securityL li.ampire a{
	background:url(img/ampire.jpg) no-repeat 0px 0px;
	width:174px;
	}

#securityL li.argus a:hover{
	background-position:-174px 0px;
	width:174px;
	}

#securityL li.force a:hover{
	background-position:-174px 0px;
	width:174px;
	}
	
#securityL li.ampire a:hover{
	background-position:-174px 0px;
	width:174px;
	}

#securityR dd{
	font-family:"メイリオ";
	_font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	font-size:12px;
	text-indent:5px;
	color:#003399;
	background-color:#FFEFDF;
	}

#securityR dt{
	font-family:"メイリオ";
	_font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:left;
	font-size:11px;
	text-indent:10px;
	}

#space {
	clear:both;
	width:600px;
	height:20px;
	}




/*------ここからRight--------*/
#contentsRight {
	width:204px;
	float:right;
	}
	

#contentsRight ul {
	width:201px;
	}
	
#contentsRight ul li {
		}


#contentsRight ul li a{
	background:url(img/right_menu.jpg) no-repeat;
	height:71px;
	display:block;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
		}
			
/*------off------*/
#contentsRight li.install a{
	background:url(img/right_menu.jpg) no-repeat -201px 0px;
	width:201px;
	height:140px;
		}
		
#contentsRight li.rentalpit a{
	background:url(img/right_menu.jpg) no-repeat -201px -140px;
	width:201px;
	height:67px;
		}

/*#contentsRight li.democar a{
	background:url(img/right_menu.jpg) no-repeat -204px -207px;
	width:204px;
		}
#contentsRight li.newitem a{
	background:url(img/right_menu.jpg) no-repeat -204px -211px;
	width:204px;
		}
#contentsRight li.sieg a{
	background:url(img/right_menu.jpg) no-repeat -204px -282px;
	width:204px;
		}*/


/* ------stay on----- */
#contentsRight li.install a:hover,#contentsRight li.install a.stay{
	background-position: 0px 0px;
	width:201px;
	height:140px;
		}
		
#contentsRight li.rentalpit a:hover,#contentsRight li.rentalpit a.stay{
	background-position: 0px -140px;
	width:201px;
	height:67px;
		}

/*#contentsRight li.democar a:hover,#contentsRight li.democar a.stay{
	background-position: 0px -207px;
	width:204px;
		}

#contentsRight li.newitem a:hover,#contentsRight li.newitem a.stay{
	background-position: 0px -211px;
	width:204px;
		}
#contentsRight li.sieg a:hover,#contentsRight li.sieg a.stay{
	background-position: 0px -282px;
	width:204px;
		}*/
		
#contentsRight h3 {
	width:200px;
	height:70px;
	margin:5px 0;
	}


#contentsRight h3.hyperfoged a {
	width:200px;
	height:70px;
	background:url(img/right_hyperhoged.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}

#contentsRight h3.gnosis a{
	width:200px;
	height:70px;
	background:url(img/right_gnosis.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}

#contentsRight h3.bilstein a{
	width:200px;
	height:70px;
	background:url(img/right_bilstein.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}

#contentsRight h3.kw a{
	width:200px;
	height:70px;
	background:url(img/right_kw.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}

#contentsRight h3.bluewave a{
	width:200px;
	height:70px;
	background:url(img/right_bluewave.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}

#contentsRight h3.remus a{
	width:200px;
	height:70px;
	background:url(img/right_remus.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}

#contentsRight h3.tugel a{
	width:200px;
	height:70px;
	background:url(img/right_tugel.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}

/*-----ここからfooter-------*/
#footer {
	width:100%;
	height:1px;
	clear:both;
	xborder-top:1px solid #EAEAEA;
	xborder-bottom:1px solid #EAEAEA;
	background-color:#999999;
	}

#footer img {
	padding:5px 0;
	}


#low {
	clear:both;
	width:100%;
	height:15px;
	background-color:#20406e;
	xborder-bottom:100px solid #ffffff;
	}