@charset "utf-8";

/*
======== table of content. =================================

summary:メールマーケティングページ用CSS

- PROMOTIONAREA
- CONTENT

============================================================
*/


/*-----------------------------------------------------
PROMOTIONAREA
-------------------------------------------------------*/

div#promotionArea {

	background:
			transparent
			url(../images/mail_marketing/bg_promotion.jpg) 
			no-repeat 0 109px;
}

/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
div.tags {
	margin:0 0 0 14px;
	_margin:0 0 0 7px;
	float:left;
	width:231px;
	background:
			transparent
			url(../images/mail_marketing/bg_point_middle.jpg) 
			repeat-y 0 20px;
}

div.tag-container {
	padding:0 0 21px 0;
	min-height:520px;
	_height:520px;
	background:
			transparent
			url(../images/mail_marketing/bg_point_btm.jpg) 
			no-repeat left bottom;
}

div.tag-container p {
	padding:10px 15px 0 28px;
	width:180px;
}
div.tag-container p.tag-img {
	padding:15px 0 0 0;
	width:231px;
	text-align:center;
}


/** メールサンプル */
div#mailsample-area {
	margin:25px 0 0 24px;
	_margin:25px 0 0 17px;
	width:708px;
}

dl.mailsample-list {
	width:708px;
	background:
			transparent
			url(../images/mail_marketing/bg_mailsample.jpg) 
			repeat-y left top;
}
ul.sample-items {
	padding:0 0 15px 15px;
	width:693px;
	
}
ul.sample-items li {
	margin:15px 11px 0 0;
	float:left;
	width:161px;
}