@charset "shift_jis";

/*--------------------------------------
  タップ
---------------------------------------*/
#contents{
	width: 553px;
	overflow: hidden;
}

#productImg{
	text-align: right;
}

#contents div{
	margin: 0;
	padding: 0;
}

#contents div:after{
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	height: 0;
}

*html #contents div{
/* MacIE \*/
height:1%;
/**/
}

#contents div p{
	margin: 0;
	padding: 0;


	letter-spacing : 0em;
}

/*-- スパイラルタップ --*/

#contents div.tap01{
	width: 550px;
	height: 315px;
	margin: 0;
	padding: 0;
	background-image: url("../img/tap/tap01_back.jpg");
	background-position: left top;
	background-repeat: no-repeat;	
}

#contents div.tap01 h4{
	float: left;
	width: 260px;
	height: 95px;
	margin: 0;
	padding: 0 0 170px 0;
	background: none;
}

#contents div.tap01 p{
	float: right;
	width: 200px;
	height: 210px;
	margin: 0;
	padding: 45px 0 0 0;
	background: none;
}

/*-- ポイントタップ --*/

#contents div.tap02{
	width: 550px;
	height: 370px;
	margin: 0;
	padding: 0;
	background-image: url("../img/tap/tap02_back.jpg");
	background-position: right top;
	background-repeat: no-repeat;	
}

#contents div.tap02 div.tap02h4{
	float: right;
	width: 260px;
	height: 370px;
}

#contents div.tap02 div.tap02h4 p.detail_right{
	float: none;
	width: 260px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents div.tap02 div.tap02h4 p.download_right{
	width: 260px;
	height: 31px;
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents div.tap02 h4{
	width: 260px;
	height: 95px;
	margin: 0;
	padding: 0 0 225px 0;
	background: none;
}

#contents div.tap02 p{
	width: 200px;
	margin: 0;
	padding: 80px 0 0 15px;
	background: none;
}

/*-- ハンドタップ --*/

#contents div.tap03{
	width: 550px;
	height: 335px;
	margin: 0;
	padding: 0;
	background-image: url("../img/tap/tap03_back.jpg");
	background-position: left top;
	background-repeat: no-repeat;	
}

#contents div.tap03 div.tap03h4{
	float: left;
	width: 315px;
	height: 285px;
}

#contents div.tap03 h4{
	width: 315px;
	height: 95px;
	margin: 0;
	padding: 0;
	background: none;
}

#contents div.tap03 p{
	float: right;
	width: 200px;
	height: 195px;
	margin: 0;
	padding: 85px 0 0 0;
	background: none;
}

/*-- ロールタップ --*/

#contents div.tap04{
	width: 550px;
	height: 340px;
	margin: 0;
	padding: 0;
	background-image: url("../img/tap/tap04_back.jpg");
	background-position: right top;
	background-repeat: no-repeat;	
}

#contents div.tap04 div.tap04h4{
	float: right;
	width: 230px;
	height: 315px;
}

#contents div.tap04 div.tap04h4 p.detail_right{
	clear: both;
	float: none;
	width: 230px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents div.tap04 div.tap04h4 p.download_right{
	width: 230px;
	height: 31px;
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents div.tap04 h4{
	width: 230px;
	height: 95px;
	margin: 0;
	padding: 0 0 167px 0;
	background: none;
}

#contents div.tap04 p{
	width: 195px;
	height: 195px;
	margin: 0;
	padding: 70px 0 0 15px;
	background: none;
}

/*-- 管用タップ --*/

#contents div.tap05{
	width: 550px;
	height: 355px;
	margin: 0;
	padding: 0;
	background-image: url("../img/tap/tap05_back.jpg");
	background-position: left top;
	background-repeat: no-repeat;	
}

#contents div.tap05 div.tap05h4{
	float: left;
	width: 280px;
	height: 230px;
}

#contents div.tap05 h4{
	width: 280px;
	height: 95px;
	margin: 0;
	padding: 3px 0 125px 0;
	background: none;
}

#contents div.tap05 p{
	float: right;
	width: 210px;
	height: 184px;
	margin: 0;
	padding: 50px 0 0 0;
	background: none;
}

/*-- ハイパフォーマンスタップ --*/

#contents div.tap06{
	width: 550px;
	height: 730px;
	margin: 0;
	padding: 0;
	background-image: url("../img/tap/tap06_back.jpg");
	background-position: right top;
	background-repeat: no-repeat;	
}

#contents div.tap06 h4{
	width: 550px;
	height: 95px;
	margin: 0;
	padding: 0 0 24px 0;
	background: none;
}

#contents div.tap06 h5{
	width: 550px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: none;
}

#contents div.tap06 h5.hd{
	padding: 44px 0 0 0;
}

#contents div.tap06 p{
	width: 205px;
	margin: 0;
	padding: 0 0 5px 345px;
	background: none;
}

#contents div.tap06 p.hf01{
	height: 193px;
}

#contents div.tap06 p.hd02{
	padding: 1px 0 0 345px;
	height: 181px;
}

#contents div.tap06 p strong{
	color: #eab004;
	font-weight: normal;
}

/*-- 超硬タップ --*/

#contents div.tap07{
	width: 550px;
	height: 280px;
	margin: 0;
	padding: 0;
	background-image: url("../img/tap/tap07_back.jpg");
	background-position: right top;
	background-repeat: no-repeat;	
}

#contents div.tap07 div.tap07h4{
	float: right;
	width: 200px;
	height: 240px;
}

#contents div.tap07 div.tap07h4 p.detail_right{
	clear: both;
	float: none;
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents div.tap07 div.tap07h4 p.download_right{
	width: 200px;
	height: 31px;
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents div.tap07 h4{
	width: 200px;
	height: 95px;
	margin: 0;
	padding: 0 0 89px 0;
	background: none;
}

#contents div.tap07 p{
	width: 200px;
	height: 120px;
	margin: 0;
	padding: 50px 0 0 15px;
	background: none;
}


/*-- 詳細とカタログダウンロード --*/

.none{
	display: none;

	margin: 0;
	padding: 0;
}

#contents div p a img{
	border: none;
	margin: 0;
	padding: 0;
}

#contents div p.detail_left{
	clear: both;
	width: 540px;
	height: 18px;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
}

#contents div p.detail_right{
	clear: both;
	float: none;
	width: 550px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents div p.download_left{
	width: 540px;
	height: 31px;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
}

#contents div p.download_right{
	width: 550px;
	height: 31px;
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
