@charset 'utf-8';

@import "reset.css";

/* body
-------------------------------------------------- */

body {
	padding: 0px;
	margin: 0px;
	font-size: 80%;
	line-height: 1.6;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: #ffffff;
}

#wrapperArea {
	width: 982px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
}

/* link
-------------------------------------------------- */

a {
	outline-style: none;
}

/* header
-------------------------------------------------- */

#header {
	width: 982px;
	height: 68px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	position: relative;
}

#header .logo_001 {
	width: 173px;
	height: 36px;
	position: absolute;
	top: 25px;
	left: 9px;
}

#header .logo_002 {
	width: 230px;
	height: 51px;
	position: absolute;
	top: 10px;
	right: 0px;
}

/* bodyArea
-------------------------------------------------- */

#bodyArea {
	width: 982px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
}

#bodyArea p {
	padding: 0px;
	margin: 0px;
}

/* presentBox
-------------------------------------------------- */

#presentBox {
	width: 982px;
	height: 122px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: url(../images/presentbox_bg.jpg) left top no-repeat;
}

#presentBox .lead_010 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 27px;
	left: 27px;
}

#presentBox .text_010 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 61px;
	left: 27px;
}

#presentBox .attention_010 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 84px;
	left: 27px;
}

#presentBox .btn_010 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#presentBox .btn_010 {
	width: 195px;
	height: 46px;
	background: url(../images/pb_btn_010_on.gif) left top no-repeat;
	position: absolute;
	top: 29px;
	left: 761px;
}

#presentBox .btn_010 a:hover {
	width: 195px;
	height: 46px;
	background-color: transparent;
}

#presentBox .btn_010 a:hover img {
	visibility:hidden;
}

/* keyvisual
-------------------------------------------------- */

#keyvisual {
	width: 982px;
	height: 511px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: url(../images/keyvisual_bg.jpg) left top no-repeat;
}

#keyvisual h1 {
	position: absolute;
	top: 28px;
	left: 733px;
}

#keyvisual .head_020 {
	position: absolute;
	top: 251px;
	left: 46px;
}

#keyvisual .head_030 {
	position: absolute;
	top: 280px;
	left: 57px;
}

#keyvisual .img_010 {
	position: absolute;
	top: 61px;
	left: 592px;
}

#keyvisual .img_020 {
	position: absolute;
	top: 343px;
	left: 42px;
}

#keyvisual .text_010 {
	position: absolute;
	top: 219px;
	left: 478px;
}

#keyvisual .text_020 {
	position: absolute;
	top: 144px;
	left: 47px;
}

#keyvisual .text_030 {
	position: absolute;
	top: 323px;
	left: 46px;
}

#keyvisual .text_040 {
	position: absolute;
	top: 494px;
	left: 32px;
}

#keyvisual .text_050 {
	position: absolute;
	top: 554px;
	left: 32px;
}

#keyvisual .attention_010 {
	position: absolute;
	top: 243px;
	left: 232px;
}

#keyvisual .attention_020 {
	position: absolute;
	top: 531px;
	left: 233px;
}

#keyvisual .btn_010 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#keyvisual .btn_010 {
	width: 223px;
	height: 50px;
	background: url(../images/key_btn_010_on.gif) left top no-repeat;
	position: absolute;
	top: 368px;
	left: 73px;
}

#keyvisual .btn_010 a:hover {
	width: 223px;
	height: 50px;
	background-color: transparent;
}

#keyvisual .btn_010 a:hover img {
	visibility:hidden;
}

#keyvisual .btn_020 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#keyvisual .btn_020 {
	width: 70px;
	height: 23px;
	background: url(../images/kv_btn_020_on.gif) left top no-repeat;
	position: absolute;
	top: 350px;
	left: 324px;
}

#keyvisual .btn_020 a:hover {
	width: 70px;
	height: 23px;
	background-color: transparent;
}

#keyvisual .btn_020 a:hover img {
	visibility:hidden;
}

#keyvisual .btn_030 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#keyvisual .btn_030 {
	width: 173px;
	height: 39px;
	background: url(../images/kv_btn_030_on.gif) left top no-repeat;
	position: absolute;
	top: 486px;
	left: 233px;
}

#keyvisual .btn_030 a:hover {
	width: 173px;
	height: 39px;
	background-color: transparent;
}

#keyvisual .btn_030 a:hover img {
	visibility:hidden;
}

#keyvisual .text_attention {
	position: absolute;
	top: 427px;
	left: 75px;
}

/* mainArea
-------------------------------------------------- */

#bodyArea #mainArea {
	width: 982px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* section_010
-------------------------------------------------- */

#section_010 {
	width: 982px;
	height: 737px;
	background: url(../images/section_010_bg.gif) left top no-repeat;
	position:relative;
}

#section_010 .head_010 {
	position: absolute;
	top: 27px;
	left: 125px;
}

#section_010 .head_020 {
	position: absolute;
	top: 141px;
	left: 211px;
}

#section_010 .head_030 {
	position: absolute;
	top: 141px;
	left: 585px;
}

#section_010 .head_040 {
	position: absolute;
	top: 253px;
	left: 212px;
}

#section_010 .head_050 {
	position: absolute;
	top: 253px;
	left: 581px;
}

#section_010 .text_010 {
	position: absolute;
	top: 175px;
	left: 212px;
}

#section_010 .text_020 {
	position: absolute;
	top: 175px;
	left: 583px;
}

#section_010 .text_030 {
	position: absolute;
	top: 287px;
	left: 212px;
}

#section_010 .text_040 {
	position: absolute;
	top: 398px;
	left: 197px;
}

#section_010 .text_050 {
	position: absolute;
	top: 287px;
	left: 582px;
	z-index: 0;
}

#section_010 .text_060 {
	position: absolute;
	top: 545px;
	left: 54px;
}

#section_010 .img_010 {
	position: absolute;
	top: 128px;
	left: 56px;
}

#section_010 .img_020 {
	position: absolute;
	top: 342px;
	left: 210px;
	z-index: 1;
}

#section_010 .img_030 {
	position: absolute;
	top: 356px;
	left: 584px;
}

#section_010 .img_040 {
	position: absolute;
	top: 536px;
	left: 426px;
}

#section_010 .attention_010 {
	position: absolute;
	top: 673px;
	left: 53px;
}

/* section_020
-------------------------------------------------- */

#section_020 {
	width: 982px;
	height: 494px;
	background: url(../images/section_020_bg.gif) left top no-repeat;
	position:relative;
}

#section_020 h2.head_010 {
	width: 430px;
	height: 73px;
	position: absolute;
	top: 11px;
	left: 23px;
}

#section_020 h2.head_020 {
	width: 430px;
	height: 73px;
	position: absolute;
	top: 11px;
	left: 494px;
}

#section_020 .text_010 {
	width: 557px;
	height: 32px;
	position: absolute;
	top: 65px;
	left: 36px;
}

#section_020 .text_020 {
	width: 578px;
	height: 33px;
	position: absolute;
	top: 258px;
	left: 181px;
}

#section_020 .text_030 {
	width: 427px;
	height: 53px;
	position: absolute;
	top: 65px;
	left: 727px;
}

#section_020 .text_040 {
	width: 427px;
	height: 53px;
	position: absolute;
	top: 240px;
	left: 701px;
}

#section_020 .text_050 {
	width: 427px;
	height: 53px;
	position: absolute;
	top: 378px;
	left: 36px;
}

#section_020 .text_060 {
	width: 427px;
	height: 53px;
	position: absolute;
	top: 428px;
	left: 35px;
}

#section_020 .img_010 {
	width: 427px;
	height: 53px;
	position: absolute;
	top: 65px;
	left: 265px;
}

/* section_030
-------------------------------------------------- */

#section_030 {
	width: 982px;
	height: 390px;
	background: url(../images/section_030_bg.gif) left top no-repeat;
	position:relative;
}

#section_030 .head_010 {
	position: absolute;
	top: 31px;
	left: 36px;
}

#section_030 .text_010 {
	position: absolute;
	top: 135px;
	left: 37px;
}

#section_030 .text_020 {
	position: absolute;
	top: 190px;
	left: 37px;
}

#section_030 .text_030 {
	position: absolute;
	top: 246px;
	left: 37px;
}

#section_030 .attention_010 {
	position: absolute;
	top: 335px;
	left: 37px;
}

#section_030 .flashBox {
	width: 347px;
	height: 377px;
	position: absolute;
	top: 1px;
	left: 622px;
}

/* section_040
-------------------------------------------------- */

#section_040 {
	width: 982px;
	height: 307px;
	background: url(../images/section_040_bg.gif) left top no-repeat;
	position:relative;
}

#section_040 .head_010 {
	position: absolute;
	top: 19px;
	left: 38px;
}

#section_040 .head_020 {
	position: absolute;
	top: 19px;
	left: 817px;
}

#section_040 .text_010 {
	position: absolute;
	top: 56px;
	left: 38px;
}

#section_040 .img_010 {
	position: absolute;
	top: 54px;
	left: 186px;
}

#section_040 .img_020 {
	position: absolute;
	top: 54px;
	left: 328px;
}

#section_040 .img_030 {
	position: absolute;
	top: 54px;
	left: 485px;
}

#section_040 .img_040 {
	position: absolute;
	top: 54px;
	left: 645px;
}

#section_040 .img_050 {
	position: absolute;
	top: 56px;
	left: 824px;
}

#section_040 .attention_010 {
	position: absolute;
	top: 287px;
	left: 11px;
}

/* section_050
-------------------------------------------------- */

#section_050 {
	width: 982px;
	height: 361px;
	background: url(../images/section_050_bg.gif) left top no-repeat;
	position:relative;
}

#section_050 .head_010 {
	position: absolute;
	top: 73px;
	left: 133px;
}

#section_050 .head_020 {
	position: absolute;
	top: 19px;
	left: 421px;
}

#section_050 .text_010 {
	position: absolute;
	top: 226px;
	left: 137px;
}

#section_050 .text_020 {
	position: absolute;
	top: 266px;
	left: 423px;
}

#section_050 .text_030 {
	position: absolute;
	top: 225px;
	left: 711px;
}

#section_050 .img_010 {
	position: absolute;
	top: 35px;
	left: 30px;
}

#section_050 .img_020 {
	position: absolute;
	top: 61px;
	left: 429px;
}

#section_050 .btn_010 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#section_050 .btn_010 {
	width: 239px;
	height: 53px;
	background: url(../images/sc_050_btn_010_on.gif) left top no-repeat;
	position: absolute;
	top: 268px;
	left: 134px;
}

#section_050 .btn_010 a:hover {
	width: 239px;
	height: 53px;
	background-color: transparent;
}

#section_050 .btn_010 a:hover img {
	visibility:hidden;
}

#section_050 .btn_020 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#section_050 .btn_020 {
	width: 239px;
	height: 53px;
	background: url(../images/sc_050_btn_020_on.gif) left top no-repeat;
	position: absolute;
	top: 268px;
	left: 711px;
}

#section_050 .btn_020 a:hover {
	width: 239px;
	height: 53px;
	background-color: transparent;
}

#section_050 .btn_020 a:hover img {
	visibility:hidden;
}

#section_050 .attention_010 {
	position: absolute;
	top: 327px;
	left: 134px;
}

#section_050 .attention_020 {
	position: absolute;
	top: 327px;
	left: 710px;
}

/* brnBox
-------------------------------------------------- */

#brnBox {
	width: 982px;
	height: 151px;
	padding: 0px;
	margin: 0px;
}

/* footer
-------------------------------------------------- */

#footer {
	width: 982px;
	height: 34px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	position: relative;
}

#footer .toPlus1Btn {
	width: 147px;
	height: 13px;
	position: absolute;
	top: 8px;
	left: 0px;
}

#footer .toTopBtn {
	width: 129px;
	height: 14px;
	position: absolute;
	top: 8px;
	right: 0px;
}