/*
########################################################
  products style
########################################################
*/

.products{
	zoom: 1;
}


/*
########################################################
  left
########################################################
*/

.products .left{
	width: 160px;
	float: left;
}
.products .left dl{
	margin-bottom: 10px;
}
.products .left dl dt{
	font-size: 83%;
}
.products .left dl dt.digital_catalog{
	padding-top: 35px;
}
.products .left dl dd{
	margin-top: 5px;
	font-size: 83%;
}
.products .left .addNavi{
	position: relative;
	top: 180px;
	margin-bottom: 10px;
}
.products .left .flashNavi img{
	margin-bottom: 5px;
}
.products .left .flashNavi{
	position: relative;
	top: 180px;
}
.products .left .flashNavi img{
	margin-bottom: 5px;
}
.products .left .flashNavi p{
	font-size: 75%;
}
.products .left .flashNavi .onlineShop{
	padding-bottom: 5px;
}


/*
########################################################
  main
########################################################
*/

.products .main{
	width: 640px;
	float: right;
}
.products .main .detail{
	zoom: 1;
	overflow:hidden;
	padding-bottom: 4em;
}
.products .main .detail p.img{float:left;}
.products .main .detail div{zoom:1; overflow:hidden;}
.products .main .detail div h2{color: #CC0004;font-size: 120%; padding:10px 0 15px 10px;}
.products .main .detail div h2 a{color: #CC0004;}
.products .main .detail div p{font-size:83%; margin:0 0 15px 10px;}
.products .main .detail div ul {position:relative; top:8px; overflow:hidden; zoom:1;}
.products .main .detail div ul li{width:115px; float:left; font-size:83%; text-align:center; margin:0 0 25px; position:relative; padding:0 0 95px;}
.products .main .detail div ul li img{position:absolute; bottom:0; left:15px;}

.products .main .navi{
	background: #E6E6E6;
	padding: 10px;
	font-size: 83%;
}
.products .main .navi h3{
	font-weight: normal;
	margin-bottom: 10px;
}
.products .main .navi dl dt,
.products .main .navi dl dd{
	margin-bottom: 5px;
}
.products .main .navi dl.recommend dd{
	width: 480px;
	float: right;
}
.products .main .navi dl.recommend{
	zoom: 1;
	margin-bottom: 20px;
}
.products .main .navi dl.recommend dt{
	width: 100px;
	float: left;
	padding-left: 10px;
	margin-bottom: 5px;
}
.products .main .navi dl.recommend dd{
	width: 500px;
	float: left;
	margin-bottom: 5px;
}
.products .main dl.note{
}
.products .main dl.note dt{
}
.products .main dl.note dt span{
	margin-left: 1em;
	display:block;
}
.products .main dl.note dd{
	padding-left: 1em;
}
.products .main dl.note dd ul li{
	zoom: 1;
}
.products .main dl.note dd ul li span{
	float: left;
	width: 20px;
}
.products .main dl.note dd ul li p{
	float:right;
	width: 580px;
}

.products:after,
.products .main .detail:after,
.products .main .navi dl.recommend:after,
.products .main dl.note dd ul li:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/**/
.products .main .pick_up{
		padding-bottom: 4em;

}
.products .main .pick_up h2.sTitle {
 text-align: left;
 margin-bottom: 20px;
}
.products .main .pick_up .pickupList {zoom:1; overflow:hidden; width:660px;}
.products .main .pick_up .pickupList li {float:left; font-size:83%; padding:0 5px 0; height:120px;}
.products .main .pick_up .pickupList li a {display:block; width:122px;}
.products .main .pick_up .pickupList li img{margin:0 0 5px 15px;}
.products .main .pick_up .pickupList li span{display:block;}

.products .main .pick_up:after,
.products .main .pick_up .products .pick_upList:after,
.products .main .pick_up .pickupList:after{
 content: ".";
 display: block;
 height: 0px;
 clear: both;
 visibility: hidden;
}