body{
	margin:0px auto;
	text-align:left;
	width:100%;
	min-width:1000px;
}


/*******************************
main
*******************************/
#main{
	width:100%;
	background:url(../product/images/back.png) no-repeat top center, url(../images/back_bottom.jpg) no-repeat bottom center;
	position: relative;
}


/*******************************
contents
*******************************/
#contents{
	overflow:hidden;
	width:100%;
}


#contents .inner{
	background:none;
	color: #000;
	width: 1000px;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
}


.new{
background: url(../product/images/new.png) no-repeat;
width: 83px;
height: 81px;
position: absolute;
margin: 0px 0px 0px 917px;
}



.new_s{
background: url(../product/images/new_s.png) no-repeat;
width: 54px;
height: 53px;
position: absolute;
margin: 0px 0px 0px 178px;
}








/*******************************
"products_data
*******************************/
#contents .inner .products_data{
background: #000000;
color: #FFF;
padding: 50px;
}


#contents .inner .products_data .sample_img{
width: 430px;
float: left;
}


#contents .inner .products_data .sample_img .main_pict{
	background-color: #373737;
width: 430px;
height: 431px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
	list-style: none;
}

#contents .inner .products_data .sample_img .main_pict li{
margin: 0px 0px 0px 0px;
	width: 430px;
	text-align: center;
display: none;
position: absolute;
}

#contents .inner .products_data .sample_img .main_pict li:nth-child(1){
display: block
}

/*******************************
サムネイルセット
*******************************/
#contents .inner .products_data .thumbnail_pict{
width: 405px;
height: 55px;
overflow: hidden;
 position: relative;  
}




#contents .inner .products_data .thumbnail_pict .thumbnail_set{
list-style: none;
margin:  0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
width: 1000px;
position: absolute;
}

#contents .inner .products_data .thumbnail_pict .thumbnail_set li{
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0;
	width: 53px;
	height: 53px;
	cursor: pointer;
	background-color: #373737;
	text-align: center;
	border: #939393 solid 1px;

}

#contents .inner .products_data .thumbnail_pict .thumbnail_set li:hover{
opacity: 0.5;
}


#contents .inner .products_data .thumbnail_pict .thumbnail_set li:nth-child(1){
float: left;
margin: 0px 20px 0px 20px;
padding: 0;
width: 53px;
height: 53px;
}


#contents .inner .products_data .sample_img .prev{
position: absolute;
margin: -53px 0px 0px 0px;
background: url(../product/images/slider_prev.jpg) no-repeat;
width: 30px;
height: 53px;
cursor: pointer;
}

#contents .inner .products_data .sample_img .next{
position: absolute;
margin: -53px 0px 0px 405px;
background: url(../product/images/slider_next.jpg) no-repeat;
width: 30px;
height: 53px;
cursor: pointer;
}


/*******************************
"sample_data
*******************************/
#contents .inner .products_data .sample_date{
float: left;
margin: 0px 0px 0px 50px ;
padding: 0;
width: 420px;
}


#contents .inner .products_data .sample_date h3{
color: #ff8600;
padding: 0;
margin: 0px 0px 15px 0px;
font-size: 20px;
}


#contents .inner .products_data .sample_date dl{
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
padding: 15px 0px;
margin: 0;
}



#contents .inner .products_data .sample_date dt{
float: left;
color: #b6b6b6;
width: 70px;
text-align: left;
letter-spacing: 1px;
padding:0;
margin: 0;
}

#contents .inner .products_data .sample_date dd{
color: #FFF;
text-align: left;
width: 360px;
padding:0;
margin: 0;
}

#contents .inner .products_data .sample_date dt.price{
padding: 6px 0px 0px 0px;


}



#contents .inner .products_data .sample_date dd span{
font-weight: bold;
color: #FFF;
font-size: 20px;
}


#contents .inner .products_data .sample_date .txt{
border-bottom: 1px solid #b6b6b6;
padding: 0px 0px 25px 0px;
margin: 0;
line-height: 1.5em;
}


#contents .inner .products_data .sample_date .txt .sns{
margin: 30px 0px 0px 0px;
}



#contents .inner .products_data .sample_date .txt .sns .tw{
float: left;
margin: 0px 10px 0px 0px;
}


#contents .inner .products_data .sample_date .category{
list-style: none;
margin: 20px 0px 0px 0px;
padding: 0;
}

#contents .inner .products_data .sample_date .category li{
float: left;
border:1px solid #b6b6b6;
padding: 2px 5px 2px 5px ;
margin: 0px 10px 10px 0px;
}

#contents .inner .products_data .sample_date .category li a{
color: #00a5f0;
}

#contents .inner .products_data .sample_date .category li a:hover{
color: #FFF;
}

#contents .inner .products_data .product_comment{
border-top:1px solid #b6b6b6;
margin: 40px 0px 0px 0px;
padding: 30px 0px 0px 0px;
line-height: 2em;
font-size: 14px;
}


#contents .inner .products_data .product_comment a{
color: #5affff;
}


#contents .inner .products_data .product_comment a:hover{
color: #FFF;
}

/*******************************
関連商品
*******************************/
#contents .inner .related_product h3{
text-align: center;
color: #6e6e6e;
font-size: 24px;
margin: 30px 0px 30px  0px;
padding: 0;
display: block;
}

#contents .inner .related_product  h3 hr{
float: left;
border: 1px #757575 solid;
background: #757575;
width: 426px;
}

#contents .inner .related_product h3 span{
float: left;
letter-spacing: 1px;
margin: 0px 21px ;	
padding: 10px 0px 0px 0px ;
}


#contents .inner .related_product .related_product_box{
background: #f0f0f0;
margin: 0px 0px 10px 0px ;
padding: 20px 20px 20px 25px;
}



#contents .thumbnail{
	width: 230px;
	margin: 0px 12px 0px 0px;
	padding: 0;
    float: left;
    display: inline; 
	text-align: center;
}


#contents .thumbnail:hover{
opacity: 0.5;
}

#contents .thumbnail img{
background: #FFF;
padding: 15px 15px 15px 15px ;

}

#contents .thumbnail_title{
	padding: 0;
	margin: 0;
    font-size: 14px;
	color: #FFF;
	line-height: 2.5em;
	text-align: center;
}





/*******************************
項目によって色替え指定
*******************************/

.sleeve{
background:#5488af;
}

.rubbermat{
background:#b48190;
}

.storagebox{
background: #d66c73;
}


.cardholder{
background: #82a483;
}

.other{
background: #757575;
}