/******************************************

product

******************************************/

div.productInfo {
}

div.productInfo h1 {
	margin: 20px 0 20px;
	padding: 20px 0 10px;
	background: url(https://yellowglasses.jp//colorme/mango/img/product/product_title-bg.gif) right bottom no-repeat;
	font-size: 150%;
	font-weight: bold;
}

p.photo {
	float: left;
	width: 300px;	
}

div.productInfo form {
	display: inline;
	float: right;
		margin: 0 40px 0 0;
		width: 320px;

}

div.productInfo form table {
	margin: 0 0 20px;
	border-top: 1px solid #dcd4bf;
	width: 320px;
	border-collapse: collapse;
}


div.productInfo form table th {
	padding: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dcd4bf;
	color: #502101;
	background: #ffcc3a;
	font-weight: bold;
	vertical-align: top;
}


div.productInfo form table td {
	padding: 5px 15px;
	border-right: 1px solid #dcd4bf;
	border-bottom: 1px solid #dcd4bf;
}

div.productInfo form table td.productNum p {
	float: left;
	display: block;
	width: 30px;	
	margin: 2px 0 0 0;
}

div.productInfo form table td.productNum div.change {
	float: left;
	width: 20px;
}

div.productInfo form table td.productNum div.change a {
	display: block;
}

div.productInfo form table td.price_detail {
	color: #900;
	font-size: 120%;
	font-weight: bold;
}

div.productInfo form table td p.cart {
	border:0;
}

ul.etc {
	clear: both;
	padding: 40px 0 0;	
}

ul.etc li {
	display: inline;
	margin: 0 20px 0 0;
}

div.mangoCation {
margin: 40px 0;
border: 1px solid #b2161c;
}

div.mangoCation h2 {
padding: 10px;
color: #fff;
background: #b2161c;
font-weight: bold;
}

div.mangoCation p {
margin: 10px;
line-height: 1.5;
}