@charset "utf-8";
/* reset and common
========================================== */
#ragnabreak .mainbox{
}
#ragnabreak .entrybox{
	text-align: center;
	height: 80px;
	padding: 10px 0;
	background: url(/static/img/pages/lp/ragnabreak/btn-bg-white.png?v=1) no-repeat center 0;
}
#ragnabreak .entrybox a{
	display: block;
	width: 435px;
	height: 80px;
	background: url(/static/img/pages/lp/ragnabreak/btn.png?v=1) no-repeat 0 0;
	margin: 0 auto;
}
#ragnabreak .entrybox a:hover{
	background-position: 0 -80px;
}

/* header
========================================== */
#ragnabreak #header h1{
	height: 0;
}
#ragnabreak #header{
	height: 170px;
	padding-top: 389px;
	background: url(/static/img/pages/lp/ragnabreak/main_title.jpg?v=1) no-repeat 0 0;
}
/* section1
========================================== */
#ragnabreak #section1{
	height: 495px;
	background: url(/static/img/pages/lp/ragnabreak/sec1_img.jpg?v=1) no-repeat 0 0;
}

/* section2
========================================== */
#ragnabreak #section2{
	height: 508px;
	background: url(/static/img/pages/lp/ragnabreak/sec2_img.jpg?v=1) no-repeat 0 0;
}

/* section3
========================================== */
#ragnabreak #section3{
	padding-top: 430px;
	height: 156px;
	background: url(/static/img/pages/lp/ragnabreak/sec3_img.jpg?v=1) no-repeat 0 0;
}

/* text hidden
============================================== */
#ragnabreak #header h1,
#ragnabreak #section1 h2,
#ragnabreak #section2 h2,
#ragnabreak .text_hidden,
.entry{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-indent: -9000px\9;
}