/*-----------------------------------------------------

10px = 77%     11px = 85%     12px = 93%     13px = 100%

14px = 108%    15px = 116%    16px = 123.1%  17px = 131%

18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%

22px = 167%    23px = 174%    24px = 182%    25px = 189%

26px = 197%

------------------------------------------------------*/

body{background-color:#FFF!important;}
div#wrapper {background:none!important;}
img{vertical-align:top;}

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.gNavi_webcatalog{width:900px; margin:0 auto;}

.gNavi_support{width:900px; margin:0 auto;}

a:link,a:visited,a:active{color:#016ba2; text-decoration:none;}

a:hover{text-decoration:underline;}




/* ==========================================
/
/ メニュー等
/
/========================================== */

.anchorWrapper{position: relative;}

.anchorWrapper .anchorPoint{position: absolute; top: -20px; left:0;}

* html .anchorWrapper .anchorPoint{position: absolute; top: 15px; left:0;}



.sideMenu{position:absolute; right:0; text-align:right; width:33px; z-index:100;}

.sideMenu li{padding:0 0 1px; position:relative; display:block; z-index:100;}

.sideMenu li a{ display:block; margine:0;padding:0;height:33px;}

.sideMenu .item01 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side02.gif);}

.sideMenu .item02 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side03.gif);}

.sideMenu .item03 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side04.gif);}

.sideMenu .item04 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side05.gif);}

.sideMenu .item05 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side06.gif);}

.sideMenu .item06 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side07.gif);}

.sideMenu .item07 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side08.gif);}

.sideMenu .item08 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side09.gif);}

.sideMenu .item09 { background-image:url(/auto-archive/stepwgn/normal/2015/image/index_img/side/btn_side10.gif);}



.ecoanime_item { position:absolute;}

.ecoanime_wrap .filp1 {left:11px;top:258px;}

.ecoanime_wrap .filp2 {left:403px;top:94px;}

.ecoanime_wrap .meter3 {left:585px;top:244px;}

.ecoanime_wrap .meter2 {left:585px;top:244px;}

.ecoanime_wrap .meter1 {left:585px;top:244px;}

.ecoanime_wrap .fukidashi2 {left:156px;top:196px;}

.ecoanime_wrap .fukidashi1 {left:706px;top:146px;}

.ecoanime_wrap .bt_press {left:263px;top:299px;}

.ecoanime_wrap .bt {left:263px;top:299px;}

.ecoanime_wrap .handWraper {height:265px; width:366px; position:absolute; left:-52px;top:327px; overflow:hidden;}

.ecoanime_wrap .hand {/*left:-52px;top:327px;*/}



#auto-footer{margin-top:60px;}

#auto-footer-contents{text-align:left;}

#auto-footer-col-mail-text{font-size:77%; padding:15px 20px 0 20px!important;}



#auto-footer-special-banner{

  float:left;

  margin-bottom:10px;

  margin-left:22px;

  margin-right:22px;

  width:246px;

}

#auto-footer-banner_fbnon {

  float:left;

  margin-bottom:10px;

  margin-left:auto;

  margin-right:auto;

  margin-top:10px;

}

#auto-footer-banner_fbnon li {

  margin-bottom:20px;

}



.gNavi_webcatalogOuter{background:#F0F0F0;}











/* ==========================================
/
/ メインイメージ
/
/========================================== */
#topMain {
	width:100%;
	background: url(/auto-archive/stepwgn/normal/2015/image/index_img/blue_bg.gif) repeat-x;
}

#topMainWrap {
	position: relative;
	width:100%;
	height:454px;
	margin:0 auto;
}

#topMainWrap .bg2 {
	position: relative;
	width: 100%;
	height: 454px;
	margin: 0 auto;
	background: url(/auto-archive/stepwgn/normal/2015/image/index_img/oblique_bg.png) no-repeat center top;
}

.topMainConteWrap {
	position: absolute;
	width: 100%;
	height: 454px;
	top: 0;
	left: 0;
}

.topMainConte {
	width:900px;
	height:454px;
	margin:0 auto;
	position:relative;
}

/* .topCarBox {
	width: 680px;
	height: 320px;
	position: relative;
	top: 0;
	left: -30px;
} */

/* .topCarBox .loading {
	width: 680px;
	height: 320px;
	position: absolute;
	top: 0px;
	left: 0px;
}
 */
 
/* .topMainCaution {
	width: 350px;
	height: 60px;
	position: absolute;
	top: 340px;
	left: 20px;
	display: none; 
}

.topMainCaution .ca01 {
	position: absolute;
	top: 38px;
	left: 146px;
	opacity: 0;
	filter: alpha(opacity=0);	ie 6 7
}
.topMainCaution .ca02 {
	position: absolute;
	top: 38px;
	left: 172px;
	opacity: 0;
	filter: alpha(opacity=0);	ie 6 7
}
.topMainCaution .ca03 {
	position: absolute;
	top: 20px;
	left: 313px;
	opacity: 0;
	filter: alpha(opacity=0);	ie 6 7
} */

/* .topMainCautionStar {
	width: 371px;
	height: 9px;
	position: absolute;
	top: 432px;
	left: 30px;
}
 */
.topArrowBox {
	width: 212px;
	height: 37px;
	position: absolute;
	top: 350px;
	left: 370px;
}

.topArrowBox .arrowL {
	width:46px;
	margin-left: 0;
	/*
	margin-left:204px;
	_margin-left:102px;
	*/
	line-height:0;
	float:left;
}

.topArrowBox .viewCopy {
	width:106px;
	margin-left:7px;
	line-height:0;
	float:left;
}

.topArrowBox .arrowR {
	width:46px;
	margin-left:7px;
	text-align:left;
	line-height:0;
	float:left;
}

/* .topColorBox {
	width: 600px;
	height: 24px;
	position: absolute;
	top: 403px;
	left: 25px;
} */

/* .topColorBox .color-btns {
	width:500px;
	padding-left:80px;
	padding-bottom:2px;
	overflow:hidden;
	line-height:0;
	float:left;
	background: url(/auto-archive/stepwgn/normal/2015/image/index_img/main_img/color_ttl.png) no-repeat left 3px;
} */

/* .topColorBox li {
	float:left;
	padding-right:3px;
	line-height:0;
	IE6 & IE7
	*line-height: 1px;
	*font-size: 1px;
}
*/

.topColorBox .marker {
	position: relative;
	width: 570px;
	height: 3px;
	padding-bottom: 2px;
	/* display: none; */
}

.topColorBox .marker img {
	position: absolute;
	width: 50px;
	height: 2px;
	top: 0;
	left: 0;
}

.topColorBox .tips {
	width:205px;
	float:left;
	background: url(/auto-archive/stepwgn/normal/2015/image/index_img/main_img/color_tips_bg.png) no-repeat;
	text-align:center;
	font-size:71.4%;
	line-height:19px;
}

.topTtlBox {
	width: 210px;
	height: 192px;
	position: absolute;
	top: 45px;
	left: 650px;
}

.topTtlBox .ca01 {
	position: absolute;
	top: 53px;
	left: 187px;
	opacity: 0;
	filter: alpha(opacity=0);	/* ie 6 7 */
}

.topTtlBox .ca02 {
	position: absolute;
	top: 132px;
	left: 83px;
	opacity: 0;
	filter: alpha(opacity=0);	/* ie 6 7 */
}

.topInfoBox {
	width: 211px;
	/*height:108px;*/
	position: absolute;
	top: 260px;
	left: 650px;
}

.topInfoBox div.btn {
	/* width:211px;
	height:67px;
	line-height:0;
	overflow:hidden; */
}

.topInfoBox p.btn {
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	float: left;
	width: 67px;
	height: 67px;
	position: relative;
	margin-right: 3px;
}

.topInfoBox p.btn1{
	width:72px;
	height:74px;
	margin-top:-7px;
	margin-left:-5px;
}
.topInfoBox p.btn1 img{
	position:absolute;
	right:0;
	bottom:0;
}

.topInfoBox p.btnR {
	float:left;
}


/* ----------------------------------------------- */
/*カラーコーション追加*/
#topMainWrap {
	height:469px;
	}

#car_slide_area {
	padding-left:20px;
	}
	
/* car_slide */
#car_slide {
	width: 680px;
	height: 320px;
	position: relative;
	top: 0;
	left: -60px;
	}
#car_slide li {
	position:absolute;
	width:680px;
	height:320px;
	}

	
/* car_caution */
#car_caution {
	position:relative;
	height: 63px;
	margin-left:-7px;
	margin-top:20px;
	}
#car_caution li {
	position:absolute;
	}
.ca01, .ca02, .ca03 {
	position: absolute;
	opacity: 0;	-ms-filter: "alpha(opacity=0)";
	}
.ca01 {top: 38px; left: 146px;}
.ca02 {top: 38px; left: 172px;}
.ca03 {top: 20px; left: 313px;}


/* color_btn */
#color_btn {
	position:relative;
	padding-left:75px;
	background: url(/auto-archive/stepwgn/normal/2015/image/index_img/main_img/color_ttl.png) no-repeat -4px 3px;
	}
#color_btn li {
	float:left;
	margin-right:3px;
	padding-bottom:3px;
	}
#color_btn li.crt {
	border-bottom: 2px solid #1B7AAB;
	}
#color_btn li img {
	cursor:pointer;
	}

	
/* color_name, color_caution */
#color_name {
	font-size:10px;
	position:relative;
	height:15px;
	margin-top:5px;
	}
#color_name li {
	position:absolute;
	}
#color_caution {
	font-size:10px;
	}
	
/* inint */
#car_slide li,
#car_caution li,
#color_name li,
#color_caution {
	display:none;
}

	
.top_caution {
	color:red;
	font-size:12px;
	text-align: left;
	}

/* ----------------------------------------------- */


/* レコメンド */
#rt-personalize-area-a {
	width:216px;
	padding:10px 0 2px 0;
	overflow:hidden;
}
#rt-personalize-area-a a {
	padding-left:16px;
	background: url(/auto-archive/stepwgn/normal/2015/image/index_img/black.gif) no-repeat left 2px;
	color:#333;
}
#rt-personalize-area-a a:link
, #rt-personalize-area-a a:visited {
	color: #006699;
	text-decoration: none;
}
#rt-personalize-area-a a:hover {
	color: #006699;
	text-decoration: underline;
}

#rt-personalize-area-a {
	clear:both;
}

.topSnsBox {
	width: 216px;
	height: 20px;
	position: absolute;
	top: 400px;
	left: 650px;
}

.topSnsBox .twitter {
	position: absolute;
	width: 100px;
	top: 0;
	left: 0px;
}

.topSnsBox .twitter a{
	font-size:80%;
}

.topSnsBox .facebook {
	position: absolute;
	width: 110px;
	top: 0;
	right: 0;
}




/* ==========================================
/
/ コンテンツ
/
/========================================== */
/* common */
.wrap_bg{margin-top:30px; padding-bottom:30px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/mid_foot_bg2.png) no-repeat center bottom;}
.wrap_bg h2{width:900px; margin:0 auto; text-align:center; padding-bottom:10px; border-bottom:#CCC solid 1px;}


/* ex */
.wrapX03{min-height:30px; height:auto!important;height:30px;}
.wrapX04{padding:3px 0;}


.wrapA01{margin:0px; padding:0 0 30px; min-width:900px; overflow:hidden; background:url(/auto-archive/stepwgn/normal/2015/common/image_common/mid_foot_bg.png) no-repeat center bottom;
			width: expression(document.body.clientWidth < 902? "900px" : "auto");}
.wrapA02{margin:0px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con1_bg02.jpg) repeat-x center top;}
.wrapA03{margin:0px; min-height:580px; height:auto!important;height:580px; text-align:left; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con1_bg01.jpg) no-repeat center top;}
.wrapA04{width:900px; margin:0 auto;}
.wrapA04 .phBox{ position:relative;}
.wrapA04 .phBox li{ position:absolute;}
.wrapA04 .phBox .ph1{top:55px;left:-60px;}
.wrapA04 .phBox .ph2{top: 79px;left: 150px;}
.wrapA04 .phBox .ph3{top:55px;left:750px;}
.wrapA04 .phBox .tx1{top: 420px; left: 140px;}
.wrapA04 .text01{font-size:116%; margin:15px 0 0;}
.wrapA04 p{margin:0 14px 0 0; float:left;}
.wrapA04 .text01{font-size:108%; margin:3px 0 0;}
.wrapA04 .text01 img{margin:0 4px 0 0; vertical-align:middle;}



.wrapB01{margin:-5px 0px 0px; position:relative; padding:0 0 30px; min-width:900px; overflow:hidden; background:url(/auto-archive/stepwgn/normal/2015/common/image_common/mid_foot_bg.png) no-repeat center bottom;
			width: expression(document.body.clientWidth < 902? "900px" : "auto");}
.wrapB02{width:900px; margin:0 auto; min-height:580px; height:auto!important;height:580px; text-align:left;}
.wrapB03 .phBox{ position:relative;}
.wrapB03 .phBox li{ position:absolute;}
.wrapB03 .phBox .ph1{ top: 0px;left:530px; width:524px; height:374px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con2_ph02.png) no-repeat left top;}
.wrapB03 .phBox .ph2{top: 280px;left: 50px;}
.wrapB03 .phBox .tx1{top:60px; left:0px;}
.wrapB03 p{margin:0 14px 0 0; float:left;}
.wrapB03 .text01{font-size:108%; margin:3px 0 0;}
.wrapB03 .text01 img{margin:0 4px 0 0; vertical-align:middle;}



.wrapC01{margin:0px; padding:0 0 5px; min-width:900px; overflow:hidden; background:url(/auto-archive/stepwgn/normal/2015/common/image_common/mid_foot_bg.png) no-repeat center bottom;
			width: expression(document.body.clientWidth < 902? "900px" : "auto");}
.wrapC02{width:900px; margin:0 auto; min-height:580px; height:auto!important;height:580px; text-align:left;}



.wrapC03 .phBox{ position:relative; height:476px;}
.wrapC03 .phBox li{ position:absolute;}
.wrapC03 .phBox .ph1{top:16px;left:0px;}
.wrapC03 .phBox .ph2{top:16px;left: 527px;}
.wrapC03 .phBox .ph3{top:167px; left:679px;}
.wrapC03 .phBox .ph4{top:15px; left:830px;}
.wrapC03 .phBox .ph5{top:370px; left:535px;}
.wrapC03 p{margin:0 14px 0 0; float:left;}
.wrapC03 .text01{font-size:108%; margin:3px 0 0;}
.wrapC03 .text01 img{margin:0 4px 0 0; vertical-align:middle;}



.wrapD01{margin:-5px 0 0; padding:0 0 30px; min-width:900px; overflow:hidden; background:url(/auto-archive/stepwgn/normal/2015/common/image_common/mid_foot_bg.png) no-repeat center bottom; overflow:hidden; position:relative;
			width: expression(document.body.clientWidth < 902? "900px" : "auto");}
.wrapD02{width:900px; margin:0 auto; min-height:530px; height:auto!important;height:530px; text-align:left;}

.wrapD03 .phBox{ position:relative;}
.wrapD03 .phBox li{ position:absolute;}
.wrapD03 .phBox .ph1{top: 0;left:420px; width:558px; height:533px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con4_ph02.png) no-repeat left top;}
.wrapD03 .phBox .ph2{ display:block; height:219px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con4_ph01.png) no-repeat left top;
						width:561px; top: 295px;left: 30px;}
.wrapD03 .phBox .ph2.active{background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con4_ph01.png) no-repeat right top;}
.wrapD03 .phBox .tx1{top:80px; left:30px;}
.wrapD03 p{margin:0 14px 0 0; float:left;}
.wrapD03 .text01{font-size:108%; margin:3px 0 0;}
.wrapD03 .text01 img{margin:0 4px 0 0; vertical-align:middle;}



.wrapE01{margin:-5px 0px 0;position:relative; padding:0 0 30px; min-width:900px; overflow:hidden; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con5_bg01.jpg) repeat-x center top;
			width: expression(document.body.clientWidth < 902? "900px" : "auto");}
.wrapE02{width:900px; margin:0 auto; min-height:630px; height:auto!important;height:630px; text-align:left;}
.wrapE03 .phBox{ position:relative;}
.wrapE03 .phBox li{ position:absolute;}
.wrapE03 .phBox .ph1{top: 0px;left:0px; width:1057px; height:630px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con5_ph01.jpg) no-repeat left top;}
.wrapE03 .phBox .ph2{ display:block; height:219px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con4_ph01.png) no-repeat left top;
						width:561px; top: 295px;left: 30px;}
.wrapE03 .phBox .tx1{top:60px; left:30px;}
.wrapE03 p{margin:0 14px 0 0; float:left;}
.wrapE03 .text01{font-size:108%; margin:3px 0 0;}
.wrapE03 .text01 img{margin:0 4px 0 0; vertical-align:middle;}



.wrapF01{margin:30px 0px 0px; padding:0 0 40px; min-width:900px; overflow:hidden; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/mid_foot_bg2.png) no-repeat center bottom;
			width: expression(document.body.clientWidth < 902? "900px" : "auto");}
.wrapF01 h2{width:900px; margin:0 auto; text-align:center; padding-bottom:10px; border-bottom:#CCC solid 1px;}
.wrapF02{width:900px; margin:0 auto;}
.wrapF02 .colL { float:left; display:inline;}
.wrapF02 .colR { float:right; display:inline;}
.w435{width:435px !important;} 
.w437{width:437px !important;}
.wrapF02 .text01 {height: 25px;line-height: 25px; margin:0; padding:0;}
.wrapF02 .text01 img{margin:0 4px 0 0; vertical-align:middle;}



.wrapG01{margin:30px 0px 0px; padding:0 0 30px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/mid_foot_bg2.png) no-repeat center bottom;}
.wrapG01 h2{width:900px; margin:0 auto; text-align:center; padding-bottom:10px; border-bottom:#CCC solid 1px;}
.wrapG02{width:900px; margin:0 auto;}
.wrapG02.line1{width:900px; margin:0 auto; border-top:#CCC solid 1px;}
.wrapG02 .colL { float:left; display:inline; width:423px;}
.wrapG02 .colL2 { float:left; display:inline; width:288px;}
.wrapG02 .colR { float:right; display:inline; width:454px; margin-right:-17px; position:relative;}
.wrapG02 .colR2 { float:right; display:inline; width:577px;}
.wrapG04 {width:900px; margin:40px auto; padding:20px 0; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;}



.wrapJ01{margin:90px 0 0;}
.wrapJ02{width:900px; margin:0 auto; text-align:left;}



.wrapK01{margin:60px 0 0;}
.wrapK02{width:900px; margin:0 auto; text-align:left;}
.wrapK03{width:610px; height:385px; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/wrap_k_bg01.gif) no-repeat; float:left; display:inline; margin:0 0 0 -15px; position: relative; z-index: 10;}
.wrapK03 p{padding:20px 0 0 35px;}
.wrapK03 p img{padding:52px 0 0 113px;}
.wrapK04{width:278px; float:right; display:inline;}
.wrapK04 .wrapKTx01{margin:95px 0 0 0; font-size:123.1%; color:#333;}
.wrapK04 .wrapKTx02{margin:11px 0 45px 0; color:#656565;}



.boldTex {font-weight:bold;}
.normalText11 {font-size: 90%; line-height: 1.6em;}
.normalText10 {font-size: 80%; line-height: 1.6em;}

.mt65{margin-top:65px !important;}
.w450 {width:450px;}
.w288 {width:288px;}




/* ==========================================
/
/ オトクな情報
/
/========================================== */
.otoku ul.wrap_c {
	width: 905px;
}
.otoku li.dnavi {
	margin-right: 5px;
}
.otoku h3 {
	margin:28px auto 25px;
}
.otoku .bg {background:url(../images/otoku_bg_01.gif) left top no-repeat;}
.otoku .kinri, .otoku .dnavi {/*float:left;  height:418px;*/ position: relative; margin: 0 auto 30px; text-align: center;}
.otoku h3 {text-align:center; /*border-bottom:2px solid #C9CACA;*/}
.otoku p.caution_small {margin: auto; position: absolute; left: 0; right: 0; bottom: 0px; width: 450px; text-align: center; }
.otoku p.btn_more {margin: auto; position: absolute; top: 0;  right: 68px; width: 165px;}







/* ----------------------------------------------- */
/* 未使用? */
#con7b_tx03 {
	width:450px;
	height:44px;
	display:block;
	background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con7b_tx03_bg.gif) top left no-repeat;
}
#con7b_tx03 a {padding-left:136px;}
#con7b_tx04 {width:450px; height:44px; display:block; background:url(/auto-archive/stepwgn/normal/2015/image/index_img/con7b_tx04_bg.gif) top left no-repeat;
}
#con7b_tx04 a {padding-left:160px;}