@charset "shift_jis";

/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:100%;
	position:relative;
	margin-top:-23px;
}

/*-------------------------------------
content_inline
---------------------------------------*/
#Content div.content_inline{
	width:100%;
	overflow:hidden;
	margin:-12px 0 0 0;
	padding:20px 0 0 0;
	background:url("../images/content_bg.gif") repeat 50% 0;
}


/*-----------------------------------------------------
Visual
-------------------------------------------------------*/
#Visual{
	width:100%;
	height:633px;
	position:relative;
	background:url("../images/visual_bg.png") repeat-x 50% 0;
}

/*-------------------------------------
main_img
---------------------------------------*/
#Visual p.main_img{
	width:100%;
	margin:0 0 12px 0;
	text-align:center;
}
#Visual img{margin-left:21px;}


/*-------------------------------------
h1
---------------------------------------*/
#Visual h1{
	width:100%;
	text-align:center;
}



/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	width:960px;
	margin:0 auto 60px auto;
}





/*-------------------------------------
section
---------------------------------------*/
#Main div.section{
	width:100%;
	font-size:150%;
	line-height:1.8;
	letter-spacing:0.05em;
	border-bottom:1px solid #000;
}

/* h2
---------------------*/
#Main div.section h2{
	position:relative;
	background-position:10px 30px;
	background-repeat:no-repeat;
}
/* a */
#Main div.section h2 a{
	display:block;
	position:relative;
	padding:46px 10px 46px 104px;
	background-position:10px 30px;
	background-repeat:no-repeat;
}

#Main div.step01 h2,
#Main div.step01 h2 a{background-image:url("../images/step01_icon.gif");}
#Main div.step02 h2,
#Main div.step02 h2 a{background-image:url("../images/step02_icon.gif");}
#Main div.step03 h2,
#Main div.step03 h2 a{background-image:url("../images/step03_icon.gif");}
#Main div.step04 h2,
#Main div.step04 h2 a{background-image:url("../images/step04_icon.gif");}
#Main div.step05 h2,
#Main div.step05 h2 a{background-image:url("../images/step05_icon.gif");}
#Main div.step06 h2,
#Main div.step06 h2 a{background-image:url("../images/step06_icon.gif");}
#Main div.step01 h2 a:hover{background-image:url("../images/step01_icon_on.gif");}
#Main div.step02 h2 a:hover{background-image:url("../images/step02_icon_on.gif");}
#Main div.step03 h2 a:hover{background-image:url("../images/step03_icon_on.gif");}
#Main div.step04 h2 a:hover{background-image:url("../images/step04_icon_on.gif");}
#Main div.step05 h2 a:hover{background-image:url("../images/step05_icon_on.gif");}
#Main div.step06 h2 a:hover{background-image:url("../images/step06_icon_on.gif");}

/* span */
#Main div.section h2 a span{
	width:42px;
	height:42px;
	display:block;
	position:absolute;
	top:50%;
	right:10px;
	margin:-21px 0 0 0;
	background:url("../images/accordion_icon01.gif") no-repeat 0 0;
}
#Main div.section h2 a:hover span{background:url("../images/accordion_icon01_on.gif") no-repeat 0 0;}
#Main div.section h2 a.on span{background:url("../images/accordion_icon02.gif") no-repeat 0 0;}
#Main div.section h2 a.on:hover span{background:url("../images/accordion_icon02_on.gif") no-repeat 0 0;}

/* inline
---------------------*/
#Main div.section div.inline{
	width:100%;
	overflow:hidden;
	/* height:0; */
}

/* lead
---------------------*/
#Main div.section p.lead{
	width:750px;
	margin:0 auto 0 auto;
	padding:10px 0 30px 0;
}

/* slider
---------------------*/
#Main div.section div.slider{
	width:619px;
	height:319px;
	overflow:hidden;
	position:relative;
	margin:0 auto 60px auto;
	background:url("../images/slider_bg.png") no-repeat 50% 0;
}

/* mask */
#Main div.section div.slider div.mask{
	width:400px;
	height:240px;
	overflow:hidden;
	position:relative;
	margin:33px auto 0 auto;
	border:4px solid #FFF;
}
#Main div.section div.slider div.mask ul{
	width:9999px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
#Main div.section div.slider div.mask ul li{
	float:left;
	display:inline;
}

/* prev */
#Main div.section div.slider p.prev{
	width:61px;
	height:125px;
	position:absolute;
	top:94px;
	left:0px;
	background:url("../images/slider_btn_prev.png") no-repeat 0 0;
}
#Main div.section div.slider p.prev a{
	width:61px;
	height:125px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#Main div.section div.slider p.prev a:hover{
	background:url("../images/slider_btn_prev_on.png") no-repeat 0 0;
}
/* next */
#Main div.section div.slider p.next{
	width:61px;
	height:125px;
	position:absolute;
	top:94px;
	right:0px;
	background:url("../images/slider_btn_next.png") no-repeat 0 0;
}
#Main div.section div.slider p.next a{
	width:61px;
	height:125px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#Main div.section div.slider p.next a:hover{
	background:url("../images/slider_btn_next_on.png") no-repeat 0 0;
}



/*-------------------------------------
step01
---------------------------------------*/
#Main div.step01{}

/* img01
---------------------*/
#Main div.step01 p.img01{
	width:100%;
	margin:0 0 55px 0;
	line-height:1;
	text-align:center;
}

/* text01
---------------------*/
#Main div.step01 p.text01{
	width:750px;
	margin:0 auto 0 auto;
	padding:0 0 50px 0;
}

/* img02
---------------------*/
#Main div.step01 p.img02{
	width:100%;
	margin:0 0 55px 0;
	line-height:1;
	text-align:center;
}

/* text02
---------------------*/
#Main div.step01 p.text02{
	width:750px;
	margin:0 auto 0 auto;
	padding:0 0 50px 0;
}


/*-------------------------------------
step02
---------------------------------------*/
#Main div.step02{}

/* img01
---------------------*/
#Main div.step02 p.img01{
	width:100%;
	margin:0 0 55px 0;
	line-height:1;
	text-align:center;
}

/* text01
---------------------*/
#Main div.step02 p.text01{
	width:750px;
	margin:0 auto 0 auto;
	padding:0 0 25px 0;
}

/* img02
---------------------*/
#Main div.step02 p.img02{
	width:100%;
	position:relative;
	margin:0 0 37px -512px;
	left:50%;
	line-height:1;
	text-align:center;
}}


/*-------------------------------------
step03
---------------------------------------*/
#Main div.step03{}

/* img01
---------------------*/
#Main div.step03 p.img01{
	width:740px;
	margin:0 auto 15px auto;
	line-height:1;
}

/* img02
---------------------*/
#Main div.step03 p.img02{
	width:740px;
	margin:0 auto 40px auto;
	line-height:1;
}

/* text01
---------------------*/
#Main div.step03 p.text01{
	width:750px;
	margin:0 auto 0 auto;
	padding:0 0 35px 0;
}

/* img03
---------------------*/
#Main div.step03 p.img03{
	width:740px;
	margin:0 auto 15px auto;
	line-height:1;
}

/* img04
---------------------*/
#Main div.step03 p.img04{
	width:740px;
	margin:0 auto 60px auto;
	line-height:1;
}


/*-------------------------------------
step04
---------------------------------------*/
#Main div.step04{}

#Main div.step04 div.slider{
	margin-bottom:50px;
}

/* text01
---------------------*/
#Main div.step04 p.text01{
	width:750px;
	margin:0 auto 0 auto;
	padding:0 0 55px 0;
}

/* img03
---------------------*/
#Main div.step04 p.img01{
	width:100%;
	margin:0 auto 60px auto;
	line-height:1;
	text-align:center;
}



/*-------------------------------------
step05
---------------------------------------*/
#Main div.step05{}

/* img01
---------------------*/
#Main div.step05 p.img01{
	width:100%;
	margin:0 auto 30px auto;
	line-height:1;
	text-align:center;
}

/* img02
---------------------*/
#Main div.step05 p.img02{
	width:100%;
	margin:0 auto 30px auto;
	line-height:1;
	text-align:center;
}

/* img03
---------------------*/
#Main div.step05 p.img03{
	width:100%;
	margin:0 auto 30px auto;
	line-height:1;
	text-align:center;
}

/* img04
---------------------*/
#Main div.step05 p.img04{
	width:100%;
	margin:0 auto 60px auto;
	line-height:1;
	text-align:center;
}


/*-------------------------------------
step06
---------------------------------------*/
#Main div.step06{}

/* img01
---------------------*/
#Main div.step06 p.img01{
	width:100%;
	margin:0 0 34px 0;
	line-height:1;
	text-align:center;
}

/* text01
---------------------*/
#Main div.step06 p.text01{
	width:750px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
}


























