body{
	margin:0px auto;
	text-align:left;
	width:100%;
}


test{
	position: fixed;
	z-index: 999;
	color: #A4292C;
	opacity: 0;
	display: none;
}


/***********************************
title
************************************/
#title{
	margin: 0px auto;
	padding:0;
	text-align: center;
	width: 100%;
}

#title .mainvisual{
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0;
	height: 1083px;
	background:#052c49;
	opacity: 1;
	min-width: 980px;
	position: relative;
}


#title .mainvisual .main1{
background:url(../images/top_img_1.png)no-repeat top right;
width: 25%;
min-height: 970px;
margin: -100px 0px 0px 0px;
padding: 0;
float: left;
opacity: 0;
}
#title .mainvisual .main2{
background:url(../images/top_img_2.png)no-repeat top center;
width: 25%;
min-height: 970px;
margin: 100px 0px 0px 0px;
padding: 0;
float: left;
opacity: 0;
}
#title .mainvisual .main3{
background:url(../images/top_img_3.png)no-repeat top center;
width: 25%;
min-height: 970px;
margin: -100px 0px 0px 0px;
padding: 0;
float: left;
opacity: 0;
}
#title .mainvisual .main4{
background:url(../images/top_img_4.png)no-repeat;
width: 25%;
min-height: 970px;
margin: 100px 0px 0px 0px;
padding: 0;
float: left;
opacity: 0;
}



#title .con_visual{
	text-align: center;
	margin: 0px auto;
	padding: 0;
	opacity: 1;
	min-width: 980px;
}

#title .c1{
background: #052c49;
min-height: 1886px;
}

#title .con1_back{
position: relative;
background: url(../images/contents1_bg.png) no-repeat top ;
min-height: 1886px;
min-width: 980px;
margin: -300px auto 0px auto;
opacity: 0;
}

#title .c2{
background: #fde9f2;
min-height: 1617px;
}

#title .con2_back{
position: relative;
background: url(../images/contents2_bg.jpg) no-repeat top ;
min-height: 1617px;
min-width: 980px;
margin: 0px auto;
opacity: 0;
}

#title .c3{
background: #86a4f9;
min-height: 1747px;
}

#title .con3_back{
position: relative;
background: url(../images/contents3_bg.jpg) no-repeat top ;
min-height: 1747px;
min-width: 980px;
margin: 0px auto;
opacity: 0;
}

#title .c4{
background: #3c5daa;
min-height: 1919px;
}

#title .con4_back{
position: relative;
background: url(../images/contents4_bg.jpg) no-repeat top ;
min-height: 1919px;
min-width: 980px;
margin: 0px auto;
opacity: 0;
}



#title .txtbg{
	text-align: center;
	margin: 0px auto;
	padding: 0;
	opacity: 1;
	min-width: 980px;
	position: relative;
	width: 980px;
}

#title  .toptxt1{
background: url(../images/top_title_1.png) no-repeat;
height:64px;
margin: -1050px 0px 0px 10px; 
width: 980px;
text-align:right;
opacity: 0;
position: absolute;
}

#title  .toptxt2{
background: url(../images/top_title_2.png) no-repeat;
height:60px;
margin:-980px auto 0px auto;
text-align:right;
width: 980px;
opacity: 0;
position: absolute;
}

#title  .toptxt3{
background: url(../images/top_title_3.png) no-repeat;
height:60px;
margin:-980px 0px 0px -30px;
text-align:right;
width: 980px;
opacity: 0;
position: absolute;
}


 .banner{
display: block;
width: 300px;
height: 90px;
margin:-300px 0px 0px auto;
z-index: 5000;
position:relative;
text-align: right;
float: right;
opacity: 0;
}

.banner_a{
width: 315px;
height: 90px;
margin:-90px auto 0px auto;
}





#title .txtbg2{
	text-align: center;
	margin: 300px auto 0px auto;
	padding: 0;
	opacity: 1;
	min-width: 980px;
	width: 980px;
	height:0px;
	position: relative;
}



#title  .top_c1{
margin: -450px auto 0px auto;
display: block;
width: 980px;
text-align: center;
position: absolute;
z-index: 5;
opacity: 0;
}
#title  .top_c2{
margin: -400px auto 0px auto;
display: block;
width: 980px;
text-align: center;
position: absolute;
z-index: 5;
opacity: 0;
}
#title  .top_c3{
margin: -350px auto 0px auto;
display: block;
width: 980px;
text-align: center;
position: absolute;
opacity: 0;
}
#title  .top_c4{
margin: -300px auto 0px auto;
display: block;
width: 980px;
text-align: center;
position: absolute;
opacity: 0;

}





/***********************************
contents1
************************************/
#campaign1{
	margin: 0px auto 0px auto;
	padding: 200px 0px 0px 0px;
	width: 100%;
}




#campaign1 .bar{
width: 100%;
margin: 0px 0px 50px 0px;
}



#campaign1 .bar .space{
width: 40%;
height: 147px;
float: left;

}

#campaign1 .bar .bar_inner{
background: url(../images/contents1_bar.png) no-repeat;
height: 147px;
width: 60%;
float: left;
}


#campaign1 .txtbox{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 980px;
	text-align:right;
}

#campaign1 .txtbox .inner{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 606px;
	float: right;
	background:url(../images/contents1_txtbg_2.png) repeat-y top center;
}


#campaign1 .inner h2{
	text-align: right;
	border-right: 4px solid #ffdf00;
	color:#ffdf00;
	margin: 0px 80px 20px 0px;
	padding: 0px 10px 0px 0px;
}

#campaign1 .inner h4{
	text-align:center;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 0px 0px;
	line-height: 2em;
}

#campaign1 .inner h4 img{
padding: 0;
margin: 10px 0px 10px 0px;
}


#campaign1 .txtbox .inner txt{
display: block;
color: #FFF;
text-align: left;
margin: 30px 0px 0px 40px;
width: 500px;
}



#campaign1  .images{
width: 550px;
margin: 500px 0px 0px 0px;
float: right;
opacity: 0;
}

#campaign1 .images img{
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;

}

#campaign1 .images pict1{
display:inline-block;
color: #FFF;
margin: 0;
padding: 0;
width: 217px;
text-align: center;
float: left;
}

#campaign1 .images pict1 h5{
padding: 0;
margin: 0;
color: #ffdf00;
font-size: 16px;
}




#campaign1 .images pict2{
display:inline-block;
color: #FFF;
margin: 0;
padding: 0;
width: 250px;
text-align: center;

}

#campaign1 .images pict2 h5{
padding: 0;
margin: 0;
color: #ffdf00;
font-size: 16px;
}




/***********************************
contents2
************************************/

#campaign2{
margin: 0px auto;
padding: 0px 0px 50px 0px;
width: 100%;
}


#campaign2 .bar{
width: 100%;
margin: 0px 0px 50px 0px;
padding: 200px 0px 0px 0px;
}



#campaign2 .bar .space{
width: 40%;
height: 147px;
float: right;

}

#campaign2 .bar .bar_inner{
background: url(../images/contents2_bar.png) no-repeat;
background-position: top right;
height: 147px;
width: 60%;
float: right;
}

#campaign2 .txtbox{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 980px;
	text-align:left;
}

#campaign2 .txtbox .inner{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 606px;
	float:left;
	background:url(../images/contents2_txtbg_2.png) repeat-y top center;
}


#campaign2 .txtbox .inner h2{
	text-align:right;
	border-right: 4px solid #e0ff00;
	color:#e0ff00;
	margin: 0px 80px 20px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 22px;
}

#campaign2 .txtbox .inner h4{
	text-align:center;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 10px 0px;
	line-height: 2em;
}


	
#campaign2 .txtbox .inner ul{
	line-height: 2em;
	padding: 10px 0px 0px 40px;
	list-style:none;
	color: #FFF;
	font-size: 14px;
}



#campaign2 .txtbox2{
list-style: none;
line-height: 2.3em;
text-align: left;
background: #004c00;
color: #FFFFFF;
width: 566px;
padding: 20px;
margin: 0px　0px 0px 50px;

}

/***********************************
contents3
************************************/
#campaign3{
	margin: 0px auto;
	padding: 50px 0px 100px 0px;
	width: 100%;
}

#campaign3 .bar{
width: 100%;
margin: 0px 0px 50px 0px;
padding: 200px 0px 0px 0px;
}



#campaign3 .bar .space{
width: 40%;
height: 147px;
float: right;

}

#campaign3 .bar .bar_inner{
background: url(../images/contents3_bar.png) no-repeat;
background-position: top right;
height: 147px;
width: 60%;
float: right;
}

#campaign3 .txtbox{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 980px;
	text-align:left;
}

#campaign3 .txtbox .inner{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 606px;
	float:left;
	background:url(../images/contents3_txtbg_2.png) repeat-y top center;
}

#campaign3 .txtbox .inner h2{
	text-align:right;
	border-right: 4px solid #ffff90;
	color:#ffff90;
	margin: 0px 80px 20px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 22px;
}

#campaign3 .txtbox .inner h4{
	text-align:center;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 10px 0px;
	line-height: 2em;
}



#campaign3  .images{
width: 550px;
margin: 500px 0px 0px 0px;
text-align: center;
opacity: 0;
position: absolute;
}

#campaign3 .images img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

#campaign3 .images pict1{
color: #FFF;
margin: 0;
padding: 0;
width: 217px;
text-align: center;
}

#campaign3 .images pict1 h5{
padding: 0;
margin: 0;
color: #ffdf00;
font-size: 16px;
}




#campaign3 .images pict2{
color: #FFF;
margin: 0;
padding: 0;
width: 250px;
text-align: center;

}

#campaign3 .images pict2 h5{
padding: 0;
margin: 0;
color: #ffdf00;
font-size: 16px;
}

/***********************************
contents4
************************************/

#campaign4{
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}

#campaign4 .bar{
width: 100%;
margin: 0px 0px 50px 0px;
padding: 100px 0px 0px 0px;
height: 147px;
}

#campaign4 .bar .space{
width: 40%;
height: 147px;
float: left;

}

#campaign4 .bar .bar_inner{
background: url(../images/contents4_bar.png) no-repeat;
height: 147px;
width: 60%;
float: left;
}


#campaign4 .txtbox{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 980px;
	text-align:right;
}

#campaign4 .txtbox .inner{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 606px;
	float: right;
	background:url(../images/contents4_txtbg_2.png) repeat-y top center;
}
#campaign4 .inner h2{
	text-align: right;
	border-right: 4px solid #ffdf00;
	color:#ffdf00;
	margin: 0px 80px 20px 0px;
	padding: 0px 10px 0px 0px;
}

#campaign4 .inner h4{
	text-align:center;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 0px 0px;
	line-height: 2em;
}

#campaign4 .inner ul{
list-style: none;
color: #FFF;
text-align: left;
margin: 30px 0px 0px 0px;
}


#campaign4 .txtbox2{
width: 606px;
margin: 100px 0px 0px 0px ;
opacity: 0;
display: block;
text-align: right;
}

#campaign4 .txtbox2 h3{
color: #ffdf00;
text-align: center;
padding: 0;
margin: 0;
}

#campaign4 .image_box img{
margin: 0px 60px 0px 0px;
padding: 0;
text-align: center;
width:465px;
}

#campaign4 .t_bg{
text-align: right;
float: right;
padding: 0;
margin: 0;
}


/***********************************
txt
************************************/
.txt{
	margin:30px auto 30px auto;
	line-height: 0;
	text-align:center;
	color:#000;
}

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