@charset "utf-8";


/* headerArea
---------------------------------------- */

body {
	background: #fff;
}

body #headerArea {
	background: #3377D5 url(../img/bg_h1.gif) repeat-x;
	margin: 0 auto;
}

body #headerArea #header {
	width: 960px;
	height: 30px;
	margin: 0 auto;
}

body #headerArea #main {
	height: 1100px;
	background: url(../img/main.jpg) no-repeat center;
}

body #headerArea #main .wrapper {
	margin: 0 auto;
	width: 860px;
	height: 568px;
	position: relative;
}

body #headerArea #main h2 {
	position: absolute;
	top: 70px;
}

body #headerArea #main h3 {
	position: absolute;
	top: 70px;
	left: 618px;
}

body #headerArea #main .card {
	position: absolute;
	top: 278px;
}

body #headerArea #main .txt {
	position: absolute;
	top: 278px;
	left: 247px;
}

body #headerArea #main .txt_bonus {
	position: absolute;
	background:#fff;
	top: 463px;
	height:638px;
}

body #headerArea #main .txt_memo {
	position: absolute;
	width:800px;
	border:1px solid #c6c6c6;
	top: 756px;
	color:#000;
	padding:15px;
	margin:15px;

}

body #headerArea #main .btn {
	position: absolute;
	top: 392px;
	left: 359px;
}

 
body #container {
	margin: 0 auto;
	background: #F1C30A url(../img/bg_body.gif) repeat-x;
}

body #container .box {
	margin: 0 auto;
	width: 860px;
}

body #container .conditions {
	padding-bottom: 30px;
}

body #container h3 {
	padding-top: 25px;
	margin-bottom: 5px;
	text-align: center;
}

body #container .left {
	width: 425px;
	float: left;
}

body #container .right {
	width: 425px;
	float: right;
}

body #container h4 {
	margin-bottom: 20px;
}

body #container h4.last {
	margin-bottom: 0;
	padding-bottom: 50px;
}

body #container #amex {
	background: url(../img/bg_amex.jpg) no-repeat center;
	text-align: center;
}

body #container .btn {
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
}


/* footer
---------------------------------------- */
#footerArea {
	background-color: #f4f4f4;
}

#footer {
	width: 780px;
	margin: 0 auto;
	padding: 10px 0 20px;
}

#footer .logo-sec {
	width: 162px;
	float: left;
}

#footer .copy-sec {
	width: 500px;
	float: left;
	display: inline;
	text-align: center;
	font-size: 0.8em;
}

#footer .privacy-sec {
	width: 60px;
	float: right;
	display: inline;
}

#footer .logo {
	margin-bottom: 10px;
}