@charset "UTF-8";


#goods #goodsInner{
	margin: 0 2%;
}

#goods h6 img{
	width: 100%;
}

#goods p.order img{
	width: 140px;
	display: block;
	margin: 10px auto 30px auto;
}

#goods p.order img:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background: #FFFFFF;
}

#goods article {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #434343;
}

#goods article img{
	width: 48%;
	margin-right: 2%;
	float: left;
}

#goods article dl{
	float: left;
	width: 50%;
}

#goods article dl dt.goodsName{
	color: #004690;
	font-size: 1.2em;
	font-weight: bold;
}

#goods article dl dd.goodsPrice{
	font-weight: bold;
	padding-bottom: 10px;
}

#goods article dl dd.goodsFew{
	background-color: #004690;
	color: #FFFFFF;
	padding: 0 10px;
	display: inline;
}

#goods article dl dd.goodsInfo{
	font-size: 0.8em;
	line-height: 1.4em;
}

#goods article.goodsW dl,
#goods article.goodsW2 dl{
	margin: 10px 0 0 0;
	width: 100%;
}



@media only screen and (min-width: 641px){


#goods p.order span{
	display: inline;
}

#goods article{
	width: 31%;
	height: 435px;
	padding-right: 1%;
	margin-right: 1%;
	float: left;
	border-bottom: 0;
	border-right: dotted 1px #434343;
}

#goods article img{
	width: 100%;
	float: none;
	margin-right: 0;
}

#goods article dl{
	float: none;
	width: 100%;
}


#goods article.goods3{
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

#goods article.goodsW{
	width: 64%;
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

#goods article.goodsW2{
	width: 64%;
}

#goods article.goodsTri{
	width: 100%;
	border: none;
	height: inherit;
	margin: 10px 0;
}

#goods article.goodsW img,
#goods article.goodsW2 img{
	width: 49%
}

#goods article.goodsTri img{
	width: 31%;
	float: left;
}

#goods article.goodsTri dl{
	width: 65%;
	float: left;
	margin: 0 0 0 2%;
}

}