@charset "utf-8";

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

summary:モバイルマーケティングページ用CSS

- PROMOTIONAREA
- CONTENT

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


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

div#promotionArea {

	background:
			transparent
			url(../images/mobile_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/mobile_marketing/bg_point_middle.jpg) 
			repeat-y left top;
}
div.tag-container {
	padding:0 0 21px 0;
	min-height:380px;
	_height:380px;
	
}

div.tag-container p {
	padding:10px 20px 0 31px;
	width:180px;
}
div.tag-container p.tag-img {

	padding:15px 0 0 0;
	width:231px;
	text-align:center;
}


/** プロモーション事例 */ 

div.sc-exp-area {
	margin:20px 0 0 24px;
	width:708px;
	background:
			transparent
			url(../images/mobile_marketing/img_sc_middle.gif) 
			repeat-y left top;
	
}

div.sc-exp-container {
	padding:0 0 20px 0;
	width:708px;
	background:
			transparent
			url(../images/mobile_marketing/img_sc_btm.gif) 
			no-repeat left bottom;
}

div.dot{
	margin:0 0 0 20px;
	padding:15px 15px 5px 15px;
	border:1px dotted #543827;
	width:640px;	
}