@charset "utf-8";

html{
    -webkit-text-size-adjust: none;
}

.clearfix:after{ 
	content: "";
 	display: block; 
	clear: both; 
}

.mb0{ margin:bottom:0!important;}
/*-------------TOP---------------*/
.main_title{	
	text-align:left;
	padding:9px;
	margin:0 0 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d8d8d8;	
	border-bottom-width: 12px;
	border-bottom-style: solid;
	border-bottom-color: #d8d8d8;		
}

.main_title p{
	color:#000000;
	font-size:12px!important;	
}

.main_title p.agreement{
	margin-top:5px;
}
.main_title p.agreement a{
	color:#000000;
	font-size:12px!important;	
}
.categoly_tab{
	height:41px;
	background:-webkit-gradient(linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.49, #ffffff),
		color-stop(0.53, #dbdada),
		to(#fdfdfd)
	);
	background:-moz-linear-gradient(top,
		#ffffff,
		#ffffff 49%,
		#dbdada 53%,
		#fdfdfd
	);
	text-align:center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #bbbbbb;
	border-right-color: #bbbbbb;
	border-bottom-color: #bbbbbb;
	border-left-color: #bbbbbb;
}

.categoly_tab .categoly_ttl{
	display:block;
	width:100%;
	height:100%;
	background-image: url(../IMAGES/top_sr_right_icn.png);
	background-size:18px 18px;
	background-repeat: no-repeat;
	background-position: 23px 12px;
}

.on .categoly_ttl {background-image: url(../IMAGES/top_sq_bottom_icn.png)!important;}

.categoly_tab .categoly_ttl img{margin-top:12px;}
	

.tab_contents{
	width:100%;
}

.tab_contents li{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;		
}

.tab_contents a{
	display:block;
	width:95%;
	height:55px;
	text-decoration:none;
	background-image:url(../IMAGES/arrow_right_icn.png);
	background-size:12px 18px;	
	background-position: right 50%;
	background-repeat: no-repeat;
	padding:6px 0px 6px 9px;
	line-height:0;

}

.tab_contents a p{
	float:left;		
	font-size:16px;
	color:#000000;
}

.tab_contents a p.txt{
	margin:24px 0 0 10px;
}

.tab_contents a p.txt2{
	margin:26px 0 0 10px;
	font-size:12px;
}



.toPC{
	/*
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #dddddd;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	*/
	margin:15px 0 0 0;
	padding:14px 0 24px 0;
}


.toPC .button_box{
	/*width:290px;*/
	width:90%;
	margin:0 auto 0 auto;
    -moz-box-shadow: 1px 1px 3px #000;　
    -webkit-box-shadow: 1px 1px 3px #000;　	
}

.toPC .button_box .sq_top_btn a{color:#000000;}

.toPC .to_pc_btn{
	clear:right;
	/*width:286px;*/
	
	height:38px;
	margin:0 auto 0 auto;
	border: 1px solid #c6c5c5;
	background:-webkit-gradient(linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.49, #ffffff),
		color-stop(0.53, #dbdada),
		to(#fdfdfd)
	);
	background:-moz-linear-gradient(top,
		#ffffff,
		#ffffff 49%,
		#dbdada 53%,
		#fdfdfd
	);
	border-radius:4px 4px 4px 4px;

	box-shadow: 1px 1px 3px #666666; 
	-moz-box-shadow: 1px 1px 3px #666666;
	-webkit-box-shadow: 1px 1px 3px #666666;
}


.toMOVIE{
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	margin:15px 0 0 0;
	padding:24px 0 24px 0;
}


.toMOVIE .button_box{
	/*width:290px;*/
	width:90%;
	margin:0 auto 0 auto;
    -moz-box-shadow: 1px 1px 3px #000;　
    -webkit-box-shadow: 1px 1px 3px #000;　	
}

.toMOVIE .button_box .sq_top_btn a{color:#000000;}

.toMOVIE .to_pc_btn{
	clear:right;
	/*width:286px;*/
	
	height:38px;
	margin:0 auto 0 auto;
	border: 1px solid #c6c5c5;
	background:-webkit-gradient(linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.49, #ffffff),
		color-stop(0.53, #dbdada),
		to(#fdfdfd)
	);
	background:-moz-linear-gradient(top,
		#ffffff,
		#ffffff 49%,
		#dbdada 53%,
		#fdfdfd
	);
	border-radius:4px 4px 4px 4px;

	box-shadow: 1px 1px 3px #666666; 
	-moz-box-shadow: 1px 1px 3px #666666;
	-webkit-box-shadow: 1px 1px 3px #666666;
}



.to_pc_btn a{
	display:block;
	padding-top:10px;
	background-image: url(../IMAGES/arrow_right_red_icn.gif);
	background-repeat: no-repeat;
	background-position:98% 13px;
	background-size:15px 14px;		
}

.sq_top_btn{
	text-align:right;
	padding:7px 19px 7px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;		
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;		
}
.sq_top_btn.border{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;			
}
.sq_top_btn  a{color:#000000;}

.terms{
	text-align:left;
	padding:7px 0 7px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;			
}
.terms a{color:#000000;}

.nissan_top{
	text-align:left;
	padding:7px 0 13px 15px;	
}

.nissan_top a{color:#000000;}


/*--------------各車TOP----------------------*/
.main_image{
	width:320px;
	margin:0 auto 18px; auto;
	text-align:left;
}

.main_image p{margin-left:2px;}

.info_box{
	margin-bottom:16px;	
}

.info_box h2 img{
	margin-top:6px;
}

.info_box h2{
	padding:5px;
	text-align:left;
	background:-webkit-gradient(linear, left top, left bottom,
		from(#d1cfcf),
		to(#eeeeee)
	);
	background:-moz-linear-gradient(top,
		#d1cfcff,
		#eeeeee
	);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #c6c5c5;
	border-right-color: #c6c5c5;
	border-bottom-color: #c6c5c5;
	border-left-color: #c6c5c5;
	
	box-shadow: 1px 1px 3px #666666; 
	-moz-box-shadow: 1px 1px 3px #666666;
	-webkit-box-shadow: 1px 1px 3px #666666;	
	
}

.info_box ul{
	display:block;	
}

.info_box li{
	
	border: 1px solid #c6c5c5;
	border-top: 4px solid #c71444;

	background:-webkit-gradient(linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.49, #ffffff),
		color-stop(0.53, #dbdada),
		to(#fdfdfd)
	);	

	background:-moz-linear-gradient(top,
		#ffffff,
		#ffffff 49%,
		#dbdada 53%,
		#fdfdfd
	);	
	
	font-size:15px;
	float:left;
	margin:15px 0 0 18px;
	width:131px;
	/*height:40px;*/
}


.info_box li a{
	display:block;
	text-decoration:none;	
	color:#666666;	
	padding:10px 0 10px 0;
}

.info_box .model_txt{
	color:#666666;
	text-align:left;	
	margin:15px 0 -10px 18px;
}

.info_box h3 {
	font-weight: normal;
	margin: 15px 0 0 18px;
	text-align: left;
}
.info_box h3 + ul > li {
	margin: 0 0 0 18px;
}

/*--------------動画----------------------*/
#moviePage{
	margin-top:-10px;
	padding-bottom: 34px;
	/*font-size:12px;*/
	font-size:14px;
	text-align:left;
	line-height:1.2;
}
#moviePage .movie{
	border-bottom:1px solid #828282;

	background:-webkit-gradient(linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.97, #ebeaea),
		color-stop(0.98, #d5d5d5),
		to(#d5d5d5)
	);	

	background:-moz-linear-gradient(top,
		#ffffff,
		#ebeaea 97%,
		#d5d5d5 98%,
		#d5d5d5
	);	
}
#moviePage .movie a{
	display:block;
	padding:6px 8px 7px;
	border-bottom:1px solid #ffffff;
	color:#000000;
	text-decoration:none;
}
#moviePage .movie img{
	float:left;
}
#moviePage .movie p{
	margin: 2px 0 0 124px;
	padding:1px 6px;
	border-left: 4px solid #c71444;
}

#moviePage .mt3{
	margin-top: 5px;
	border-top: 1px solid #828282;
}

/*--------------ご利用条件----------------------*/
.agree_info{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;		
	padding:0 9px 9px 9px;
	text-align:left;
}

.agree_info p{
	color: #666666;
	font-size:12px;	
}

.agree_main{
	text-align:left;		
	padding:9px;	
}

.agree_main p{
	font-size:14px;	
}

.agree_main h3{
	font-size:16px;
	padding-bottom:5px;	
}

/*yotube_page*/

.yt_player{
	border-top: 2px solid #D8D8D8;
	text-align:center; 
	padding:15px 0 10px 0;"	
}


/*===================================
	X-TRAIL
===================================*/
.main_title img.ctg_ttl {
	width: 100%;
	max-width: 640px;
	max-height: 50px;
}

ul.category-list{ padding:0; margin:0;}

ul.category-list li{
	text-align: left;	
	border-bottom:1px solid #ababab;
	background:-webkit-gradient(linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.97, #ebeaea),
		color-stop(0.98, #d5d5d5),
		to(#d5d5d5)
	);	
	background:-moz-linear-gradient(top,
		#ffffff,
		#ebeaea 97%,
		#d5d5d5 98%,
		#d5d5d5
	);		
}

ul.category-list li:nth-child(1){
	border-top:1px solid #ababab;
}

ul.category-list li a{
	display: block;
	padding: 19px 0 19px 39px;
	height:auto;	
	background-image: url("/OPTIONAL-PARTS/NAVIOM/MOBILE/IMAGES/tri_right_red_icn.gif");
    background-position: 19px 20px;
    background-repeat: no-repeat;
    background-size: 5px 16px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	font-weight:bold;
}

#moviePage .movie-2nd{
	border-bottom:1px solid #828282;

	background:-webkit-gradient(linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.97, #ebeaea),
		color-stop(0.98, #d5d5d5),
		to(#d5d5d5)
	);	

	background:-moz-linear-gradient(top,
		#ffffff,
		#ebeaea 97%,
		#d5d5d5 98%,
		#d5d5d5
	);	
}
#moviePage .movie-2nd a{
	display:block;
	padding:6px 8px 7px;
	border-bottom:1px solid #ffffff;
	color:#000000;
	text-decoration:none;
}
#moviePage .movie-2nd img{
	float:left;
}
#moviePage .movie-2nd p{
	margin: 2px 0 0 0;
	padding:1px 6px;
	border-left: 4px solid #c71444;
}

#moviePage .mt3{
	margin-top: 5px;
	border-top: 1px solid #828282;
}




/*------------------------------------
150130 スマホトップ改修
--------------------------------------*/

h1{ margin:30px 0 20px 0;}

.lead{
	font-size: 14px;
	padding: 12px;
	line-height: 1.5em;
}

.accordion .note{
	background: none;
	position:static;
	padding-left:0;
}
.accordion .note > li{
	font-size:12px;
	line-height:1.5em;
	float:none;
	padding:0;
	position:static;
	border-bottom: 1px solid #c1c1c1;
}


.accordion .note > li > a{
	display: block;
	background:url(../IMAGES/icn_menu_off.png) no-repeat 96% center;
	background-size:12px 8px;
	padding:10px 15% 10px 12px;
	font-size: 14px;
	font-weight: bold;
	border:0;
}
.accordion ul.note > li.selected > a{
	background:url(../IMAGES/icn_menu_on.png) no-repeat 96% center;
	background-size:12px 8px;
}

.accordion .notedetail{
	display: none;
	margin:0;
	border:0;
	padding: 12px;
	position:static;
}

.accordion ul.layer02 > li{
	border:none;
	background: none;
	font-size:12px;
	line-height:40px;
	text-indent:12px;
}


.accordion ul.layer02 > li > a{
	display: block;
	padding:0;
	background-size:12px 8px;
	color:#666;
}


.accordion ul.layer02 >  li.selected > a{
	color:#c71444;
	background-size:12px 8px;
}