/* CSS for [category_list.html] */
/* #####↓ここから「カテゴリーリスト」 #####*/
.first_category_list_name{
  background-color:#fff;
  width: 600px;
  padding: 15px;
  height: auto;
  margin: 0px auto;
}

.first_category_list_name h2{
  width: 540px;
  height: 100%;
  padding: 22px 0px 10px 53px;
  background: white url('/images/design_style/jpn/0/product/01/style.gif') left top no-repeat;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}

/* #####↑ここまで「カテゴリーリスト」 #####*/
/*######　↓ここから下層カテゴリー#########*/
.product_detail_kind{
	width: 100%;
}
.product_detail_kind ul{
	margin: 0px 0px 0px 15px;
}

.product_detail_kind li{
	margin: 0px;
	list-style:none;
}
.product_detail_kind .product_detail_kind_row{
	width: 100%;
	height: 100%;
	margin-bottom: 5px;
}
.product_detail_kind .product_detail_kind1{
	width: 120px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.product_detail_kind .product_detail_col{
	float: left;
	width: auto;
}

.product_lower_kind{
	
}
.lower_kind_list{
	margin: 8px 6px;
}

/*######　↑ここまで下層カテゴリー#########*/


.product_kind{
   clear: both;
   width: 100%;
   height: 100%;
}
.product_detail_col_kind_name{
	width:auto;
	}
.kind_separator1{
	margin: 0px 3px;
}
.product_upper_kind1{
	float:left;
	width:auto;
	height:auto;
	padding-left: 4px;
}
.product_upper_kind2{
	float:left;
	width:auto;
	height:auto;
	padding-left: 4px;
}
.kind_separator0{
	margin: 0px 4px;
}
.product_lower_kind{
	
}
.product_lower_kind ul{
	margin:0px 0px 0px 15px;
}
.product_lower_kind li{
	margin:0px;
}
.goodlist_cate_line{
	clear:both;
}
.goodlist_cate_line .kind_head_symbol{
	width: 10px;
	display: block;
	float:left;

}

/*#######ここから2列用#######*/

.goodlist_cate_line .goodlist_cate_line_2{
	width: 250px;
	display: block;
	float:left;
}

/*#######ここから3列用#######*/
.goodlist_cate_line .goodlist_cate_line_3{
	width: 180px;
	display: block;
	float:left;
}


/* CSS for product_attention.html =[PRODUCT_KIND] = .product_attention */
/* #####↓ここから　カテゴリリストページの　.product_attention 用　（注目商品）CSS　#####*/
.product_attention{
	clear:both;
	width: 600px;
	margin-top: 20px;
}
.product_attention h2{
	clear: both;
	width: 600px;
	height: 25px;
	height: 20px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: none;
}
.product_attention ul{
  margin: 0px auto;
  padding: 0px;
  width: 590px;
  height:100%;
  
}
.product_attention li{
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
  width:140px;
  height: 220px;
}
.product_attention .simpleDisplay{
	width: 140px;
	margin-right: 4px;
}
/* #####↑ここまで　カテゴリリストページの　.product_attention 用　（注目商品）CSS　#####*/

/* CSS for product_mdreco.html =[PRODUCT_MDRECO] = .product_mdreco */
/* #####↓ここから　カテゴリリストページの .product_mdreco 用CSS　 ↓*/
.product_mdreco{
	clear: both;
	width: 600px;
}
.product_mdreco h2{
	clear: both;
	width: 600px;
	height: 25px;
	margin: 20px 0px 0px 0px;
    padding: 0px;
    background: none;
}

.product_mdreco ul{
  margin: 0px;
  padding: 0px;
}

.product_mdreco li{
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
}

.product_mdreco .simpleDisplay{
	width: 292px;
	float: left;
	height: auto;
	margin: 15px 2px 2px 2px;
}
.product_mdreco .simpleDisplay .img{
	width: 130px;
	height: auto;
	float: left;
}
.product_mdreco .simpleDisplay .img img{
	width: 120px;
}

.product_mdreco .simpleDisplay img{
	margin-right: 1px;
	margin-top: 2px;
}
.product_mdreco .prices{
	width:auto;
	height: auto;
	 float:left;
}
.product_mdreco .buttons{
  clear: none;
  float:left;
  margin: 5px 0px;
  width: 100px;
}

.product_mdreco .button form{
  margin:0;
  padding:0;
}
.product_mdreco .button img{
  display:inline;
  margin: 0px 4px;
  float: left;
}
.product_mdreco .price{
	display:block;
	float: left;
	width: 155px;
	height: auto;
	color: 

}
.product_mdreco .current_price{
	display:block;
	float: left;
	width: 155px;
	height: auto;
	color: 

}
.product_mdreco .retail_price{
	display:block;
	float: left;
	width: 155px;
	height: auto;
	color: 

}
.product_mdreco .original_price{
	display:block;
	float: left;
	width: 155px;
	height: auto;
	color: 

}
.product_mdreco .icon{
	margin: 5px 0px;
	height: auto;
}
.product_mdreco .money{
	font-weight: bold;
	color: green;
}
.product_mdreco .button form{
	float: left;
	display: none;
}
/* #####　↑ここまで　カテゴリリストページの .product_mdreco 用CSS　#####　*/

/* ##### ↓ここから下位カテゴリー表示部分　######## */
/* CSS for product_kind.html = [PRODUCT_KIND] = .product_kind  */

/*
.product_kind .product_upper_kind1{
	display:inline;
	margin-right: 2px;
}
.product_kind .product_upper_kind2{
	display:inline;
	margin-right: 2px;
}
.product_kind .product_detail_kind{
	clear:both;
	display:inline;
	width: auto;
	margin-right: 2px;
}
.product_kind .product_detail_kind ul{
	display:inline;
	width: auto;
	margin: 0px;
}
.product_kind .product_detail_kind li{
	display:inline;
	margin: 0px;
}
.product_detail_kind_row{
	display:inline;
	margin: 0px;

}
.product_detail_col{
	display:block;
	float: left;
	margin: 10px 0px;
	width: 550px;


}
.product_kind ul{
	margin: 0px;
}
.kind_head_symbol{
	width: 10px;
	height: 20px;
	display: block;
	float:left;

}
.goodlist_cate_line{
	display:block;
	clear:both;
	
}
.goodlist_cate_line_2{
	width: 200px;
	height: 20px;
	display: block;
	float:left;
}

.goodlist_cate_line_3{
	width: 180px;
	height: 20px;
	display: block;
	float:left;
}
.goodlist_cate_line_4{
	width: 135px;
	height: 20px;
	display: block;
	float:left;
}
.goodlist_cate_line_5{
	width: 105px;
	height: 20px;
	display: block;
	float:left;
}
.goodlist_cate_line_6{
	width: 86px;
	height: 20px;
	display: block;
	float:left;
}
.goodlist_cate_line_7{
	width: 86px;
	height: 20px;
	display: block;
	float:left;
}

.product_kind .product_lower_kind{
	line-height: 24px;
	width: auto;
	height: auto;
	margin: 20px 0px;
}
.product_detail_kind1{
	clear: both;
}
*/
/* ##### ↑ここまで　下位カテゴリー表示部分　######## */
/* CSS for product_kind.html = [PRODUCT_KIND] = .product_kind  */