@charset "shift_jis";


/* div#wrapper
=========================================*/
div#wrapper{/* 201303up */
	width:100%;
	margin:0;
	padding:0;
	background:none;
}


/*a{

	color:#0066CC;

	text-decoration:underline;

	}



a:hover{

	color:#0066CC;

	text-decoration:none;

}

*/





/* div#categoryTitle_wrapper　カテゴリータイトル

=========================================*/



div#categoryTitle_wrapper{

	border-bottom: 1px solid #B2B2B2 !important;

}

div.categoryTitle_type { height:110px;}

div.categoryTitle_lcnavi { height:92px;}

div.categoryTitle_basic { height:68px;}



/*

div#categoryTitle_banner {

	height: 56px;

}

*/





div.categoryTitle_basic h2,

div.categoryTitle_type h2,

div.categoryTitle_lcnavi h2 {

	padding:20px 0 16px 20px;

}

div.categoryTitle_lcnavi h2.navi_title{

	padding:20px 0 0 20px;

	float:left;

}

div.categoryTitle_lcnavi .navi_headerbtn{

	padding:15px 15px 0 0;

	float:right;

}



div#categoryTitle_wrapper h2 img {

	vertical-align: bottom;

}





div#categoryTitle_banner p {

	position: relative;

	padding-right: 15px;

	margin-top: -48px;

	text-align: right;

}



div#categoryTitle_wrapper ul{

	clear:both;

	padding-left:60px;

	background:url(../image_common/bg-tab_navigation.gif) no-repeat 55px 0;

}

div#categoryTitle_wrapper ul li{

	float:left;

	margin-right:11px;

}



div#categoryTitle_wrapper ul li img{

	vertical-align:bottom;

}









/* div#categoryBottom_wrapper　カテゴリーボトム

=========================================*/

div#categoryBtm_wrapper{

	clear: both;

	border-top: 1px solid #C4C4C4 !important;

}



div.categoryBtm_type {height:59px; background:url(../image_common/category_btm_bg.gif) repeat-x;}

div.categoryBtm_basic { height:43px; background:url(../image_common/category_btm_bg02.gif) repeat-x;}





div#categoryBtm_wrapper ul{

	padding-left:60px;

	background:url(../image_common/bg-tab_navigation_btm.gif) no-repeat 0 0;

	margin-bottom:30px;

}



div#categoryBtm_wrapper ul li{

	float:left;

	margin-right:11px;

}



div#categoryBtm_wrapper ul li img{

	vertical-align:bottom;

}





/* アンカーポイント

=========================================*/
.anchorWrapper {

	position:relative;

 width: 100%;

}

.anchorPoint {
	position: absolute;
	top: -75px;
	left: 0;	
}

*:first-child+html .anchorPoint{

  height: 1%;

  border: 1px solid #fff;

  filter:alpha(opacity="0");

}

* html .anchorPoint{

  height: 1px;

  position: static;

  display: block;

  border: 1px solid #fff;

  overflow: hidden;

  filter:alpha(opacity="0");

}


/* ページトップへ

=========================================*/
.min_footer {/* 201303up */

 	background:url(/auto-archive/stepwgn/normal/2015/common/image_common/mid_foot_bg.png) center bottom no-repeat;

	padding:0 0 50px;

}

.btnPageTop {/* 201303up */

  width:900px;

  border-bottom: none;

  margin:0 auto;

  padding: 21px 0 0;

  text-align: right;

}

p.go_pagetop{

	text-align:right;

	margin:0 60px 40px 0;

}



p.go_pagetop a img{

	filter:alpha(opacity=100); 

    -moz-opacity: 1.0; 

    opacity: 1.0;

}



p.go_pagetop a:hover img{

	filter:alpha(opacity=70); 

    -moz-opacity: 0.7; 

    opacity: 0.7;

}







/* ページトップへ インテリア */

.interiorPageTop {

	clear: both;

	text-align:right;

	margin-top: 50px;

}



.interiorPageTop a img {

	filter:alpha(opacity=100); 

    -moz-opacity: 1.0; 

    opacity: 1.0;

}



.interiorPageTop a:hover img {

	filter:alpha(opacity=70); 

    -moz-opacity: 0.7; 

    opacity: 0.7;

}







/* WEBカタログトップ

=========================================*/

div#web_mainimg {}

div#web_cap {

	padding: 5px 30px 70px;

	line-height: 1.5;

	font-size: 78%;

	background-repeat: repeat-x;

	background-position: bottom;

}



.web_title{ 

background-repeat:repeat-x;

margin-bottom:13px;

padding-left:20px;}







/* WEBカタログ共通　枠設定

=========================================*/

.sectionLV1 {

	clear: both;

	width: 760px;

	margin: 25px 70px 40px;

}







/*=========================================

  コンテンツ内共通スタイル

=========================================*/





/*  区切り用ボトムシャドウ

=========================================*/

.btm_shadow {

	padding-bottom:4px;

	background:url(../image_common/bg-bottom_shadow.gif) repeat-x left bottom;

}





/* 　メインビジュアル

=========================================*/

.main_visual img {

	vertical-align:bottom;

}



/* 　レイアウト

=========================================*/

.block {

	zoom:1;

}



.block:after {

    content: ""; 

    display: block; 

    clear: both;

}



.section {

	width:780px;

	margin:0 auto;

	padding:60px 0;

}



6/29up分追加

.section_fr {

	width: 780px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 8px;

	padding-bottom: 40px;



}



.section_3 {

	width:780px;

	margin:0 auto;

	padding:49px 0 58px 0;

}





/*.section p {

	line-height:2 !important;

}*/



.note {

	color: #666;

	font-size:78%;

	line-height:1.5 !important;

}







.section_title {

	border-bottom:1px solid #8c8c8c;

	padding-bottom:10px;

	margin-bottom:54px;

}



.section_title02 {

	padding-bottom:10px;

	margin-bottom:60px;

}



.small_title {

	margin-bottom:10px;

}



.copy {

	border-bottom:1px solid #8c8c8c;

	padding-bottom:2px;

	margin-bottom:10px;

}

	

	





/*  ポイント

=========================================*/

.point_title {

	float:left;

	width:125px;

	margin-right:33px;

	margin-bottom:35px;

}



.section p.point_description{

	float:left;

	width:622px;

	padding-top:8px;

	margin-bottom:35px;

	line-height:1.5 !important;

}



/* ポイントリスト */

.point_list {

	clear:both;

	position:relative;

	zoom:1;

	padding-left:6px;

	margin:0 -13px 0 -6px;

}



.point_list img {

	vertical-align:bottom;

}



.point_list.two_points {

	background:url(../image_common/bg-point_list_2.gif) no-repeat;

}

.point_list.three_points {

	background:url(../image_common/bg-point_list_3.gif) no-repeat;

}

.point_list.four_points {

	background:url(../image_common/bg-point_list_4.gif) no-repeat;

}



.point_list.five_points {

	background:url(../image_common/bg-point_list_5.gif) no-repeat;

}



.point_list.nine_points {

	background:url(../image_common/bg-point_list_9.gif) no-repeat;

}





.point_list:after {

    content: ""; 

    display: block; 

    clear: both;

}



.point_list li {

	float:left;

	padding-bottom:2px;

	margin-right:13px;

	margin-bottom:18px;

}





/*  2カラムボックス

=========================================*/

.two_columns {

	width:100%;

}





.two_columns .pic {

	float:left;

	width:355px;

}



.two_columns .description {

	float:right;

	width:355px;

}























/*=========================================

  リニューアル後追加スタイル

=========================================*/





.topBorder{ border-bottom:#CCC 1px solid; width:100%;}







/*  pageTopBtn

=========================================*/



.pageTopBtn{

	width:780px;

	margin:0 auto;

	text-align:right;

	padding:20px 0;	

}











.bgAqua{

	background:#52AFFF;

	padding:3px;

	color:#FFF;

	border-bottom-color:#FFFFFF 2px;

}









/*  height

=========================================*/



.height20{ height:20px;}

.height40{ height:40px;}

.height70{ height:70px;}

.height100{ height:100px;}

.height150{ height:150px;}

.height230{ height:230px;}



/*  letter-spacing

=========================================*/

.ls0{letter-spacing:0px;}





/*  line

=========================================*/

.lt01{
	border-top:#CCCCCC;
	border-top-width:1px;
	border-top-style:solid;
}

.line01{ color:#d1d1d1; border:1px solid; width:100%;}







/*  font-size

=========================================*/

.fs8{ font-size:8px;}

.fs10{ font-size:10px;}

.fs12{ font-size:12px; line-height:20px;}

.fs13{ font-size:13px; line-height:22px;}

.fs14{ font-size:14px;}

.fs15{ font-size:15px;}





/*  float

=========================================*/



.fl{float:left;}

.fr{float:right;}





/*  align

=========================================*/



.alignR{text-align:right;}

.alignL{text-align:left;}

.alignC{text-align:center;}



/*  padding

=========================================*/

.pl10{ padding-left:10px;}


.pt10{ padding-top:10px!important;}

.pt20{ padding-top:20px!important;}

.pt30{ padding-top:30px!important;}

.pt40{ padding-top:40px!important;}

.pt50{ padding-top:50px!important;}

.pt60{ padding-top:60px!important;}

.pb10{ padding-bottom:10px;}

.pb12{ padding-bottom:12px;}

.pb20{ padding-bottom:20px;}

.pb25{ padding-bottom:25px;}

.pb30{ padding-bottom:30px;}

.pb35{ padding-bottom:35px;}

.pb40{ padding-bottom:40px;}

.pb45{ padding-bottom:45px;}

.pb50{ padding-bottom:50px;}

.pb55{ padding-bottom:55px;}

.pb60{ padding-bottom:60px;}





/*  マージン

=========================================*/

.mt05{margin-top:5px!important;}

.mt06{margin-top:6px!important;}

.mt07{margin-top:7px!important;}

.mt08{margin-top:8px!important;}

.mt09{margin-top:9px!important;}

.mt10{margin-top:10px!important;}

.mt15{margin-top:15px!important;}

.mt20{margin-top:20px!important;}

.mt25{margin-top:25px!important;}

.mt26{margin-top:26px!important;}

.mt27{margin-top:27px!important;}

.mt28{margin-top:28px!important;}

.mt29{margin-top:29px!important;}

.mt30{margin-top:30px!important;}

.mt40{margin-top:40px!important;}

.mt50{margin-top:50px!important;}

.mt60{margin-top:60px!important;}

.mb02{margin-bottom:2px!important;}

.mb03{margin-bottom:3px!important;}

.mb04{margin-bottom:4px!important;}

.mb5{margin-bottom:5px!important;}

.mb06{margin-bottom:6px!important;}

.mb07{margin-bottom:7px!important;}

.mb08{margin-bottom:8px!important;}

.mb09{margin-bottom:9px!important;}

.mb10{margin-bottom:10px!important;}

.mb11{margin-bottom:11px!important;}

.mb12{margin-bottom:12px!important;}

.mb13{margin-bottom:13px!important;}

.mb14{margin-bottom:14px!important;}

.mb15{margin-bottom:15px!important;}

.mb16{margin-bottom:16px!important;}

.mb17{margin-bottom:17px!important;}

.mb18{margin-bottom:18px!important;}

.mb19{margin-bottom:19px!important;}

.mb20{margin-bottom:20px!important;}

.mb25{margin-bottom:25px!important;}

.mb26{margin-bottom:26px!important;}

.mb30{margin-bottom:30px!important;}

.mb35{margin-bottom:35px!important;}

.mb40{margin-bottom:40px!important;}

.mb44{margin-bottom:44px!important;}

.mb45{margin-bottom:45px!important;}

.mb50{margin-bottom:50px!important;}

.mb55{margin-bottom:55px!important;}

.mb60{margin-bottom:60px!important;}

.mb69{margin-bottom:69px!important;}

.mb70{margin-bottom:70px!important;}

.mb80{margin-bottom:80px!important;}

.mb90{margin-bottom:90px!important;}

.mb100{margin-bottom:100px!important;}



.mr01{margin-right:1px!important;}

.mr02{margin-right:2px!important;}

.mr03{margin-right:3px!important;}

.mr04{margin-right:4px!important;}

.mr05{margin-right:5px!important;}

.mr06{margin-right:6px!important;}

.mr07{margin-right:7px!important;}

.mr08{margin-right:8px!important;}

.mr10{margin-right:10px!important;}

.mr15{margin-right:15px!important;}

.mr20{margin-right:20px!important;}

.mr21{margin-right:21px!important;}

.mr35{margin-right:35px!important;}

.mr29{margin-right:29px!important;}

.mr40{margin-right:40px!important;}



.ml01{margin-left:1px!important;}

.ml02{margin-left:2px!important;}

.ml03{margin-left:3px!important;}

.ml04{margin-left:4px!important;}

.ml05{margin-left:5px!important;}

.ml06{margin-left:6px!important;}

.ml07{margin-left:7px!important;}

.ml08{margin-left:8px!important;}

.ml10{margin-left:10px!important;}

.ml22{margin-left:22px!important;}

.ml20{margin-left:20px!important;}

.ml30{margin-left:30px!important;}

.ml40{margin-left:40px!important;}

.ml50{margin-left:50px!important;}

.ml60{margin-left:60px!important;}

.ml70{margin-left:70px!important;}

.ml110{margin-left:110px!important;}





/*  横幅 width

=========================================*/



.w40{ width:40px;}

.w50{ width:50px;}

.w180{ width:180px;}

.w476{ width:476px;}



.w200{ width:200px;}

.w205{ width:205px;}

.w220{ width:220px;}

.w246{ width:246px;}

.w335{ width:335px;}

.w357{ width:357px;}

.w490{ width:490px;}



.w145{ width:145px;}

.w635{ width:635px;}



.w233{ width:233px;}

.w631{ width:631px;}



.w280{ width:280px;}

.w500{ width:500px;}



.w355{ width:355px;}



.w360{ width:360px;}

.w420{ width:420px;}



.w400{ width:400px;}

.w380{ width:380px;}





/*  line-height

=========================================*/



.lh20{line-height:20px;}

.lh30{line-height:30px;}

.lh40{line-height:40px;}

.lh50{line-height:50px;}







/*  タブナビゲーション

=========================================*/





.naviTab{

	width:900px;

	background:url(../image_common/c_navi_bg.gif) repeat-x bottom;

	padding:10px 0 6px 0;

}





.naviTab_sftyclr{

	width:900px;

	padding:10px 0 4px 0;



}



.naviTab ul{

	padding:0;

}



.naviTab ul li{

	float:left;

	font-size:0;

	line-height:0;

	padding:0;

	margin:0;

}









.naviTabBottom{

	width:900px;

	background:url(../image_common/c_navi_bottom_bg.gif) repeat-x;

	padding:6px 0 30px 0;

}



.naviTabBottom ul{

	margin:0 auto;

}



.naviTabBottom ul li{

	float:left;

	font-size:0;

	line-height:0;

}





/*  h2 ページタイトル

=========================================*/



.pageTtl{

	padding:30px 0 0 30px;

	}

.pageTtl.first{

	padding-top:0px;

	}



.pageTtl h2{

	padding:0;

	font-size:0;

	line-height:0;

	margin:0;

}







/*  コンテンツラップ

=========================================*/



#cotentsWrap{

	width:780px;

	margin:0 auto;

	color:#666;

}





#cotentsWrap .shadowLine{

	width:780px;

	height:5px;

	background:url(../image_common/shadow_line.gif) repeat-x;

	display:block;

}







#cotentsWrap .dotLine01{

	width:780px;

	height:1px;

	background: url(../image_common/dot01.gif) repeat-x;

	display:block;

}







.boderBottom{

	border-bottom:#8c8c8c 1px solid;

	padding-bottom:15px;}





.wrap780center{

	width:780px;

	margin:0 auto;

}



.wrap840center{

	width:840px;

	margin:0 auto;

}





/*  900px　スタイル

=========================================*/





.shadowLine900{

	width:900px;

	height:4px;

	background:url(../image_common/shadow_line.gif) repeat-x;

	display:block;

}





/*  addition */



	

	

	.i_map{

	position: relative;

	top:234px;

	left:29px;

	}





	.i_main{

	position:absolute;	

	}

	

	.dv_top{

	position: relative;

	width:230px;

	height:73px;

	left: 662px;

	top: -73px;

	margin-bottom: -73px;	

		}

		

    .dv_top img{

		float:left;

		padding-right: 8px;

		padding-bottom: 4px;

	

	}





	.main_pict{

	height: 379px;

	width: 900px;	

	}







  	.note_l{

	width:550px;

	float:left;

	

		}

		

   .note_mode{

	width:550px;

	float:left;

	margin-top: 50px;

	

		}

		





    .kensaku_l{

	float:left;

	height: 83px;

	width: 226px;

		}

.gotop_l{

	width: 780px;

	margin-right: auto;

	margin-left: auto;	

			

			}

		

.gotop_l a{

	float:right;

			

			}

			

.bottomLink{color:#3399CC;}
