@charset "shift-jis";
/*###########################################

夢や 杉山製茶
mail-item.css 
CSS Version 2.0
LastModified:2012.08 by Mtec

###########################################*/
/*お試しセット*/
#mail-item .main-img{
	padding:20px 0 0;
}

#mail-item .page-link{
	padding:30px 0;
}
	#mail-item .page-link li{
		float: left;
		list-style: none;
		width: 380px;
	}
		#mail-item .page-link li.last{
			width: 370px;
		}

#mail-item .cat-article h3{
	background: #666 url('../images/mail-item/i-title.gif') no-repeat 10px 7px;
	color:#fff;
	padding:0 30px;
	font-size: 1.16em;
	line-height: 30px;
}

#mail-item .about{
	padding:20px 10px 20px 310px;
	background: url('../images/mail-item/img-about.jpg') no-repeat 10px 20px;
	min-height:210px;
}

#mail-item .about2{
	padding:0 10px 20px;
}
	#mail-item .about2 h4{
		color:#669900;
		font-size:1.1em;
		font-weight:bold;
		padding-bottom:15px;
	}

#mail-item .locality{
	min-height: 414px;
	margin:30px 0;
	padding: 0 10px 0 270px;
	background: url('../images/mail-item/img-map.gif') no-repeat 10px top;
}
	#mail-item .locality p img{
		display: block;
		margin-top: 35px;
	}

#mail-item .cat-set{
	padding:0 10px 10px;
}
#mail-item .cat-set-inner{
	background: url('../images/mail-item/bg-otameshi-middle.jpg') repeat-y left top;
	padding:10px;
}
	#mail-item .cat-set li{
		list-style: none;
		float: left;
		padding:0 10px 0 0;
	}
		#mail-item .cat-set li.last{
			padding:0 0 0 0;
		}
	#mail-item .cat-set p{
		padding:20px 10px;
	}
#mail-item .set-contents-inner{
	float: left;
	width: 435px;
	background: url('../images/mail-item/orange-arrow.gif') no-repeat 400px center;
}
	#mail-item .set-contents-inner-inner{
		width: 400px;
		background: #ffcc66;
		min-height:160px;
	}
	#mail-item .set-contents-inner p{
		padding:20px;
		font-size:0.9em;
	}
	#mail-item .purchase{
		float: right;
		width: 270px;
	}

#mail-item .cat-set-bottom{
	background: url('../images/mail-item/bg-otameshi-bottom.jpg') no-repeat left top;
	height:22px;
}

#mail-item .article .itemblock{
	padding:0 10px 25px;
}
#mail-item .itembox{
	float: left;
	padding-right: 15px;
	padding-bottom: 5px;
}
	#mail-item .itembox h4{
		padding-top: 5px;
		width: 170px;
		font-weight: normal;
		font-size:1em;
	}
	#mail-item .itembox p{
		padding-top: 5px;
		width: 170px;
		font-size: 0.83em;
		line-height: 130%;
	}
#mail-item .article .itemblock .last{
	padding-right: 0;
}