@charset "UTF-8";

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

*{
	margin: 0;
	padding: 0;
}

body{
	color: #000;
	background: #ffcfae;
	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: #66f;
	text-decoration: underline;
}

a:visited {
	color: #f33;
	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: 530px;
		background: url("../images2/bg0.jpg") no-repeat center top;
		text-indent:-9999px;
	}

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

	#wrap #campaign .contents h2 {
		margin: 20px 0 13px -19px;
	}

	#wrap #campaign .contents p {
		color: #000;
		font-size: 12px;
		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 .block {
		position: relative;
		margin: 0 -31px 0 0;
		padding: 10px 0 15px 0;
		width: 848px;
	}

		#wrap #campaign .contents .block .box01 {
			position: relative;
			margin-left: -18px;
			width: 853px;
			height: 560px;
			background: url("../images2/bg1.jpg") no-repeat center top;
		}

			#wrap #campaign .contents .block .box01 p.link1 a {
				position:absolute;
				top:10px;
				left:10px;
				display: block;
				width: 276px; height: 363px;
			}

			#wrap #campaign .contents .block .box01 p.link1 a:hover {
				border: 1px solid #ff00ff;
			}

			#wrap #campaign .contents .block .box01 p.present1 {
				position:absolute;
				top:90px;
				left:330px;
				display: block;
				width: 510px; height: 70px;
				line-height: 18px;
			}

			#wrap #campaign .contents .block .box01 p.comment1 {
				position:absolute;
				top:220px;
				left:330px;
				display: block;
				width: 510px; height: 500px;
				line-height: 18px;
			}


		#wrap #campaign .contents .block .box02 {
			position: relative;
			margin-left: -18px;
			width: 853px;
			height: 470px;
			background: url("../images2/bg2.jpg") no-repeat center top;
		}

			#wrap #campaign .contents .block .box02 a:hover {
				border: 1px solid #ff00ff;
			}

			#wrap #campaign .contents .block .box02 p.link1 a {
				position:absolute;
				display: block;
				top:10px;	left:10px;
				width: 250px; height: 333px;
			}

			#wrap #campaign .contents .block .box02 p.link2 a {
				position:absolute;
				display: block;
				top:10px;	left:299px;
				width: 250px; height: 333px;
			}

			#wrap #campaign .contents .block .box02 p.link3 a {
				position:absolute;
				display: block;
				top:10px;	left:590px;
				width: 250px; height: 333px;
			}

			#wrap #campaign .contents .block .box02 p.present1 {
				position:absolute;
				top:415px;
				left:316px;
				display: block;
				width: 510px; height: 70px;
				line-height: 18px;
			}


		#wrap #campaign .contents .block .box03 {
			position: relative;
			margin-left: -18px;
			width: 853px;
			height: 470px;
			background: url("../images2/bg3.jpg") no-repeat center top;
		}

			#wrap #campaign .contents .block .box03 a:hover {
				border: 1px solid #ff00ff;
			}

			#wrap #campaign .contents .block .box03 p.link1 a {
				position:absolute;
				display: block;
				top:10px;	left:10px;
				width: 250px; height: 333px;
			}

			#wrap #campaign .contents .block .box03 p.link2 a {
				position:absolute;
				display: block;
				top:10px;	left:299px;
				width: 250px; height: 333px;
			}

			#wrap #campaign .contents .block .box03 p.link3 a {
				position:absolute;
				display: block;
				top:10px;	left:590px;
				width: 250px; height: 333px;
			}

			#wrap #campaign .contents .block .box03 p.present1 {
				position:absolute;
				top:415px;
				left:316px;
				display: block;
				width: 510px; height: 70px;
				line-height: 18px;
			}


		#wrap #campaign .contents .block .box04 {
			width: 440px;
			height: 180px;
			font-size: 12px;
			line-height: 21px;
			padding: 100px 0 0 380px;
			background: url("../images/bg_happyo.gif") no-repeat 0 0;
		}



#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;
	}