@charset "utf-8";

/*-----------------------------------------------
 support
-----------------------------------------------*/

 .supportProductNavi { background:#fff url('/usa/car/support/images/supportProductNavi_back01.png') repeat-y 0 0; }
 .supportProductNavi .supportL { float:left; width:204px; margin-right:20px; }

	 #supportTabMenu { padding-bottom:60px; }
	 #supportTabMenu li { border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; }
	 #supportTabMenu li.active { border-right:1px solid #FFF; background:#FFF;  }
	 #supportTabMenu li a { display:block; padding:20px; outline:none; font-size:14px; }
	 #supportTabMenu li.active a { color:#004473;  }

 .supportProductNavi .supportR { float:left; width:754px; }

/* supportTabContents Scrollbar */
.supportTabContents { position:relative; height:350px; margin:15px 10px 15px 0; background:#fff; }
	 .scrollContents { height:350px; overflow:auto; }

 .supportTabContents ul { margin:15px 0 25px; width:715;  }
 .supportTabContents ul li { float:left; margin-left:7px; width:113px; height:91px; }
 .supportTabContents ul li:first-child { margin-left:0px; }

 .customerCareBox { padding:5px 40px 40px; margin-bottom:20px; }
 .customerCareBox .secTitle { padding-bottom:10px;  }
	 .options { margin-bottom:26px; }
	 .options li { float:left; margin-left:41px; }
	 .options li:first-child { margin-left:0; }
	 .options li select { width:272px; height:29px;  }

.customerCareBox02 { padding:20px 40px; font-size: 14px;}

/*----- Custumed -----*/
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background:;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../../../../car/support/css/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 238px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 29px;
	line-height: 29px;
	padding: 0 25px 0 8px;
	color: #626262;
	background: url('/usa/car/support/images/select.png') no-repeat;
	overflow: hidden;
	font-size:14px; 
}



.tableType {
	margin: 0 0 25px 0;
}
.tblTtl {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
}


/*-----------------------------------------------
 promotions
-----------------------------------------------*/
 .promotionBox { padding:30px; }
 .promotionBox ul li { float:left; width:/*260px*/410px; margin-left:35px;  }
 .promotionBox ul li .txt { text-align:center; padding:15px 10px;  }
 
 
 
/*-----------------------------------------------
 responsive
-----------------------------------------------*/
.content:not(#nr_news):not(.top_content) .inner980 p:not(.pName),
.roundCornerBox01 .products_main_inner p,
.roundCornerBox01 .products_main_inner span,
.roundCornerBox01 .products_main_inner ul,
.roundCornerBox01 .products_main_inner li,
body textarea
{  font-size: inherit !important; }

a {
    color: inherit;
    text-decoration: inherit;
}

.content:not(#nr_news):not(.top_content) .inner980 p.secTitle:not(.pName) {
    font-size: 30px!important;
    color: #004473;
    line-height: 1.4;
}

html>body .secTitle {
    font-size /*\**/: 30px\9;
}

.target_respo .content:not(#nr_news):not(.top_content) .inner980 .roundCornerBox01 .promotionBox p.p_name:not(.pName) {
	padding: 5px;
	font-size: 14px!important;
}



@media screen and (max-width: 768px) {
	.secTitle {
		padding: 20px 0 12px 20px;
	}
	
	.imgLink_res.respo_Tab_block h1 {
		clear: both;
		padding: 17px 0 37px 5%;
		font-size: 130%;
	}
	
	.imgLink_res.respo_Tab_block h1 span {
		background: url("/usa/common/images/respo/s_arrow_navy_d.png") no-repeat left center;
		background-size: 10px 11px;
		margin: 0px;
		padding-left: 12px;
		color: #004473;
	}
	
	.imgLink_res.respo_Tab_block h2 {
		clear: both;
		margin: 0;
		padding: 15px 0 0px 5%;
		border-bottom: none;
	}
	
	.imgLink_res.respo_Tab_block .div_product_archive h2 {
		padding: 15px 0 20px 10%;
	}
	
	.imgLink_res.respo_Tab_block h2 span {
		background: url("/usa/common/images/respo/s_arrow_navy.png") no-repeat left center;
		background-size: 10px 11px;
		margin: 0px;
		padding-left: 12px;
		color: #004473;
	}
	
	.imgLink_res.respo_Tab_block h2:first-of-type {
		border-top: 1px solid #004473;
	}
	
	.target_respo .imgLink_res ul {
		border-bottom: 1px solid #D0D0D0;
	}
	
	.target_respo .imgLink_res ul li {
		text-align: center;
	}
	
	.imgLink_res ul li a img {
		 display: inline; 
	}
	
	.p_text_link {
		margin-top: 10px;
	}
	
	.target_respo .imgLink_res ul li .p_text_link a {
		background: url("/usa/common/images/respo/s_arrow_navy_mini.png") no-repeat left center;
		background-size: 5px 5px;
		padding: 0 0 0px 7px;
		font-size: 12px;
		color: #004473;
	}
	
	.imgLink_res .two_split {
		position: relative;
	}
	
	.imgLink_res .two_split::before {
		content: "";
		position: absolute;
		top: 1px;
		left: 50%;
		bottom: 0px;
		border-left: 1px solid #D0D0D0;
	}
	
	.target_respo .imgLink_res .div_product_archive {
		width: 50%;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.target_respo .imgLink_res .div_product_archive ul {
		border-bottom: none;
		margin-left: 15%;
	}
	
	.target_respo .imgLink_res .div_product_archive > h2 + ul,
	.target_respo .imgLink_res .div_product_archive > ul + ul {
		margin-bottom: 35px;
	}
	
	.target_respo .imgLink_res .div_product_archive + .div_product_archive > ul + ul:last-of-type {
		margin-bottom: 0px;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li {
		float: none;
		margin: 0 0 5px 0;
		width: inherit;
		text-align: left;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li p {
		border-bottom: none;
		margin: 15px 0px 0px 40px;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li p + ul {
		/*margin: 0px 0px 0px 50px;*/
		margin: 15px 0px 0px 20%;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li p + ul li {
		margin: 3px 0 0px 0;
		list-style: disc;
		overflow: inherit;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li p.p_cate_name {
		background: url("/usa/common/images/respo/s_arrow_gray.png") no-repeat left center;
		background-size: 10px 11px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0 0px 12px;
	}

	.content:not(#nr_news):not(.top_content) .inner980 p.p_cate_name:not(.pName) {
		font-size: 16px!important;
	}
	
	.subpage_link ul li a span {
		display: inline-block;
	}
	
	.target_respo .inner980 h2 {
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 480px) {
	.secTitle {
		padding: 20px 0 12px 10px;
	}
	
	.imgLink_res.respo_Tab_block h1 {
		padding: 5% 0 5% 4%;
	}
	
	.imgLink_res.respo_Tab_block h2 {
		padding: 5% 0 0 4%;
	}
	
	.content:not(#nr_news):not(.top_content) .inner980 p.secTitle:not(.pName) {
		font-size: 16px!important;
		color: #004473;
		line-height: 1.4;
		font-weight: bold;
	}
	
	.target_respo .imgLink_res .div_product_archive {
		width: 100%;
		float: none;
	}
	
	.target_respo .imgLink_res h1 + .div_product_archive {
		padding-bottom: 20px;
	}
	
	.subpage_link {
		/*margin-bottom: 15px !important;*/
		margin-bottom: 0px !important;
	}
	
	.target_respo .imgLink_res > ul > li {
		float: none;
		margin: 0px 0 0px 0;
		padding: 30px 0px 35px;
		width: 100%;
		border-bottom: 1px solid #D0D0D0;
	}
	/*.target_respo .imgLink_res ul li:last-of-type {
		margin-bottom: 35px !important;
	}*/
	
	.target_respo .imgLink_res ul {
		border-bottom: none;
	}
	
	.imgLink_res .two_split::before {
		border-left: none;
	}
	
	.imgLink_res.respo_Tab_block .div_product_archive h2 {
		padding: 15px 0 20px 4%;
	}
	
}