@charset "Shift_JIS";

/*----------------------------------------------------------------------------- 
 �¡Top
----------------------------------------------------------------------------- */

#top {
	margin:0 0 50px;
}
#top h2 {
	margin:33px 0 0;
}
#topText {
	width:850px;
	margin:0 auto 50px;
}


/*----------------------------------------------------------------------------- 
 �¡Introduction
----------------------------------------------------------------------------- */

#introduction {
	width:780px;
	margin:0 auto 100px;
}
#introduction h2 {
	margin:0 auto 45px;
}

#introduction .text01 {
	font-size:166%;
	line-height:1.7em;
	letter-spacing:0.025em;
}
#introduction .sign {
	font-family:"Times New Roman", Georgia, Courier, serif;
	font-size:183%;
	line-height:1.7em;
	letter-spacing:0.05em;
	padding:20px 0 0;
	margin:0 0 95px;
}

#introduction .floatArea01 {
	width:780px;
	margin:0 auto 10px;
}
#introduction h3 {
	margin:0 auto 45px;
}
#introduction .floatArea01 .areaText {
	width:480px;
	float:left;
}
#introduction .floatArea01 .areaText p {
	font-size:150%;
	line-height:1.7em;
	padding:0 100px 0 0;
	letter-spacing:0.025em;
}
#introduction .floatArea01 .areaImage {
	width:300px;
	float:left;
}


/*----------------------------------------------------------------------------- 
 �¡nextBtnPage
----------------------------------------------------------------------------- */


.nextBtn01 {
	width:780px;
	margin:100px auto 10px;
	text-align:right; 
}
.nextBtn02 {
	width:850px;
	margin:100px auto 10px;
	text-align:right; 
}
.pageBtn01 {
	width:780px;
	text-align:right;
	font-family:"Times New Roman", Times, serif;
	margin:0 auto 65px;
}
.pageBtn02 {
	width:850px;
	text-align:right;
	font-family:"Times New Roman", Times, serif;
	margin:0 auto 65px;
}
.pageBtn03 {
	width:950px;
	text-align:right;
	font-family:"Times New Roman", Times, serif;
	margin:0 auto 65px;
}
.pageBtn01 a, .pageBtn01 a:hover, .pageBtn02 a, .pageBtn02 a:hover {
	color:#000;
}
.p01, .p02, .p03 {
	font-size:150%;
	padding:0 10px 0 0;
	line-height:1.5em;
}

/*----------------------------------------------------------------------------- 
 �¡STEP1
----------------------------------------------------------------------------- */

#step1 h2 {
	width:950px;
	height:34px;
	border-bottom:1px solid #cc5994;
}
#step1 h2 img {
	margin:0 0 0 50px;
}
#step1 h3 {
	width:634px;
	margin:50px auto;
}
#step1 .process {
	width:780px;
	margin:0 auto 50px;
}
#step1 .process .areaImage {
	width:270px;
	float:left;
}
#step1 .process .areaImage p {
	font-size:100%;
	line-height:1.7em;
	letter-spacing:0.025em;
	padding:5px 50px 20px 0;
}
#step1 .process .areaText {
	width:510px;
	float:left;
}
#step1 .process .areaText .text01 {
	font-size:150%;
	line-height:1.7em;
	letter-spacing:0.05em;
}
.yuki106 {
	position:relative;
	width:510px;
	height:325px;
	background:url(../images/yuki106_bg.gif) top left no-repeat;
}
.yuki106 .name {
	position:absolute;
	top:70px;
	left:30px;
}
.yuki106 .text {
	position:absolute;
	top:115px;
	left:30px;
	width:343px;
	font-size:125%;
	line-height:1.7em;
	letter-spacing:0.025em;
}
.yuki106 .item {
	position:absolute;
	top:0px;
	right:0px;
}
.yuki106 .textlink14 {
	font-size:116%;
	line-height:1.7em;
	position:absolute;
	top:230px;
	left:30px;
}
.yuki106 .textlink14 a {
	color:#e43810;
}
#step1 .result {
	width:850px;
	margin:0 auto 100px;
}
#step1 .hot h4 {
	width:850px;
	margin:0 auto 50px;
}
#step1 .hot h5{
	width:665px;
	height:29px;
	border-bottom:1px solid #000;
	margin:0 0 20px 0;
}
#step1 .hot .h5_780 {
	width7805px;
	height:29px;
	border-bottom:1px solid #000;
	margin:0 0 20px 0;
}
#step1 .hot h6 {
	margin:5px 0 0 15px;
}
#step1 .hotItem {
	width:780px;
	margin:0 auto 25px;
}
#step1 .hotItem .areaText {
	width:665px;
	float:left;
}
#step1 .hotItem .areaImage {
	width:115px;
	float:left;
}
#step1 .hotArea .areaName {
	width:340px;
	float:left;
}
#step1 .hotArea .areaText {
	width:325px;
	float:left;
}
#step1 .hotArea .areaText p {
	font-size:116%;
	line-height:1.7em;
	padding:0 50px 0 0;
	letter-spacing:0.05em;
}

/*----------------------------------------------------------------------------- 
 �¡STEP2
----------------------------------------------------------------------------- */

#step2 h2 {
	width:950px;
	height:34px;
	border-bottom:1px solid #cc5994;
}
#step2 h2 img {
	margin:0 0 0 50px;
}
#step2 h3 {
	width:804px;
	margin:50px auto;
}
#step2 .process1 {
	width:850px;
	margin:0 auto 45px;
}
#step2 .process1 .areaImage {
	width:360px;
	float:left;
}
#step2 .process1 .areaImage p {
	font-size:100%;
	line-height:1.7em;
	letter-spacing:0.025em;
	padding:5px 50px 20px 0;
}
#step2 .process1 .areaText {
	width:490px;
	float:left;
}
#step2 .process1 .areaText .text01 {
	font-size:150%;
	line-height:1.7em;
	letter-spacing:0.05em;
}

#step2 .process2 {
	width:850px;
	margin:0 auto 45px;
}
#step2 .process2 .areaImage {
	width:210px;
	float:left;
}
#step2 .process2 .areaText {
	width:640px;
	float:left;
}
#step2 .process2 .areaText .text01 {
	font-size:150%;
	line-height:1.7em;
	letter-spacing:0.05em;
}

#step2 .process3 {
	width:850px;
	margin:0 auto 45px;
}
#step2 .process3 .areaText {
	width:375px;
	height:320px;
	float:left;
	background:url(../images/step2_text03_bg.jpg) top left no-repeat;
}
#step2 .process3 .areaText p {
	font-size:125%;
	line-height:1.7em;
	letter-spacing:0.075em;
	padding:55px 95px 0 45px;
}

.yuki102 {
	position:relative;
	width:475px;
	height:330px;
	background:url(../images/yuki102_bg.gif) top left no-repeat;
	float:left;
}
.yuki102 .name {
	position:absolute;
	top:55px;
	left:30px;
}
.yuki102 .text {
	position:absolute;
	top:100px;
	left:30px;
	width:315px;
	font-size:125%;
	line-height:1.7em;
	letter-spacing:0.025em;
}
.yuki102 .item {
	position:absolute;
	top:0px;
	right:0px;
}
.yuki102 .textlink14 {
	font-size:116%;
	line-height:1.7em;
	position:absolute;
	top:240px;
	left:30px;
}
.yuki102 .textlink14 a {
	color:#e43810;
}
#step2 .result {
	width:850px;
	margin:0 0 100px;
}
#step2 .hot h4 {
	width:850px;
	margin:0 auto 50px;
}
#step2 .hot h5{
	width:780px;
	height:29px;
	border-bottom:1px solid #000;
	margin:0 0 20px 0;
}
#step2 .hot .h5_780 {
	width7805px;
	height:29px;
	border-bottom:1px solid #000;
	margin:0 0 20px 0;
}
#step2 .hot h6 {
	margin:5px 0 0 15px;
}
#step2 .hotItem {
	width:780px;
	margin:0 auto 25px;
}
#step2 .hotArea .areaName {
	width:335px;
	float:left;
}

#step2 .hotItem .areaText {
	width:280px;
	float:left;
}
#step2 .hotArea .areaText p {
	font-size:116%;
	line-height:1.7em;
	padding:0 50px 0 0;
	letter-spacing:0.05em;
}
#step2 .hotItem .areaImage {
	width:165px;
	float:left;
}


/*----------------------------------------------------------------------------- 
 �¡Bottom�@Btn
----------------------------------------------------------------------------- */

#bottomBtn {
	width:950px;
	margin:0 auto 50px;
}