@charset "utf-8";

/*  Reset
-------------------------------------------------- */
div#HeaderArea.WithoutGlobalNav{
margin-bottom: 0;
}
div#Container{
overflow: hidden;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child{
padding-top: 0;
}
div#MainContent div#MainContentBody > .Section > p:first-child{
margin: 0;
}

/* ===== メインコンテンツ ===== */

#bg_main{
	background:url(../../img/landing_page/lp_lrw_3progress/bg_main.jpg) no-repeat top;
	width:100%;
	height: 498px;
	position:relative;
	}
#bg_main:before{
	left : -100%;
	background: url(../../img/landing_page/lp_lrw_3progress/bg_main02.jpg) no-repeat top right;
	}
#bg_main:after{
	right : -100%;
	background: url(../../img/landing_page/lp_lrw_3progress/bg_main03.jpg) no-repeat top left;
	}
#bg_main:before,
#bg_main:after{
	display: block;
	position: absolute;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	}
#bg_main #main{
	width:970px;
	position:relative;
	margin:0 auto;
	}

#bg_main #main .main_text{
	position:absolute;
	top:0;
	left:0;
	z-index: 10;
	}
	
#bg_main #main .main_btn{
	position:absolute;
	top:408px;
	}
	
#bg_main #main .main_img{
	position:absolute;
	top:0;
	right:0;
	width:575px;
	}

#bg_main #main .main_img img{
	position:absolute;
	top:0;
	right:-116px;
	z-index: 2;
	}

#bg_main #main .main_img .fide_ac{
	display: block;
	display: none\9; /* IE8 以下 */
	width:100%;
	opacity: 1;
	z-index: 2;
	}

/* content */

#main_content{
	background:url(../../img/landing_page/lp_lrw_3progress/bg_content.png) repeat;
	margin-bottom: 60px;
	position:relative;
	width:100%;
	}
#main_content:before{
	left : -100%;
	background: url(../../img/landing_page/lp_lrw_3progress/bg_content.png) top right;
	}
#main_content:after{
	right : -100%;
	background: url(../../img/landing_page/lp_lrw_3progress/bg_content.png) top left;
	}
#main_content:before,
#main_content:after{
	display: block;
	position: absolute;
	top: 190px;
	content: "";
	width: 100%;
	height: 938px;
	}

#main_content #content_inner{
	width:970px;
	margin: 0 auto;
	height:880px;
	position:relative;
	}

#main_content #content_inner .content_img01{
	width: 300px;
	height: 345px;
	position:absolute;
	top:20px;
	z-index:5;
	}

#main_content #content_inner .content_img02{
	width: 300px;
	height: 545px;
	position:absolute;
	top:20px;
	right:0px;
	z-index:5;
	}

#main_content #content_inner .content_img03{
	width: 300px;
	height: 345px;
	position:absolute;
	top:435px;
	left:250px;
	z-index:5;
	}

#main_content #content_inner .con_text{
	color: #fff;
	font-size: 14px;
	line-height: 1.6em;
	}

#main_content #content_inner .content_text01{
	width: 366px;
	position:absolute;
	top: 134px;
	left: 205px;
	z-index:10;
	}

#main_content #content_inner .content_text01 .con_text{
	padding-left:126px;
	}


#main_content #content_inner .content_text02{
	width: 336px;
	position:absolute;
	top: 542px;
	right: 10px;
	z-index:10;
	}

#main_content #content_inner .content_text02 .con_text{}

#main_content #content_inner .content_text03{
	width: 295px;
	position:absolute;
	top: 458px;
	z-index:10;
	}

#main_content #content_inner .content_text03 .con_text{
	width: 243px;
	}

/*  Text
-------------------------------------------------- */
#content_wrap .DlTxt{
	padding: 6px 0;background: linear-gradient(#3f3f3f 0%, #171717 100%) #3f3f3f;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#171717',GradientType=0 );
	text-align: center;
	color: #fff;
	font-size: 2em;
	margin-bottom: 30px;
	}
#content_wrap .DlTxt .Inner{display: inline-block;
	padding: 0 88px;
	position: relative;
	}
#content_wrap .DlTxt .Inner:before,
#content_wrap .DlTxt .Inner:after{
	display: block;
	position: absolute;
	top: 50%;
	margin: -12px 0 0;background: url(../../img/landing_page/lp_lrw_3progress/lp_lrw_3progress_arrow_01.png);
	content: "";
	width: 24px;
	height: 25px;
	}
#content_wrap .DlTxt .Inner:before{
	left: 20px;
	}
#content_wrap .DlTxt .Inner:after{
	right: 20px;
	}


/* ===== 汎用 ===== */
img		{
	vertical-align:top;
	border:0px;
		}

.mt1	{ margin-top: 1px; }
.mt2	{ margin-top: 2px; }
.mt3	{ margin-top: 3px; }
.mt4	{ margin-top: 4px; }
.mt5	{ margin-top: 5px; }
.mt10	{ margin-top: 10px; }
.mt15	{ margin-top: 15px; }
.mt20	{ margin-top: 20px; }
.mt25	{ margin-top: 25px; }
.mt30	{ margin-top: 30px; }
.mt40	{ margin-top: 40px; }
.mt50	{ margin-top: 50px; }

.mb1	{ margin-bottom: 1px; }
.mb2	{ margin-bottom: 2px; }
.mb3	{ margin-bottom: 3px; }
.mb4	{ margin-bottom: 4px; }
.mb5	{ margin-bottom: 5px; }
.mb10	{ margin-bottom: 10px; }
.mb15	{ margin-bottom: 15px; }
.mb20	{ margin-bottom: 20px; }
.mb25	{ margin-bottom: 25px; }
.mb30	{ margin-bottom: 30px; }
.mb40	{ margin-bottom: 40px; }
.mb50	{ margin-bottom: 50px; }

.ml1	{ margin-left: 1px; }
.ml2	{ margin-left: 2px; }
.ml3	{ margin-left: 3px; }
.ml4	{ margin-left: 4px; }
.ml5	{ margin-left: 5px; }
.ml10	{ margin-left: 10px; }
.ml15	{ margin-left: 15px; }
.ml20	{ margin-left: 20px; }
.ml25	{ margin-left: 25px; }
.ml30	{ margin-left: 30px; }
.ml40	{ margin-left: 40px; }
.ml50	{ margin-left: 50px; }

.mr1	{ margin-right: 1px; }
.mr2	{ margin-right: 2px; }
.mr3	{ margin-right: 3px; }
.mr4	{ margin-right: 4px; }
.mr5	{ margin-right: 5px; }
.mr10	{ margin-right: 10px; }
.mr15	{ margin-right: 15px; }
.mr20	{ margin-right: 20px; }
.mr25	{ margin-right: 25px; }
.mr30	{ margin-right: 30px; }
.mr40	{ margin-right: 40px; }
.mr50	{ margin-right: 50px; }