@charset "UTF-8";


body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #F6F6F6;
	background-image: url(images/bg_body.gif);
	background-repeat: repeat-x;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3",Meiryo, Osaka;
}
img{
	border:none;
	margin: 0 auto;
}
form{
	margin:0;
	padding:0;
}





#header{
	width: 735px;
	margin: 0 auto 4px auto;
	background: url(images/bg_header.gif) no-repeat;
	z-index: 2;
	position: relative;
}

#header img {
	border:none;
}

#ruf {
	width:95%;
	position:absolute;
	top:0;
	left:0;
	z-index: 0;
	text-align:center;
	margin: 5px;
	color: #D1D1D1;
}
div.ruf{
	width:700px;
	margin:0 auto;
}

#ruf h1{
	font-size: 100%;
}

#info{
	width: 330px;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 47px;
	height: 20px;
	background-color: #D1D1D1;
	overflow: hidden;
	white-space: nowrap;
}

#info ul {
	margin:0;
	padding:0;
}
#info li {
	text-indent:-9999px;
	list-style-type:none;
}

#info a {
	display:block;
	height:20px;
	position:absolute;
	top:0;
}


#info li#info1 a {
	background: url(images/info.gif) no-repeat 0px 0px;
	left:0;
	width:100px;
}
#info li#info2 a {
	background: url(images/info.gif) no-repeat 0px -20px;
	left:60px;
	width:100px;
}
#info li#info3 a {
	background: url(images/info.gif) no-repeat 0px -40px;
	left:157px;
	width:100px;
	display: none;
}
#info li#info4 a {
	background: url(images/info.gif) no-repeat 0px -60px;
	left:161px;
	width:100px;
}
#info li#info5 a {
	background: url(images/info.gif) no-repeat 0px -80px;
	left:243px;
	width:100px;
}



#info li#info1 a:hover {
	background: url(images/info.gif) no-repeat -100px 0px;
	width:100px;
}
#info li#info2 a:hover {
	background: url(images/info.gif) no-repeat -100px -20px;
	width:100px;
}
#info li#info3 a:hover {
	background: url(images/info.gif) no-repeat -100px -40px;
	width:100px;
}
#info li#info4 a:hover {
	background: url(images/info.gif) no-repeat -100px -60px;
	width:100px;
}
#info li#info5 a:hover {
	background: url(images/info.gif) no-repeat -100px -80px;
	width:100px;
}


#info li#info1 a.s {
	background: url(images/info.gif) no-repeat -100px 0px;
	width:100px;
}
#info li#info2 a.s {
	background: url(images/info.gif) no-repeat -100px -20px;
	width:100px;
}
#info li#info3 a.s {
	background: url(images/info.gif) no-repeat -100px -40px;
	width:100px;
}
#info li#info4 a.s {
	background: url(images/info.gif) no-repeat -100px -60px;
	width:100px;
}
#info li#info5 a.s {
	background: url(images/info.gif) no-repeat -100px -80px;
	width:100px;
}









#logo{
	width: 67px;
	height: 67px;
	float: right;
}

#logo a{
	display:block;
	height: 67px;
	background:url(images/logo.gif);
	font-size:0px;
	text-indent:-9999px;
	text-decoration:none;
}

#navi_new{
	background: url(images/navi_bg.gif) no-repeat;
	margin: 0 auto;
	width: 735px;
	height: 39px;
	position:relative;
}

#navi_new ul{
	margin:0;
	padding:0;
}
#navi_new li{
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:14px;
	height:20px;
}

#navi_new li a{
	display:block;
	height:20px;
}

#navi_new li a span{
	display:none;
}

#navi_new li#navi01{
	left:20px;
	width:63px;
}

#navi_new li#navi02{
	left:93px;
	width:63px;
}

#navi_new li#navi03{
	left:199px;
	width:63px;
}

#navi_new li#navi04{
	left:275px;
	width:86px;
}

#navi_new li#navi05{
	left:372px;
	width:60px;
}

#navi_new li#navi06{
	left:470px;
	width:82px;
}

#navi_new li#navi07{
	left:563px;
	width:56px;
}

#navi_new li#navi08{
	left:631px;
	width:31px;
}

#navi_new li#navi09{
	left:675px;
	width:40px;
}

#navi_new li#navi01 a{
	background:url(images/navi.gif) no-repeat -20px -14px;
}

#navi_new li#navi02 a{
	background:url(images/navi.gif) no-repeat -93px -14px;
}

#navi_new li#navi03 a{
	background:url(images/navi.gif) no-repeat -200px -14px;
}

#navi_new li#navi04 a{
	background:url(images/navi.gif) no-repeat -273px -14px;
}

#navi_new li#navi05 a{	
	background:url(images/navi.gif) no-repeat -369px -14px;
}

#navi_new li#navi06 a{
	background:url(images/navi.gif) no-repeat -475px -14px;
}

#navi_new li#navi07 a{
	background:url(images/navi.gif) no-repeat -567px -14px;
}

#navi_new li#navi08 a{
	background:url(images/navi.gif) no-repeat -632px -14px;
}

#navi_new li#navi09 a{
	background:url(images/navi.gif) no-repeat -672px -14px;
}

#navi_new li#navi01 a:hover{
	background:url(images/navi.gif) no-repeat -20px -53px;
}

#navi_new li#navi02 a:hover{
	background:url(images/navi.gif) no-repeat -93px -53px;
}

#navi_new li#navi03 a:hover{
	background:url(images/navi.gif) no-repeat -200px -53px;
}

#navi_new li#navi04 a:hover{
	background:url(images/navi.gif) no-repeat -273px -53px;
}

#navi_new li#navi05 a:hover{
	background:url(images/navi.gif) no-repeat -369px -53px;
}

#navi_new li#navi06 a:hover{
	background:url(images/navi.gif) no-repeat -475px -53px;
}

#navi_new li#navi07 a:hover{
	background:url(images/navi.gif) no-repeat -567px -53px;
}

#navi_new li#navi08 a:hover{
	background:url(images/navi.gif) no-repeat -632px -53px;
}

#navi_new li#navi09 a:hover{
	background:url(images/navi.gif) no-repeat -672px -53px;
}



#navi_new li#navi01 a.s{
	background:url(images/navi.gif) no-repeat -20px -53px;
}

#navi_new li#navi02 a.s{
	background:url(images/navi.gif) no-repeat -93px -53px;
}

#navi_new li#navi03 a.s{
	background:url(images/navi.gif) no-repeat -200px -53px;
}

#navi_new li#navi04 a.s{
	background:url(images/navi.gif) no-repeat -273px -53px;
}

#navi_new li#navi05 a.s{
	background:url(images/navi.gif) no-repeat -369px -53px;
}

#navi_new li#navi06 a.s{
	background:url(images/navi.gif) no-repeat -475px -53px;
}

#navi_new li#navi07 a.s{
	background:url(images/navi.gif) no-repeat -567px -53px;
}

#navi_new li#navi08 a.s{
	background:url(images/navi.gif) no-repeat -632px -53px;
}

#navi_new li#navi09 a.s{
	background:url(images/navi.gif) no-repeat -672px -53px;
}





#navisub{
	width: 733px;
	margin: 15px auto 0 auto;
	z-index: 10;
}

.navisub{
	text-align: right;
	border-left: 10px solid #FFFFFF;
	padding: 10px;
}

#navisub h2{
	font-size:12px;
	color:#FFFFFF;
	padding: 2px 0;
	margin: 0;
}
#navisub a,#navisub a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background: url(images/square_w.gif) no-repeat 0% 50%;
	padding: 0 10px 0 15px;
}
#navisub a:hover{
	color: #C70000;
	background: url(images/square_r.gif) no-repeat 0% 50%;
}
#navisub a.select,#navisub a.select:visited{
	background: url(images/square_r.gif) no-repeat 0% 50%;
	color: #C70000;
}




#main{
	width: 735px;
	margin: 5px auto 18px auto;
	font-size: 78%;
	text-align: left;
}
#main.top{
	width: 735px;
	margin: 8px auto 18px auto;
}

#main a:link{
	color:#CC3300;
	text-decoration: none;
}
#main a:visited{
	color: #993333;
	text-decoration: none;
}
#main a:hover{
	text-decoration: underline;
	color: #FF0000;
}


#main table{
	margin: 0 auto;
}

#main table td{
	padding: 5px;
	border-bottom: 1px solid #666666;
	text-align: left;
	line-height: 150%;
}
#main table.noborder td{
	padding: 5px;
	text-align: left;
	line-height: 150%;
	border:none;
}

#main table.noborder table.border td{
	border-bottom: 1px solid #FFFFFF;
}

#main table.kei td{
	padding: 5px;
	text-align: left;
	line-height: 150%;
	border-left: 1px solid #ADADAD;
}
#main table.kei td.noborder{
	padding: 5px;
	border-bottom: 1px solid #ADADAD;
	border-left:none;
	border-top:none;
	border-right:none;
	line-height: 150%;
}

#main table td.center{
	text-align: center;
}
#main table td.bg{
	background-color:#F5F5F5;
}
#main table td.bleft{
	border-left:2px solid #ADADAD;;
}
#main table.img td{
	padding: 0px;
	border-bottom: none;
}


#main table td.small{
	font-size:80%;
}
#main table td h2{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 150%;
	color: #868686;
}
#main table td h3{
	font-size: 100%;
	color: #868686;
}


#main table td.title{
	background: url(images/bg_tdttl.gif) no-repeat 0% 50%;
	color: #999999;
	padding: 0 0 0 15px;
	width: 160px;
	font-size: 85%;
	font-weight: bold;
	border-left: none;
}
#main table td.high{
	padding-top: 40px;
}

.pankuzu{
	color: #666666;
	padding: 0px 3px 5px 3px;
	margin: 0;
	text-align: left;
	font-size: 10px;
}
.topcar{
	width: 365px;
	float: left;
	text-align: right;
}
.topcon{
	width: 365px;
	float: left;
	text-align: right;
}
.topcar img,.topcon img{
	margin: 0;
}



.topbody{
	color: #333333;
	margin: 20px auto 0 auto;
	width: 850px;
	padding: 0;
}
#topnews{
	margin: 15px auto;
	width: 735px;
	font-size: 12px;
	text-align: left;
}



#topnews div.news{
	background:url(images/bg_whatsnew2.gif) no-repeat 10px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
}
#topnews div.news div.body{
	padding:10px 10px 10px 100px
}
#topnews div.news div.body p{
	font-size:12px;
	margin:0 0 5px 0;
	padding:0 0 0 40px;
	background:url(images/newsdot2.gif) no-repeat 0px 3px;
	color: #737373;
}

#topnews div.news div.body a{
	color:#CC0000;
}


#topnews div.blog{
	background:url(images/bg_blogttl.gif) no-repeat 10px 10px;
	border-bottom: 1px solid #CCCCCC;
}
#topnews div.blog div.body{
	padding:10px 10px 10px 100px
}
#topnews div.blog div.body p{
	font-size:12px;
	margin:0 0 5px 0;
	padding:0 0 0 40px;
	background:url(images/newsdot2.gif) no-repeat 0px 3px;
	color: #737373;
}

#topnews div.blog div.body a{
	color:#CC0000;
}













#topnews div.topbtn{
	text-align:right;
	width:156px;
	float:left;
}


.mainbody{
	color: #333333;
	padding: 0;
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
}
.mainbody div.img{
	padding:2px;
}
	

.mainbody2{
	color: #333333;
	border-left: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
}


.mainbody h2{
	margin: 0px;
	padding: 10px 20px;
	background: url(images/bg_redttl.gif) no-repeat 0% 50%;
	text-align: left;
}
.mainbody h3,.mainbodyparts h3{
	margin: 0px;
	padding: 10px 20px 5px;
	text-align: left;
}




.mainleft{
	width: 499px;
	text-align: left;
	clear: right;
	float: left;
}

.mainleft a img {
	border: 1px solid #CCCCCC;
}
.mainleft a img.noborder {
	border: none;
}

.mainright{
	float: right;
	width: 224px;
}
.mainrightarchive{
	text-align: left;
	padding: 10px 0 0 0;
	background: url(images/bg_blog.gif) no-repeat;
}
.mainrightaccount{
	text-align: left;
	padding: 0;
	margin:5px 0 0 0;
}
.download{
	text-align:left;
	margin: 0 0 0 50px;
	background: url(images/bg_down.gif) no-repeat 0px 10px;
	padding: 5px 5px 5px 90px;
}
.mainright h3 {
	padding: 5px;
	border-bottom: 2px dotted #FFFFFF;
	font-size: 80%;
	margin: 20px 0 10px;
	color: #FFFFFF;
	font-family: Arial;
}

.mainright ul{
	margin: 0 0 10px 20px;
	padding: 0px;
	list-style-type: square;
	text-indent: 0px;
}
.mainright li{
	margin: 0;
	padding: 3px;
	font-size: 12px;
	list-style-type: square;
}
/*-----------------------------------------------------------アクティブカー用ここから*/
.mainleft h2.active{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px;
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	line-height: 100%;
}

.mainrightactive{
	text-align: left;
	background: url(images/bg_activelist.gif) no-repeat;
	padding: 35px 0 100px 0;
}

.mainrightgoods{
	text-align: left;
	background: url(images/bg_goodslist.gif) no-repeat;
	padding: 30px 0 10px 0;
}
.mainactiveleft{
	width: 249px;
	height: 249px;
	float: left;
	font-weight: bold;
	clear: right;
	position:relative;
}

.mainleft div.approve{
	position:absolute;
	width:58px;
	height:17px;
	left: 175px;
	top: 218px;
}

.mainleft div.approve span{
	display:none;
}

.mainleft div.approve a{
	display:block;
	width:58px;
	height:17px;
}

.mainleft div.approve a.ruf{
	background:url(images/active_ruf_a.gif) no-repeat;
}

.mainleft div.approve a.rtc{
	background:url(images/active_rtc_a.gif) no-repeat;
}

.mainleft div.approve a.ruf:hover{
	background:url(images/active_ruf_a_ov.gif) no-repeat;
}

.mainleft div.approve a.rtc:hover{
	background:url(images/active_rtc_a_ov.gif) no-repeat;
}




.mainrightactive h3{
	background: none;
	border-bottom: 1px solid #FFFFFF;
	margin: 10px 0;
	padding: 0;
}



.mainactiveright{
	width: 249px;
	float: right;
	font-weight: bold;
	position: relative;
}
div.active img{
	margin:50px 0 10px 0;
}
div.active{
	text-align: center;
	margin: 0;
	font-size: 80%;
	height: 249px;
	background: url(images/bg_active.gif) no-repeat;
}
#main .mainactiveright p{
	font-weight: normal;
	margin: 5px;
	padding: 0;
}

#main p.interior{
	background:url(images/p_interior.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.model{
	background:url(images/p_model.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.year{
	background:url(images/p_year.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.number{
	background:url(images/p_number.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.bodycolor{
	background:url(images/p_bodycolor.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.meter{
	background:url(images/p_meter.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.inspection{
	background:url(images/p_inspection.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.spec{
	background:url(images/p_spec.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.price{
	background:url(images/p_price.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.detail{
	background:url(images/p_detail.gif) no-repeat 0px 2px;
	padding-left:75px;
	margin: 5px;
	padding-bottom: 0px;
}
#main p.description{
	background:url(images/p_description.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.name{
	background:url(images/p_name.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.parts{
	background:url(images/p_parts.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.states{
	background:url(images/p_states.gif) no-repeat 0px 2px;
	padding-left:75px;
}
#main p.type{
	background:url(images/p_type.gif) no-repeat 0px 2px;
	padding-left:75px;
}

#main p.image{
	padding-left:0px;
	margin: 0;
}

#main ul{
	text-align:left;
	padding: 0;
	margin:0px 20px;
}
#main li{
	padding:0px;
	margin: 0;
}
#main td li{
	padding:0px;
	font-size: 100%;
	margin: 0;
}


#main form.mail{
	margin: 0 0 2px 0;
	padding-left: 0px;
}
#main table.acticve{
	width:490px;
	align:center;
	margin-bottom:30px; 
}

#main table.acticve td{
	text-align:center;
	border-bottom:none;
}

#main table.acticve td img{
	width:150px;
	height: 113px;

}

.soldout{
	position:absolute;
	z-index:5;
}








#main ul ul li{
	list-style-image: url(images/bg_li.gif);
	margin: 3px;
}



#main p{
	margin: 10px 50px 10px 50px;
	line-height: 150%;
	padding: 0 0 10px 0;
	text-align: left;
}
#main td p{
	font-size: 100%;
	padding-bottom: 5px;
}

#main p.center{
	text-align:center;
}
#main p.small{
	font-size:65%;
}
#main div.download p{
	margin: 5px;
}
#main div.download img{
	margin: 0 5px;
	border:none;
}
#main p.date{
	text-align: right;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0;
}
#main p.right{
	text-align: right;
	font-size: 9px;
}

#main a.back{
	display:block;
	width:98px;
	height:19px;
	background:url(images/back.gif) no-repeat;
	margin:auto;
}

#main a.back:hover{
	background:url(images/back_ov.gif) no-repeat;
}

#main a.back span{
	display:none;
}





/*-----------------------------------------------------------サイトマップ用ここから*/


.sitemap{
	margin: 0;
	padding: 10px 50px 20px;
	text-align: left;
}
#main div.sitemap p{
	margin: 0;
	padding: 0;
	width: 400px;
	font-size: 10px;
	color: #666666;
}

#main div.sitemap h2{
	width: 500px;
	padding: 5px 5px 5px 20px;
	margin: 10px 0 0 0;
	font-size: 100%;
}


#main div.sitemap ul{
	text-align: left;
	margin: 0;
	clear: both;
	padding: 0 0 0 20px;
	width:600px;
}

#main div.sitemap li{
	font-size: 80%;
	margin: 5px 0px;
	list-style-type: square;
	list-style-image: url(images/bg_li.gif);
}


/*-----------------------------------------------------------フッター用ここから*/

#footer{
	font-size: 75%;
	padding: 10px 0 0 0;
	color: #707070;
	bottom: 10px;
	line-height: 150%;
}

#footer a{
	color:#5F5F5F;
}
/*------------------------------------------------------------------------partslist*/
.mainbodyparts{
	color: #333333;
	background-color: #FFFFFF;
	border-left: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	padding: 20px 0 20px 0;
	margin: 0 0 10px 0;
}



#main table.partslist tr.noborder td{
	border-bottom: none;
}
#main table.parts td{
	background-color: #CC0000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
#main table.parts td.ttl{
	background-color: #333333;
	width: 80px;
	color: #FFFFFF;
}

#main table.partslist td{
	vertical-align: top;
}
#main table.partslist td.img{
	width: 120px;
}
#main table.partslist td.img img{
	width: 120px;
}
#main table.partslist td p{
	margin:0;
}
#main table.partslist td p.price{
	padding-left:75px;
}

/*----------------------------------------------------------------------goods*/

#main table.goods td{
	padding:0;
	width: 245px;
	height: 209px;
	border: none;
	text-align:center;
	vertical-align: top;
}

#main .maingoods{
	text-align: center;
}
#main .maingoods img{
	margin: 20px auto;
}
#main table.goods img{
	margin: 45px 0 0 0;
}
#main .maingoods p{
	padding-bottom: 5px;
	margin: 0 20px;
}

#main table.goods p{
	text-align:center;
	padding: 5px;
	margin: 0;
}


#main table.goods td.goods1{
	background:url(images/goodsbg_01.gif) no-repeat;
}
#main table.goods td.goods2{
	background:url(images/goodsbg_01.gif) no-repeat;
}
#main table.goods td.goods3{
	background:url(images/goodsbg_01.gif) no-repeat;
}
#main table.small td{
	font-size:80%;
}

#main td.ttlred{
	background-color: #EEEEEE;
	color: #000000;
}




/*-----------------------------------------------------------バナー用ここから*/

#banner{
	width: 298px;
	height: 61px;
	position: absolute;
	top: 560px;
	left: 50%;
	margin-left: 65px;
}


/*-----------------------------------------------------------汎用クラスここから*/

#main a.vector{
	background:url(images/vector.gif) no-repeat 0px 3px;
	padding:0 0 0 20px;
	color:#FF0000;
}
.red {
	color:red;
}

.cobalt{
	color:#3366CC;
}

.margin5 {
	margin:5px;
}
.center{
	text-align:center;
}
.margin100100{
	margin: 10px 0 10px 0;
}
.margin00100{
	margin:0 0 10px 0;
}

.padding3{
	padding:3px;
}

.small{
	font-size:10px;
}

.padding5{
	padding:5px;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.smaller {
	font-size:80%;
}
.ruftxt{
	color:#148D00;
}

.rtctxt{
	color:#005A8D;
}


/*-----------------------------------------------------------打ち消し用ここから*/

td strong,p strong{
	font-weight:normal
}

td em,p em{
	font-style:normal
}

td dfn,p dfn{
	font-style:normal
}
textarea{
	font-family:Osaka,Verdana,Arial;
	font-size: 80%;
}
input{
	font-family:Osaka,Verdana,Arial;
}
div.clear{
	clear:both;
}