@charset "utf-8";

/*

[FILENAME] campaign.css

*/


	
/*
content
============================================================*/
#block-b {
	margin:15px 0 0;
	width: 760px;
	background: url(../images/middle_b.gif) repeat-y 0 0;
	position: relative;
}

#block-b h3 {
	margin: 0 0 5px 10px;	
}

#block-b #box-period {
	position: absolute;
	right: -10px;
	top: 35px;
	color: #E0427C;
	line-height: 140%;
	font-weight: bold;
	width: 202px;
	background: url(../common_images/middle_period.gif) repeat-y 0 0;
}

#block-b #txt {
	font-size: 0.85em;
	padding: 8px 5px 0 8px;
	background: url(../common_images/head_period.gif) no-repeat top left;
}

#block-b #txt-time {
	padding: 0 5px 5px 8px;
	font-size: 0.95em;
	background: url(../common_images/btm_period.gif) no-repeat bottom left;
}



#ContentCampaign{
	text-align:left;
	margin:0 0 0 40px;
}
	/* Title */
	#ContentCampaign .Title{
		margin:20px 0 0 0;
	}
	
	
	
	/* AreaBanner */
	#ContentCampaign #AreaBanner{
		margin:15px 0 0 0;
	}
	#ContentCampaign #AreaBanner img{
		vertical-align:bottom;
	}
	
	/* Area01 */
	#ContentCampaign #Area01{
		margin:0 0 0 15px;
	}
	
	#ContentCampaign #Area01 h2{
		margin:0 0 20px 0;
	}
	
	#ContentCampaign #Area01 .BoxArea{
		background:url(../common_images/bgimg_01.gif) no-repeat left bottom;
		padding:0 0 15px 0;
	}
	
	#ContentCampaign #Area01 .Box{
		width:241px;
		float:left;
	}
	#ContentCampaign #Area01 .BoxEnd{
		width:220px;
		float:left;
	}
	
	#ContentCampaign #Area01 .Box .TextBox,
	#ContentCampaign #Area01 .BoxEnd .TextBox{
		width:185px;
		margin:0 0 0 15px;
		padding:18px 0 0 0;
	}
	#ContentCampaign #Area01 .Box .TextBox .Text,
	#ContentCampaign #Area01 .BoxEnd .TextBox .Text{
		padding:10px 0 0 0;
	}
	#ContentCampaign #Area01 p,
	#ContentCampaign #Area01 dl,
	#ContentCampaign #Area01 dt,
	#ContentCampaign #Area01 dd,
	#ContentCampaign #Area01 ul{
		font-size:80%;
	}
	#ContentCampaign #Area01 .Ml10{
		padding:0 0 0 13px;
	}
	
	#ContentCampaign #Area01 .Box .TextBox2{
		width:185px;
		margin:0 0 0 15px;
		padding:0 0 0 0;
	}
	#ContentCampaign #Area01 .Box .TextBox2 .LeftBox{
		width:80px;
		float:left;
		padding:5px 0 0 0;
	}
	#ContentCampaign #Area01 .Box .TextBox2 .RightBox{
		width:105px;
		float:left;
		padding:5px 0 0 0;
	}
	
	
	
	
	/* Area02 */
	#ContentCampaign #Area02{
		background:url(../common_images/bgimg_03.gif) no-repeat left bottom;
		padding:0 0 20px 0;
		margin:0 0 0 15px;
	}
	
	#ContentCampaign #Area02 .Box1{
		width:241px;
		float:left;
	}
	#ContentCampaign #Area02 .Box2{
		width:459px;
		float:left;
	}
	
	#ContentCampaign #Area02 .TextArea1{
		margin:0 0 0 0;
		width:241px;
		min-height:180px;
		_height:220px;
		padding:0 0 40px 0;
		background:url(../common_images/bgimg_02.gif) no-repeat left bottom;
	}
	
	#ContentCampaign #Area02 .TextArea2{
		width:241px;
		margin:0 0 0 0;
	}
	#ContentCampaign #Area02 .TextArea3{
		width:459px;
	}
	
	#ContentCampaign #Area02 .TextArea1 .TextBox{
		margin:5px 0 0 17px;
		width:185px;
	}
	#ContentCampaign #Area02 .TextArea2 .TextBox{
		margin:10px 0 0 17px;
		width:185px;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox{
		width:425px;
		margin:10px 0 0 17px;
	}

	#ContentCampaign #Area02 p.Price{
		font-size:160%;
	}
	#ContentCampaign #Area02 p.Price span{
		font-size:70%;
	}
	
	#ContentCampaign #Area02 p,
	#ContentCampaign #Area02 dt,
	#ContentCampaign #Area02 dd{
		font-size:80%;
	}
	
	#ContentCampaign #Area02 .TextArea2 span{
		color:#FF0000;
	}
	
	/* kojin */
	#ContentCampaign #Area02 .TextArea3 .TextBox .Kojin{
		position:relative;
		padding:10px 0 0 0;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox .Kojin .Price{
		padding:5px 0 0 0;
	}
	
	#ContentCampaign #Area02 .TextArea3 .TextBox dt {
		position: absolute;
		left: 0;
		width: 4em;
	}
 
	#ContentCampaign #Area02 .TextArea3 .TextBox dd {
		padding-left: 4em;
		margin:0 0 0.3em 0;
		position:relative;
		z-index:1;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox dd span.Icon02{
		background:url(../common_images/icon_02.gif) no-repeat 0 2px;
	}
	
	#ContentCampaign #Area02 .TextArea3 .TextBox .Kojin .Photo{
		position:absolute;
		top:10px;
		left:225px;
		z-index:0;
	}
	
	/* friend */
	#ContentCampaign #Area02 .TextArea3 .TextBox .friend{
		width:200px;
		float:left;
		padding:20px 0 0 0;
		position:relative;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox .friend .Photo{
		margin:0 0 10px 25px;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox .friend .Price,
	#ContentCampaign #Area02 .TextArea3 .TextBox .friend dl{
		position:relative;
		top:-5px;
	}
	
	/* group */
	#ContentCampaign #Area02 .TextArea3 .TextBox .group{
		width:200px;
		float:right;
		padding:20px 0 0 0;
		position:relative;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox .friend .Wrapper,
	#ContentCampaign #Area02 .TextArea3 .TextBox .group .Wrapper{
		min-height:90px;
		_height:90px;
		margin:15px 0 0 0;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox .friend .Wrapper2,
	#ContentCampaign #Area02 .TextArea3 .TextBox .group .Wrapper2{
		min-height:50px;
		_height:50px;
		margin:15px 0 0 0;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox .friend .Wrapper3,
	#ContentCampaign #Area02 .TextArea3 .TextBox .group .Wrapper3{
		min-height:100px;
		_height:100px;
		margin:15px 0 0 0;
	}
	
	#ContentCampaign #Area02 .TextArea3 .TextBox .group .Photo{
		margin:0 0 10px 5px;
	}
	#ContentCampaign #Area02 .TextArea3 .TextBox .Free{
		margin:0;
	}
	
	#ContentCampaign #Area02 .BottomText{
		margin:15px 0 0 0;
		text-align:left;
	}

	
	
	
	
	
	
	/* BgMiddle */
	#ContentCampaign .BgMiddle{
		background:url(../common_images/bgimg_middle_01.gif) repeat-y ;
		width:735px;
		margin:15px 0 0 0;
	}
	#ContentCampaign .BgMiddle2{
		background:url(../common_images/bgimg_middle_01.gif) repeat-y ;
		width:735px;
		margin:20px 0 0 0;
	}
	
	/* Icon */
	#ContentCampaign .Icon01{
		background:url(../common_images/icon_01.gif) no-repeat 4px 8px;
		padding:0 0 0 15px;
	}
	#ContentCampaign .Icon02{
		background:url(../common_images/icon_02.gif) no-repeat 0 4px;
		padding:0 0 0 15px;
	}
	#ContentCampaign .Icon03{
		background:url(../common_images/icon_02.gif) no-repeat 0 4px;
		padding:0 0 0 15px;
		margin:50px 0 0 0;
	}
	#ContentCampaign .Icon04{
		background:url(../common_images/icon_02.gif) no-repeat 0 4px;
		padding:0 0 0 15px;
		margin:20px 0 0 0;
	}
	#ContentCampaign .Icon05{
		background:url(../common_images/icon_02.gif) no-repeat 0 4px;
		padding:0 0 0 15px;
		margin:10px 0 0 0;
	}
	
	/* margin */
	.Mt20{
		margin:20px 0 0 0;
	}
	.Mt15{
		margin:15px 0 0 0;
	}