@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 34px;
	_margin:0 0 0 7px;
	float:left;
	width:341px;
	background:
			transparent
			url(../images/styleclip/bg_point_middle01.jpg) 
			repeat-y left top;
}


div.tagfirst {
	margin:0 0 0 14px;
	_margin:0 0 0 7px;
	float:left;
	width:341px;
	background:
			transparent
			url(../images/styleclip/bg_point_middle01.jpg) 
			repeat-y left top;
}

div.tag-container {
	padding:0 0 21px 0;
	min-height:380px;
	_height:380px;
	
}


div.tag-container01 {
	width:341px;	
	background:
			transparent
			url(../images/styleclip/bg_point_btm01.jpg) 
			no-repeat left bottom;	
}


div.tag-container02 {
	width:341px;	
	background:
			transparent
			url(../images/styleclip/bg_point_btm01.jpg) 
			no-repeat left bottom;	
}


div.tag-container01 p {
	padding:10px 20px 0 31px;
}

div.tag-container02 p {
	padding:10px 20px 0 31px;
}

div.tag-container01 p.tag-txt,
div.tag-container02 p.tag-txt {

	padding:15px 0 0 0;
	width:341px;
	text-align:center;
	font-weight:bold;
	color:#990000;
}


div.tag-container01 p.tag-img,
div.tag-container02 p.tag-img {

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

.point3{
font-size:12px;
line-height:18px;
background:url(../images/styleclip/img_03.gif) no-repeat;
width:135px;
height:180px;
background-position:center;
margin-left:30px;
padding:5px 0 0 155px;
color:#FFFFFF;
}

.point4{
font-size:12px;
line-height:18px;
background:url(../images/styleclip/img_04.gif) no-repeat;
width:190px;
height:140px;
background-position:center;
padding:0 0 0 80px;
margin-left:40px;
}

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

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

div.sc-exp-container {
	padding:0 0 20px 0;
	width:708px;
	background:
			transparent
			url(../images/styleclip/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;	
}

.pro_txt{
background:url(../images/styleclip/txt_cs01.gif) no-repeat;
width:430px;
height:24px;
padding:5px 0 0 200px;
margin-bottom:10px;}

.pro_txt2{
background:url(../images/styleclip/txt_cs02.gif) no-repeat;
width:430px;
height:24px;
padding:5px 0 0 200px;}

.pro_txt3{
margin:10px 0 10px 0;}

.pro_txt4{
background:url(../images/styleclip/img_05.gif) no-repeat;
width:290px;
height:170px;
padding:0 0 0 340px;
margin-bottom:10px;
}

.pro_txt5{
font-weight:bold;
margin:10px 0 10px 0;}

.btn{
margin-top:5px;
font-weight:bold;
color:#FFFFFF;
background:url(../images/styleclip/btn.png) no-repeat;
width:255px;
height:35px;
padding:15px 0 0 25px; }