@charset "utf-8";

/*-----------------------------------------------
 visual_navigation
-----------------------------------------------*/
 .banner { height:420px;
 position:relative; }
 
  .banner #txtLink{
	  position:absolute;
	  bottom:20px;
	  right:20px;
	  text-align:right;
	  z-index:2;
	  text-decoration:underline;
	  }
	  
	  .banner #txtLink span{
		  color:#000;
		  font-size:16px;
	  }
	  .banner #txtLink a  span:hover{
		  color:#999;
		  text-decoration:none;

	  }

 .productBox .w475 .roundCornerBox02 { padding:15px 0; text-align:center; }
 .productBox .w475 .roundCornerBox02 p { width:444px; margin:0 auto; }
 .productBox .w475 .roundCornerBox02 p.pImg img { width:444px;/* height:150px;*/ }

 .productBox .w475 div.on:hover,
 .productBox .w475 div.on:hover a { color:#004473; }
 
 
.productBox .w475 .autohprt.clearfix.row02.res_h_navi {
	 border-bottom: none;
}

.banner #txtLink span:before {
    content: ">>> ";
}







/*-----------------------------------------------
 RIDE
-----------------------------------------------*/


 .newItemList{background:#000;}
 .newItemList .pName{color:#FFFFFF;}
 .newItemList .pDesc{color:#FFFFFF;}

 .newItemList ul li p,
 .newItemList ul li dl { width:285px; margin:0 auto; }



 .newItemList dl.pFunc { padding-top:8px; }
 .newItemList dl.pFunc dd { float:left; margin-left:30px; width:75px; height:75px; }
 .newItemList dl.pFunc dd:first-child { margin-left:0px; }
 .newItemList dl.pFunc dd img { width:75px; height:75px; }

 .productBox ul li.on:hover,
 .productBox ul li.on:hover a { color:#004473; }
 
 
  .newItemListW{}

 .newItemListW ul li p,
 .newItemListW ul li dl { width:285px; margin:0 auto; }



 .newItemListW dl.pFunc { padding-top:8px; }
 .newItemListW dl.pFunc dd { float:left; margin-left:30px; width:75px; height:75px; }
 .newItemListW dl.pFunc dd:first-child { margin-left:0px; }
 .newItemListW dl.pFunc dd img { width:75px; height:75px; }

 .productBox ul li.on:hover,
 .productBox ul li.on:hover a { color:#004473; }
 
 
 .bgBlack{ background-color:#000000;}
 
 
@media screen and (max-width: 768px) {
	.banner {
		height: auto; 
		padding-bottom: 40px;
		border-bottom: 1px solid #E8E8E8;
	}

	.banner #txtLink {
		top: inherit;
		bottom: 10px;
		text-decoration:none;
	}

	.banner #txtLink span:before {
		content: " ";
	}
	  
	.banner #txtLink span{
		font-size:14px;
	}
	
	.banner #txtLink a{ background: url("/th/common/images/respo/s_arrow_navy.png") no-repeat left center scroll rgba(0, 0, 0, 0); background-size: 5px 6px; padding-left: 15px; text-decoration: none;}
	
	.banner #txtLink a:link span,
	.banner #txtLink a:visited span,
	.banner #txtLink a:hover span,
	.banner #txtLink a:active span{ color:#004473;}
	
	
	
	
	.productBox .w475 .roundCornerBox02 {
		padding:0px 0;
	}
	
	.fltr .catTitle {
		margin-top: 30px;
	}
	.productBox .w475 .autohprt.clearfix.row02.res_h_navi {
		 border-bottom: 1px solid #dbdbdb;
	}
}

@media screen and (max-width: 480px) {
	.productBox .w475 .autohprt.clearfix.row02.res_h_navi {
		 border-bottom: none;
	}
}

.att {
	font-size: 90%;
}