@charset "UTF-8";

/* -----------------------------------------------
FileName:campaign.css
----------------------------------------------- */

*{
	margin: 0;
	padding: 0;
}

body{
	color: #000;
	background: #AFE2FD;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS PGothic",sans-serif;
	text-align: center;
}

img {
	border: none;
}

li {
	list-style: none;
}

/* definition_link */
a:link {
	color: #fff;
	text-decoration: underline;
}

a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #6cf;
	text-decoration: none;
}

a:active {
	color: #6cf;
	text-decoration: none;
}

/* ===== wrap ===== */

#wrap {
	margin: 0 auto;
	padding: 27px 0 0 0;
	width: 990px;
}

	#wrap #campaign {
		margin: 0 auto;
		padding: 0 0 17px 0;
		width: 907px;
		background: url("../images/bg_contents_btm.gif") no-repeat center bottom;
	}

	#wrap #campaign .camwarp {
		width: 907px;
		background: url("../images/bg_contents_base.gif") repeat-y center top;
	}

	#wrap #campaign .main {
		width: 907px;
		height: 570px;
		background: url("../images/bg_main2.jpg") no-repeat center top;
		position: relative;
	}

		#wrap #campaign .main .text {
			position: absolute;
			top: 324px;
			left: 100px;
			width: 804px;
			height: 220px;
			color: #000;
			font-size: 12px;
			line-height: 16px;
		}

		#wrap #campaign .main .btn {
			position: absolute;
			top: 408px;
			left: 564px;
			width: 310px;
			height: 86px;
		}

	#wrap #campaign .contents {
		margin: 0 45px;
		text-align: left;
	}

	#wrap #campaign .main2 {
		width: 907px;
		height: 619px;
		background: url("../images/bg_prize1.jpg") no-repeat center top;
		position: relative;
	}

	#wrap #campaign .main2 p {
		color: #000;
		font-size: 12px;
		line-height: 21px;
	}

	#wrap #campaign .main2 ul.howto {
		list-style-type: disc;
		position: relative;
		z-index: 2;
	}

		#wrap #campaign .main2 ul.howto li {
			color: #000;
			font-size: 13px;
			line-height: 18px;
			margin-left: 0.5em;
			margin-bottom: 0.5em;
			text-indent: -0.5em;
		}

.text1 {
	position:absolute;
	top:160px;
	left:380px;
	width:513px;
	height:32px;
	z-index:1;
}

.text2 {
	position:absolute;
	top:236px;
	left:388px;
	width:470px;
	height:145px;
	z-index:1;
}

.text3 {
	position:absolute;
	top:428px;
	left:388px;
	width:444px;
	height:149px;
	z-index:1;
}

.link1 {
	position:absolute;
	top:37px;
	left:70px;
	width:297px;
	height:532px;
}



	#wrap #campaign .main3 {
		width: 907px;
		height: 1388px;
		background: url("../images/bg_prize2.jpg") no-repeat center top;
		position: relative;
	}

	#wrap #campaign .main3 p {
		color: #000;
		font-size: 12px;
		line-height: 18px;
	}

/* ===== EGC ===== */

	#wrap #campaign .main3 ul.howto {
		position: relative;
		z-index: 2;
	}

		#wrap #campaign .main3 ul.howto li {
			color: #000;
			font-size: 13px;
			line-height: 18px;
			margin-left: 0.5em;
			text-indent: -0.5em;
		}


.comment2 {
	position:absolute;
	top:607px;
	left:37px;
	width:252px;
	height:85px;
	z-index:1;
}
.comment3 {
	position:absolute;
	top:607px;
	left:327px;
	width:252px;
	height:85px;
	z-index:1;
}
.comment4 {
	position:absolute;
	top:607px;
	left:617px;
	width:252px;
	height:85px;
	z-index:1;
}

.comment5 {
	position:absolute;
	top:1218px;
	left:37px;
	width:252px;
	height:85px;
	z-index:1;
}
.comment6 {
	position:absolute;
	top:1218px;
	left:327px;
	width:252px;
	height:85px;
	z-index:1;
}

.comment7 {
	position:absolute;
	top:51px;
	left:157px;
	width:708px;
	height:85px;
	z-index:1;
}

.link2 {
	position:absolute;
	top:98px;
	left:27px;
	width:272px;
	height:482px;
}

.link3 {
	position:absolute;
	top:98px;
	left:317px;
	width:272px;
	height:482px;
}

.link4 {
	position:absolute;
	top:98px;
	left:607px;
	width:272px;
	height:482px;
}

.link5 {
	position:absolute;
	top:709px;
	left:27px;
	width:272px;
	height:482px;
}

.link6 {
	position:absolute;
	top:709px;
	left:317px;
	width:272px;
	height:482px;
}


/* ===== EGC ===== */



	#wrap #campaign .contents h2 {
		margin: 20px 0 13px 0;
		padding: 3px 10px 4px 10px;
		color: #fff;
		background: url("../images/bg_title.gif") no-repeat;
		font-size: 14px;
		line-height: 16px;
	}

	#wrap #campaign .contents p {
		margin-bottom: 1em;
		color: #000;
		font-size: 13px;
		line-height: 21px;
	}

	#wrap #campaign .contents .box {
		width: 816px;
	}

		#wrap #campaign .contents .box .box_l {
			width: 725px;
			float: left;
		}

		#wrap #campaign .contents .box .box_l p {
			margin-right: 15px;
		}

		#wrap #campaign .contents .box .box_r {
			width: 91px;
			float: right;
		}

#wrap #campaign .contents .box:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

	#wrap #campaign .contents ul.howto {
		margin: 10px 0 0 0;
		position: relative;
		z-index: 2;
	}

		#wrap #campaign .contents ul.howto li {
			color: #000;
			font-size: 14px;
			line-height: 21px;
			font-weight: bold;
			margin-left: 0.5em;
			text-indent: -0.5em;
		}

	#wrap #campaign .contents dl {
		margin: 0 0 10px 0;
	}

	#wrap #campaign .contents dl dt {
		margin: 10px 0 0 0;
	}

		#wrap #campaign .contents dl dt.list01 {
			color: #c09;
			font-size: 14px;
			font-weight: bold;
		}

		#wrap #campaign .contents dl dt.list02 {
			color: #f30;
			font-size: 14px;
			font-weight: bold;
		}

		#wrap #campaign .contents dl dt.list03 {
			color: #060;
			font-size: 14px;
			font-weight: bold;
		}

	#wrap #campaign .contents dl dd {
		padding: 0 0 0 1.2em;
		color: #000;
		font-size: 12px;
		line-height: 21px;
	}

		#wrap #campaign .contents dl dd ul {
			margin-top: 3px;
		}

		#wrap #campaign .contents dl dd li {
			margin-left: 0.5em;
			text-indent: -0.5em;
		}

		#wrap #campaign .contents dl dd p {
			margin-left: 1em;
			text-indent: -1em;
		}

	#wrap #campaign .contents .note {
		margin-left: 1em;
		text-indent: -1em;
	}

	#wrap #campaign .contents .block {
		position: relative;
		margin: 0 -31px 0 0;
		padding: 39px 0 15px 0;
		width: 848px;
		background: url("../images/img_illust.gif") no-repeat 100% 0;
	}

			#wrap #campaign .contents .block .box01 {
				width: 660px;
				height: 325px;
			}

				#wrap #campaign .contents .block .box01 h2 {
					margin: 0 0 13px 0;
					width: 612px;
				}

			#wrap #campaign .contents .block .box02 {
				width: 660px;
				height: 56px;
			}

				#wrap #campaign .contents .block .box02 h2 {
					margin: 0 0 13px 0;
					_margin: 0 0 10px 0;
					width: 612px;
				}

			#wrap #campaign .contents .block .box03 {
				width: 660px;
			}

				#wrap #campaign .contents .block .box03 h2 {
					width: 612px;
				}


#wrap #campaign .contents .block:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/* ===== footer ===== */

#footer {
	margin: 0 auto;
	padding: 20px 0;
	width: 930px;
}

	#footer p {
		font-size: 10px;
		line-height: 13px;
	}