body{
	background-image: url(../images/con_bg.jpg);
	background-position: center;
	background-attachment: fixed;
}

#header{
	overflow:hidden;
	width:100%;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	position: relative;
	z-index: 999999;
}

#header_line_b{
	background:url(../../../images/header_line.jpg) center top repeat-x;
	width:100%;
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
		position: relative;
	z-index: 999999;

}


#footer{
	position: relative;
	z-index: 999999;
}


/***************
anime
****************/

#mainvisual .main1 , #mainvisual ul{
animation: opa 4s;
/*animation-iteration-count:5;*/
-webkit-animation: opa 4s;
/*-webkit-animation-iteration-count:5;*/
}
@keyframes opa {
  50% {
-webkit-filter:blur(30px);
filter: blur(30px);

}

  100% {
-webkit-filter: blur(0px);
filter: blur(0px);
}
}


/***********************************
mainvisual
************************************/
#mainvisual{
	background-image: url(../images/main_back.png);
	background-position: center;
	width: 100%;
	height: 522px;
	overflow: hidden;
	position: relative;
}

#mainvisual .inner{
	margin: 0px auto;
	width: 980px;
	height: 522px;
	text-align: left;
}

#mainvisual .inner .ch1w{
	position: absolute;
	margin: -2px 0px 0px -84px;
	opacity: 0;
}

#mainvisual .inner .ch2w{
	position: absolute;
	margin: -3px 0px 0px 160px;
	opacity: 0;
}

#mainvisual .inner .ch3w{
	position: absolute;
	margin: -3px 0px 0px 406px;
	opacity: 0;
}

#mainvisual .inner .ch4w{
	position: absolute;
	margin: -3px 0px 0px 648px;
	opacity: 0;
}

#mainvisual .inner .ch1{
	position: absolute;
	margin: -2px 0px 0px -84px;
	opacity: 0;
}

#mainvisual .inner .ch2{
	position: absolute;
	margin: -3px 0px 0px 160px;
	opacity: 0;
}

#mainvisual .inner .ch3{
	position: absolute;
	margin: -3px 0px 0px 406px;
	opacity: 0;
}

#mainvisual .inner .ch4{
	position: absolute;
	margin: -3px 0px 0px 648px;
	opacity: 0;
}

#mainvisual .inner .tate_bou1{
	position: absolute;
	margin: 0px 0px 0px 389px;
}

#mainvisual .inner .tate_bou2{
	position: absolute;
	margin: 0px 0px 0px 389px;
}

#mainvisual .inner .tate_bou3{
	position: absolute;
	margin: 0px 0px 0px 389px;
}

#mainvisual .inner .tate_bou4{
	position: absolute;
	margin: 0px 0px 0px 389px;
}

#mainvisual .inner .tate_bou5{
	position: absolute;
	margin: 0px 0px 0px 389px;
}

#mainvisual .inner .title1{
	position: absolute;
	margin: 550px 0px 0px 0px;
}

#mainvisual .inner .title2{
	position: absolute;
	margin: 410px 0px 0px 38px;
	opacity: 0;
}

#mainvisual .inner .title3{
	position: absolute;
	margin: 400px 0px 0px 38px;
	opacity: 0;
}

#mainvisual .inner .next{
	position: absolute;
	width: 230px;
	height: 105px;
	margin: 406px 0px 0px 740px;
	opacity: 0;
}

#mainvisual .inner .next img{
	position: absolute;
}

#campaign{
	margin: 30px 0px 0px 0px;
	background-image: url(../images/main_back.png);
	background-position: center;
	width: 100%;
	overflow: hidden;
	position: relative;
}

#campaign .inner{
	margin: 0px auto;
	width: 980px;
	text-align: left;
}

#campaign .inner .bar_top{
	position: absolute;
	margin: 0px 0px 0px -510px;
}

#campaign .inner .bar_bottom{
	position: absolute;
	margin: -20px 0px 0px -510px;
}

#campaign .inner .campaign_txt{
	margin: 30px 0px 30px 30px;
}





/***********************************
sakura
************************************/

/***********************************
contents1
************************************/
#campaign1{
	margin: 30px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-image: url(../images/con1_chara.png);
	background-repeat: no-repeat;
	background-position: top center;
	}

#campaign1 .inner{
	margin: 0px auto 0px auto;
	padding: 250px 0px 0px 0px;
	width: 980px;
}

#campaign1 .inner .campaign{
	margin: -200px 0px 0px 420px;
	position: absolute;
	width: 1051px;
	height: 179px;
	background-image:url(../images/contents1.png);
	background-repeat: no-repeat;
	text-align: left;
}

#campaign1 .inner .campaign_txt_box{
	margin: 0px 0px 0px 465px;
	width: 490px;
	background-image:url(../images/campaign_txt_box.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: left;
	color: #FFFFFF;
}

#campaign1 .inner .top{
	margin: -10px 0px 0px -9px;
}

#campaign1 .inner .txt_box{
	margin: 0px 0px 0px -9px;
	width: 507px;
	background-image: url(../images/con_txt2.png);
	background-repeat: repeat-y;
	background-position: center;
}

#campaign1 .inner .bottom{
	margin: 0px 0px 0px -9px;
}

#campaign1 .inner .title{
	padding: 10px 25px 10px 25px;
	line-height: 26px;
	text-align: right;
	font-weight: bold;
}

#campaign1 .inner .bar_dot{
	padding: 10px 0px 0px 0px;
}

#campaign1 .inner .txt_red{
	padding: 10px 25px 10px 25px;
	line-height: 26px;
	text-align: right;
	font-size: 14px;
}

#campaign1 .inner .card_box1{
	margin: 10px 0px 10px 57px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	float: left;
}

#campaign1 .inner .card_box2{
	margin: 10px 0px 10px 80px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	float: left;
}



/***********************************
contents2
************************************/
#campaign2{
	margin: 30px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-image: url(../images/con2_chara.png);
	background-repeat: no-repeat;
	background-position: top center;
	}

#campaign2 .inner{
	margin: 0px auto 0px auto;
	padding: 470px 0px 0px 0px;
	width: 980px;
}

#campaign2 .inner .campaign{
	margin: -200px 0px 0px -482px;
	position: absolute;
	width: 1051px;
	height: 179px;
	background-image:url(../images/contents2.png);
	background-repeat: no-repeat;
	text-align: left;
}

#campaign2 .inner .campaign_txt_box{
	margin: 0px 0px 0px 30px;
	width: 490px;
	background-image:url(../images/campaign_txt_box.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: left;
	color: #FFFFFF;
}

#campaign2 .inner .top{
	margin: -10px 0px 0px -9px;
}

#campaign2 .inner .txt_box{
	margin: 0px 0px 0px -9px;
	width: 507px;
	background-image: url(../images/con_txt2.png);
	background-repeat: repeat-y;
	background-position: center;
}

#campaign2 .inner .bottom{
	margin: 0px 0px 0px -9px;
}

#campaign2 .inner .title{
	padding: 10px 25px 10px 25px;
	line-height: 26px;
	text-align: left;
	font-weight: bold;
}

#campaign2 .inner .bar_dot{
	padding: 10px 0px 0px 0px;
}

#campaign2 .inner .txt_red{
	padding: 10px 25px 10px 25px;
	line-height: 26px;
	text-align: left;
	font-size: 14px;
}

#campaign2 .inner .card_box1{
	margin: 10px 0px 0px 57px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	float: left;
}

#campaign2 .inner .card_box2{
	margin: 10px 0px 0px 80px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	float: left;
}




/***********************************
contents3
************************************/
#campaign3{
	margin: 30px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-image: url(../images/con3_chara.png);
	background-repeat: no-repeat;
	background-position: top center;
	}

#campaign3 .inner{
	margin: 0px auto 0px auto;
	padding: 250px 0px 0px 0px;
	width: 980px;
}

#campaign3 .inner .campaign{
	margin: -200px 0px 0px 420px;
	position: absolute;
	width: 1051px;
	height: 179px;
	background-image:url(../images/contents3.png);
	background-repeat: no-repeat;
	text-align: left;
}

#campaign3 .inner .campaign_txt_box{
	margin: 0px 0px 0px 465px;
	width: 490px;
	background-image:url(../images/campaign_txt_box.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: left;
	color: #FFFFFF;
}

#campaign3 .inner .top{
	margin: -10px 0px 0px -9px;
}

#campaign3 .inner .txt_box{
	margin: 0px 0px 0px -9px;
	width: 507px;
	background-image: url(../images/con_txt2.png);
	background-repeat: repeat-y;
	background-position: center;
}

#campaign3 .inner .bottom{
	margin: 0px 0px 0px -9px;
}

#campaign3 .inner .title{
	padding: 10px 25px 10px 25px;
	line-height: 26px;
	text-align: right;
	font-weight: bold;
}

#campaign3 .inner .bar_dot{
	padding: 10px 0px 0px 0px;
}

#campaign3 .inner .txt_red{
	padding: 10px 25px 10px 25px;
	line-height: 26px;
	text-align: right;
	font-size: 14px;
}

#campaign3 .inner .card_box1{
	margin: 70px 0px 10px 50px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	float: left;
}

#campaign3 .inner .card_box2{
	margin: 10px 0px 10px 40px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	float: left;
}


/***********************************
contents4
************************************/
#campaign4{
	margin: 30px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-image: url(../images/con4_chara.png);
	background-repeat: no-repeat;
	background-position: top center;
	}

#campaign4 .inner{
	margin: 0px auto 0px auto;
	padding: 200px 0px 0px 0px;
	width: 980px;
}

#campaign4 .inner .campaign{
	margin: -200px 0px 0px -482px;
	position: absolute;
	width: 1051px;
	height: 179px;
	background-image:url(../images/contents4.png);
	background-repeat: no-repeat;
	text-align: left;
}

#campaign4 .inner .campaign_txt_box{
	margin: 0px 0px 0px 30px;
	width: 490px;
	background-image:url(../images/campaign_txt_box.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: left;
	color: #FFFFFF;
}

#campaign4 .inner .top{
	margin: -10px 0px 0px -9px;
}

#campaign4 .inner .txt_box{
	margin: 0px 0px 0px -9px;
	width: 507px;
	background-image: url(../images/con_txt2.png);
	background-repeat: repeat-y;
	background-position: center;
}

#campaign4 .inner .bottom{
	margin: 0px 0px 0px -9px;
}

#campaign4 .inner .title{
	padding: 10px 25px 10px 25px;
	line-height: 26px;
	text-align: left;
	font-weight: bold;
}

#campaign4 .inner .bar_dot{
	padding: 10px 0px 0px 0px;
}

#campaign4 .inner .txt_red{
	padding: 10px 25px 10px 25px;
	line-height: 26px;
	text-align: left;
	font-size: 14px;
}

#campaign4 .inner .card_box1{
	margin: 10px 0px 0px 20px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
}





/***********************************
txt
************************************/

.txt{
	margin:50px auto 100px auto;
	width: 100%;
	line-height: 0;
	text-align:center;
	color:#604c3f;
	display: block;
}

#test{
    top:0;
    width: 100%;
    z-index: 10000;
	font-size: 50px;
	color:#FFF;
}