@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 {
	position: absolute;
	top: 25px;
	left: 9px;
}

#header .logo_002 {
	position: absolute;
	top: 25px;
	right: 9px;
}

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

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


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

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

#keyvisual h1 {
	position: absolute;
	top: 280px;
	left: 47px;
}

#keyvisual .text_010 {
	position: absolute;
	top: 50px;
	left: 89px;
}

#keyvisual .text_030 {
	position: absolute;
	top: 380px;
	left: 120px;
}

#keyvisual .logo_010 {
	position: absolute;
	top: 188px;
	left: 816px;
/*	z-index: 2;*/

}

#keyvisual h2 {
	position: absolute;
	top: 36px;
	left: 813px;
}

#keyvisual .img_010 {
	position: absolute;
	top: 100px;
	left: 832px;
}

#keyvisual .img_020 {
	position: absolute;
	top: 253px;
	left: 821px;
}


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

#bodyArea #mainArea {
	width: 980px;
	padding: 0px;
	margin: 0px;
}

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

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

#section_010 .head_010 {
	position: absolute;
	top: 19px;
	left: 55px;
}

#section_010 .text_010 {
	position: absolute;
	top: 211px;
	left: 194px;
}

#section_010 .text_020 {
	position: absolute;
	top: 246px;
	left: 126px;
}

#section_010 .btn_010 {
	width: 251px;
	height: 57px;
	background: url(../images/sc_010_btn_010_on.gif) left top no-repeat;
	position: absolute;
	top: 306px;
	left: 168px;
}

#section_010 .text_060 {
	position: absolute;
	top: 17px;
	left: 608px;
}

#section_010 .head_020 {
	position: absolute;
	top: 63px;
	left: 629px;
}

#section_010 .text_070 {
	position: absolute;
	top: 211px;
	left: 686px;
}

#section_010 .text_080 {
	position: absolute;
	top:247px;
	left: 635px;
}

#section_010 .btn_020 {
	width: 252px;
	height: 57px;
	background: url(../images/sc_010_btn_020_on.gif) left top no-repeat;
	position: absolute;
	top: 306px;
	left: 660px;
}

#section_010 .attention_010 {
	position: absolute;
	top:367px;
	left: 693px;
}

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

#section_020 {
	width: 982px;
	height: 327px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	background: url(../images/section_020_bg.jpg) left top no-repeat;
}

#section_020 .head_010 {
	position: absolute;
	top: 18px;
	left: 13px;
}

#section_020 .text_010 {
	position: absolute;
	top: 97px;
	left: 17px;
}

#section_020 .text_020 {
	position: absolute;
	top: 43px;
	left: 723px;
}

#section_020 .text_030 {
	position: absolute;
	top: 145px;
	left: 738px;
}

#section_020 .text_040 {
	position: absolute;
	top: 241px;
	left: 751px;
}

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

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

#section_030 .head_010 {
	position: absolute;
	top: 15px;
	left: 13px;
}

#section_030 .text_010 {
	position: absolute;
	top: 91px;
	left: 16px;
}

#section_030 .btn_010 {
	position: absolute;
	top: 20px;
	left: 594px;
}

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

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

#section_040 .head_010 {
	position: absolute;
	top: 22px;
	left: 13px;
}

#section_040 .text_010 {
	position: absolute;
	top: 76px;
	left: 15px;
}

#section_040 .img_010 {
	position: absolute;
	top: 146px;
	left: 13px;
}

#section_040 .img_020 {
	position: absolute;
	top: 249px;
	left: 13px;
}

#section_040 .img_030 {
	position: absolute;
	top: 146px;
	left: 334px;
}

#section_040 .head_020 {
	position: absolute;
	top: 40px;
	left: 580px;
}

#section_040 .img_040 {
	position: absolute;
	top: 69px;
	left: 579px;
}

#section_040 .text_020 {
	position: absolute;
	top: 274px;
	left: 579px;
}

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

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

#section_050 .head_010 {
	position: absolute;
	top: 42px;
	left: 61px;
}

#section_050 .img_010 {
	position: absolute;
	top: 13px;
	left: 303px;
}

#section_050 .img_020 {
	position: absolute;
	top: 66px;
	left: 446px;
}

#section_050 .img_030 {
	position: absolute;
	top: 3px;
	left: 497px;
}

#section_050 .text_010 {
	position: absolute;
	top: 20px;
	left: 705px;
}

/* section_060
-------------------------------------------------- */

#section_060 {
	width: 982px;
	height: 388px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	background: url(../images/section_060_bg.gif) left top no-repeat;
}

#section_060 .head_010 {
	position: absolute;
	top: 30px;
	left: 37px;
}

#section_060 .text_010 {
	position: absolute;
	top: 134px;
	left: 38px;
}

#section_060 .text_020 {
	position: absolute;
	top: 190px;
	left: 38px;
	z-index: 2;
}

#section_060 .text_030 {
	position: absolute;
	top: 245px;
	left: 38px;
}

#section_060 .attention_010 {
	position: absolute;
	top: 335px;
	left: 39px;
}

#section_060 .flashBox {
	position: absolute;
	top: 1px;
	left: 620px;
	z-index: 1;
}

/* section_070
-------------------------------------------------- */

#section_070 {
	width: 982px;
	height: 535px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	background: url(../images/section_070_bg.gif) left top no-repeat;
}

#section_070 .head_010 {
	position: absolute;
	top: 15px;
	left: 20px;
}

#section_070 .head_020 {
	position: absolute;
	top: 25px;
	left: 62px;
}

#section_070 .img_010 {
	position: absolute;
	top: 12px;
	left: 156px;
}

#section_070 .text_010 {
	position: absolute;
	top: 44px;
	left: 373px;
}

#section_070 .img_020 {
	position: absolute;
	top: 137px;
	left: 156px;
}

#section_070 .text_020 {
	position: absolute;
	top: 180px;
	left: 373px;
}

#section_070 .img_030 {
	position: absolute;
	top: 261px;
	left: 156px;
}

#section_070 .text_030 {
	position: absolute;
	top: 286px;
	left: 374px;
}

#section_070 .img_040 {
	position: absolute;
	top: 13px;
	left: 559px;
}

#section_070 .text_040 {
	position: absolute;
	top: 44px;
	left: 775px;
}

#section_070 .img_050 {
	position: absolute;
	top: 137px;
	left: 559px;
}

#section_070 .text_050 {
	position: absolute;
	top: 161px;
	left: 774px;
}

#section_070 .head_030 {
	position: absolute;
	top: 411px;
	left: 60px;
}

#section_070 .img_060 {
	position: absolute;
	top: 401px;
	left: 156px;
}

#section_070 .text_060 {
	position: absolute;
	top: 411px;
	left: 373px;
}

#section_070 .img_070 {
	position: absolute;
	top: 401px;
	left: 559px;
}

#section_070 .text_070 {
	position: absolute;
	top: 429px;
	left: 775px;
}
/* section_080
-------------------------------------------------- */

#section_080 {
	width: 982px;
	height: 546px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	background: url(../images/section_080_bg.jpg) left top no-repeat;
}
#section_080 .head_010 {
	position: absolute;
	top: 18px;
	left: 307px;
}

#section_080 .head_020 {
	position: absolute;
	top: 216px;
	left: 43px;
}

#section_080 .text_010 {
	position: absolute;
	top: 401px;
	left: 399px;
}

#section_080 .text_020 {
	position: absolute;
	top: 401px;
	left: 768px;
}

#section_080 .attention_010 {
	position: absolute;
	top: 433px;
	left: 39px;
}

#section_080 .text_030 {
	position: absolute;
	top: 445px;
	left: 315px;
}

#section_080 .text_040 {
	position: absolute;
	top: 445px;
	left: 706px;
}

/* section_100
-------------------------------------------------- */

#section_100 {
	width: 982px;
	height: 124px;
	padding: 0px;
	margin: 0px auto;
}

/* btn
-------------------------------------------------- */

#section_010 .btn_010 a,
#section_010 .btn_010 a,
#section_010 .btn_020 a,
#section_090 .btn_010 a,
#section_090 .btn_020 a {
	padding: 0px;
	margin: 0px;
	display: block;
}

#section_010 .btn_010 a:hover,
#section_010 .btn_020 a:hover,
#section_090 .btn_010 a:hover,
#section_090 .btn_020 a:hover {
	width: 251px;
	height: 57px;
	background-color: transparent;
}

#section_010 .btn_010 a:hover img,
#section_010 .btn_020 a:hover img,
#section_090 .btn_010 a:hover img,
#section_090 .btn_020 a:hover img {
	visibility: hidden;
}

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

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

#footer .toPlus1Btn {
	width: 147px;
	height: 14px;
	position: absolute;
	top: 14px;
	left: 1px;
}

#footer .toTopBtn {
	width: 127px;
	height: 14px;
	position: absolute;
	top: 14px;
	right: 1px;
}