@charset "utf-8";

html, body{height: 100%;}
img{vertical-align: bottom;}

body{
	width: 100%;
	min-width: 900px;
	color: #484848;
	font-size: 13px;
	line-height: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../img/body_bg.gif) repeat-x left top #eeedeb;
}
#wrapper{
	max-width: 1400px;
	min-width: 900px;
	margin: 0 auto;
	/*padding-bottom: 64px;*/
	background: url(../img/header_bg.jpg) no-repeat center top #fff;
}
/* HEADER -----------------------------------------*/
#header{
	width: 900px;
	margin: 0 auto 24px;
}
	#header .sns{width: 900px; height: 29px;margin: 0 auto;}
	#header .head{width: 900px; margin: 0 auto 30px;}
	#header .head:after{display:block; visibility: hidden; clear: both; content:".";}
	#header .head h1{float: left;}
	#header .head p{float:right; margin-top: 20px;}

		.head_box1, .head_box2, .head_box3{width: 900px; margin: 0 auto; margin-left:-70px;}

		.head_box2{margin-top: 22px; margin-bottom: 15px;}
			.head_box2 p{display: inline-block; vertical-align: top;}
			.head_box2 p:first-child{margin-left: -30px;}

		.head_box3 p{margin-top: 10px;}

/* camapaing wrapp ----------------------------------*/
#campaing_wrapp{
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(../img/cp_bg_01.gif) no-repeat center top #31c2f9;
	color: #1A1A1A;
}
	.camp_box1{
		width: 860px;
		height: 315px;
		margin: 0 auto 10px;
		background: url(../img/cp_bg_02.gif) no-repeat center top;
	}
	.camp_box1:after{display:block; visibility: hidden; clear: both; content:".";}
		.left{
			width: 505px;
			float: left;
			margin-left: 46px;
			padding-top: 10px;
		}
			.cmp_item{margin: 10px 0 4px;}
			.cmp_item p{display: inline-block;margin-bottom: 4px;}
			.litem{width: 224px; margin-right: 20px;}
			.camp_text{margin-left: 29px;}
			.camp_text p:first-child{margin-bottom: 22px;}
		.right{
			float:right;
		}
			.right p{display: inline-block;}

	.camp_box2, .camp_box3, .camp_box4, .camp_box5, .camp_box6{
		width: 860px;
		margin: 0 auto;
	}
	.camp_box2 h3, .camp_box4 h3, .camp_box5 h3, .camp_box6 h3{
			width: 853px;
			height: 22px;
			margin: 0 auto 16px;
			padding: 3px 0 0 6px;
			line-height: 0px;
			border-bottom: 1px solid #fff;
			border-left: 7px solid yellow;
		}
		/*.camp_box2 {margin-bottom: -20px;}*/
		.camp_box2 img{vertical-align: bottom;}
		.oubo{margin-bottom: -22px;}
		.oubo:after{display:block; visibility: hidden; clear: both; content:".";width: 0px; height: 0px;}
			.oubo_1, .oubo_2, .oubo_3{float: left;}
			.oubo_1 .no1_foot{
				width:230px;
				height: 76px;
				padding: 16px 0 0 62px;
				background: url(../img/cp2_no1_04.png) no-repeat left top;
			}
			.oubo_2 .no2_foot{
				width: 239px;
				height: 89px;
				padding: 3px 0 0 53px;
				background: url(../img/cp2_no2_04.png) no-repeat left top;
			}
			.oubo_3 .no3_foot{
				width: 275px;
				height: 131px;
				background: url(../img/cp2_no3_04.png) no-repeat left top;
			}
	.camp_box3, .camp_box5{margin-bottom: 25px;}
		.camp_box3 h3{
			width: 853px;
			height: 22px;
			margin-bottom: 16px;
			position: relative;
			border-bottom: 1px solid #fff;
			border-left: 7px solid yellow;
		}
		.camp_box3 h3 img{position:absolute;top: 3px; left: 6px;}
		.camp_box3 p{line-height: 19px;}

	.camp_box4 p{margin-bottom: 25px;}
	
	.cp_foot{
		width: 900px;
		height: 16px;
		margin: 0 auto 40px;
		background: url(../img/cp_bg_03.gif) no-repeat center bottom;
	}

	.chara1{position:absolute; top: 79px; left: 0px;}
	.chara2{position:absolute; top: 72px; right: 252px;}
	.chara3{position:absolute; top: 270px; right: 7px;}
	.chara4{position:absolute; bottom: -32px; right: 7px;}

/* Line up -----------------------------------------------------------------------*/
#lineup_area{
	width: 100%;
	min-width: 900px;
	margin-bottom: 48px;
	padding-bottom: 30px;
	background: url(../img/bg_01.gif);
}
	.lineup{
		width: 900px;
		margin: 0 auto;
	}
	.lineup img{vertical-align: bottom;}
	.lineup h3{width: 260px; margin: 0 auto 30px;}

	.l_left{float: left;}
	.l_right{float: right;}
	.clearfix:after{display:block; visibility: hidden; clear: both; content:".";}

	.lineup_n01, .lineup_n02, .lineup_n03{float: left;}
	.lineup_n01{
		width: 319px;
		margin-left: -30px;
		margin-right: 12px;
	}
	.lineup_n02, .lineup_n03{width: 293px;}
	.lineup_n02{margin-right: 12px;}
		.lineup_btn{margin-top: 16px;}
		.lineup_text{width: 153px;height: 130px; margin-top: 5px;font-size: 12px; line-height:14px;}
		.lineup_title{width: 153px; font-size: 12px; line-height:14px; color:#b28b1d;}

#trial_area{
	width: 100%;
	min-width: 900px;
	margin-bottom: 48px;
	background: url(../img/bg_01.gif);
}
	.trial{
		width: 1200px;
		margin: 0 auto;
	}
	.trial img{vertical-align: bottom;}
	.trial h3{width: 260px; margin: 0 auto 30px;}

/* Link -----------------------------------------------------------------------*/
#link_area{
	width: 100%;
	min-width: 900px;
	/*margin-bottom: 64px;*/
	padding-bottom: 38px;
	background: url(../img/bg_01.gif);
}
	#link_area h3{
		width: 260px;
		margin: 0 auto 30px;
	}
	#link_area ul{width: 855px;margin: 0 auto;}
	#link_area li{display: inline-block;margin: 0 5px 10px;}

/* bottom -----------------------------------------------------------------------*/
#bottom_navi{
	position: relative;
	width: 100%;
	min-width: 900px;
	height: 66px;
}
	.pagetop{
		display:none;
		position: absolute;
		top: 17px;
		right: 100px;
	}
	.pagetop a{
		display: block;
		width: 108px;
		height: 28px;
	}

/* footer -----------------------------------------------------------------------*/
#footer{
	width: 100%;
	min-width:900px;
	height: 280px;
	background: #43413f;
}
	.foot_wrapp{
		max-width: 1400px;
		min-width: 900px;
		height: 280px;
		margin: 0 auto;
		background: url(../img/footer_bg.png) #fff;
	}
	.foot_wrapp .cp1{width: 200px; margin: 0 auto;padding-top: 30px;}
	.foot_wrapp .cp2{width: 229px; margin: 0 auto;padding-top: 10px;}




/* END -----------------------------------------------------------------------*/
#social_area {
	width:100%;
	height:25px;
	padding-top:4px;
	background:url(../sns/social_area_bg.jpg) repeat-x;
}