@charset "utf-8";

/*コンテンツ全体*/

#section04 img { max-width: 200px; }

#article{
	clear:both;
	margin-bottom:5em;
	}

#article h2{
	
	line-height:35px;
	margin-bottom:50px;
	background:#000000;
	color:#FFFFFF;
	font-size:2em;
	font-weight:700;
	letter-spacing:0.1em;
	padding:20px;
	vertical-align:middle;
	font-family: 'Arimo',Arial, sans-serif;
	}

	
#article h2 span{
	font-size:0.7em;
	position:relative;
	top:-5px;
	}

/*コンテンツエリア　各セクションの共通スタイル*/

#article #section01,
#article #section02,
#article #section03,
#article #section04{
	clear:both;
	}

#article #section01{
	margin-bottom:35px;
	}

#article #section02,
#article #section03{
	margin-bottom:70px;
	}

#article div h3{
	font-size:1.7em;
	margin-bottom:15px;
	letter-spacing:0.1em;
	line-height:1em;
	border-bottom:3px double #000000;
	padding-bottom:15px;
	}


/*「JET & BOAT」スタイル*/	

#article #section01 dl{
	width:435px;
	margin-bottom:30px;
	}
	
#article #section01 dl:nth-child(even){
	float:left;
	clear:both;
	}
	
#article #section01 dl:nth-child(odd){
	float:right;
	}	

#article #section01 dl dt{
	margin-bottom:20px;
	}

#article #section01 dl dd{
	text-align:center;
	position:relative;
	height:50px;
	}
	
#article #section01 dl dd img{
	position:relative;
	top: 50%;
	transform: translateY(-50%);
	}	

/*「TRAILER & PARTS」スタイル*/	

#article #section02 ul li{
	width:225px;
	text-align:center;
	float:left;
	height:60px;
	position:relative;
	}

/*「WET & APPAREL」スタイル*/	

#article #section03 ul li,
#article #section04 ul li{
	width:225px;
	text-align:center;
	float:left;
	height:120px;
	position:relative;
	}

/*「TRAILER & PARTS」と「WET & APPAREL」共通スタイル*/	

#article #section02 ul li:nth-child(4n+1),
#article #section03 ul li:nth-child(4n+1),
#article #section04 ul li:nth-child(4n+1){
	clear:both;
	}
	
	

#article #section02 ul li img,
#article #section03 ul li img,
#article #section04 ul li img{
	position:relative;
	top: 50%;
	transform: translateY(-50%);	
	}

#article #section03 ul li:nth-child(2) img,
#article #section04 ul li:nth-child(2) img{
	left:-10px;
	}

/*ページ下部ナビゲーション*/

#aside a{display:block; margin-right:5px; margin-top: 7px; text-decoration:none; float:left; width:175px;}
#aside a:hover{opacity:0.8;}
#aside a b{background:#000; color:#fff; display:table-cell; padding:5px 10px 0; height:60px; font-size:1.6em; line-height:120%; vertical-align:middle; width:175px; text-align: center;}
#aside a p{background:#eee; color:#000; display:block; padding:10px; width:175px;}