@charset "shift_jis";

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	background-image:url("../images/main_bg.png");
	background-position:0 0;
	background-repeat:repeat-y;
	background-color:#F7F7F7;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}

/*-------------------------------------
main_img
---------------------------------------*/
#Main p.main_img{
	width:100%;
	position:relative;
}
#Main p.main_img img{width:100%;height:auto;}



/*-------------------------------------
h1
---------------------------------------*/
#Main h1{
	width:100%;
	height:87px;
	position:relative;
	margin-top:-16px;
	text-align:center;
	border-bottom:1px solid #000;
	background-image:url("../images/main_ttl_bg.png");
	background-position:0 0;
	background-repeat:repeat-x;
	-webkit-background-size:700px 87px;
	-moz-background-size:700px 87px;
	-ms-background-size:700px 87px;
	-o-background-size:700px 87px;
	background-size:700px 87px;
}
#Main h1 img{margin-top:16px;}


/*-------------------------------------
section
---------------------------------------*/
#Main div.section{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #000;
}
#Main div.section:last-of-type{margin-bottom:30px;}
#Main div.section div.inline{
	width:100%;
	overflow:hidden;
}
body.Nds #Main div.section div.inline{display:none;}


/* h2
---------------------*/
#Main div.section h2{
	width:100%;
}
/* a */
#Main div.section h2 a,
#Main div.section h2 span.a{
	width:100%;
	height:88px;
	display:block;
	position:relative;
	background-position:13px 50%;
	background-repeat:no-repeat;
	-webkit-background-size:48px 41px;
	-moz-background-size:48px 41px;
	-ms-background-size:48px 41px;
	-o-background-size:48px 41px;
	background-size:48px 41px;
}
#Main div.step01 h2 a,
#Main div.step01 h2 span.a{background-image:url("../images/step01_icon.png");}
#Main div.step02 h2 a,
#Main div.step02 h2 span.a{background-image:url("../images/step02_icon.png");}
#Main div.step03 h2 a,
#Main div.step03 h2 span.a{background-image:url("../images/step03_icon.png");}
#Main div.step04 h2 a,
#Main div.step04 h2 span.a{background-image:url("../images/step04_icon.png");}
#Main div.step05 h2 a,
#Main div.step05 h2 span.a{background-image:url("../images/step05_icon.png");}
#Main div.step06 h2 a,
#Main div.step06 h2 span.a{background-image:url("../images/step06_icon.png");}

/* img */
#Main div.section h2 img{
	position:absolute;
	top:0;
	bottom:0;
	left:20px;
	right:0;
	margin:auto;
}
/* icon */
#Main div.section h2 span.icon{
	width:21px;
	height:21px;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	margin:auto;
	background-image:url("../images/accordion_icon.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:21px 21px;
	-moz-background-size:21px 21px;
	-ms-background-size:21px 21px;
	-o-background-size:21px 21px;
	background-size:21px 21px;
}
#Main div.section h2 a.on span.icon{background-image:url("../images/accordion_icon_on.png");}

/* lead
---------------------*/
#Main div.section p.lead{
	padding:20px 15px 25px 15px;
	border-top:1px solid #000;
}

/* slider
---------------------*/
#Main div.section div.slider{
	width:221px;
	overflow:hidden;
	margin:0 auto 25px auto;
	background-image:url("../images/slider_img_bg.png");
	background-repeat:no-repeat;
	background-position:0 0;
	-webkit-background-size:221px 140px;
	-moz-background-size:221px 140px;
	-ms-background-size:221px 140px;
	-o-background-size:221px 140px;
	background-size:221px 140px;
}

/* mask */
#Main div.section div.slider div.mask{
	width:198px;
	height:118px;
	overflow:hidden;
	margin:8px 0 15px 10px;
	border:1px solid #FFF;
}
#Main div.section div.slider div.mask ul{
	width:9999px;
	overflow:hidden;
}
#Main div.section div.slider div.mask ul li{
	width:198px;
	height:118px;
	float:left;
	display:inline;
	overflow:hidden;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:198px 118px;
	-moz-background-size:198px 118px;
	-ms-background-size:198px 118px;
	-o-background-size:198px 118px;
	background-size:198px 118px;
}
/* icon */
#Main div.section div.slider ul.icon{
	width:100%;
	text-align:center;
}
#Main div.section div.slider ul.icon li{
	width:10px;
	height:9px;
	display:inline-block;
	overflow:hidden;
	margin:0 5px 0;
	text-indent:-9999px;
	background-image:url("../images/slider_icon.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:10px 9px;
	-moz-background-size:10px 9px;
	-ms-background-size:10px 9px;
	-o-background-size:10px 9px;
	background-size:10px 9px;
}
#Main div.section div.slider ul.icon li.on{background-image:url("../images/slider_icon_on.png");}


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

/* img
---------------------*/
#Main div.step01 p.img01{
	width:320px;
	height:122px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px auto;
	background-image:url("../images/step01_img01.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:320px 122px;
	-moz-background-size:320px 122px;
	-ms-background-size:320px 122px;
	-o-background-size:320px 122px;
	background-size:320px 122px;
}
#Main div.step01 p.img02{
	width:290px;
	height:205px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px auto;
	background-image:url("../images/step01_img02.jpg");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:290px 205px;
	-moz-background-size:290px 205px;
	-ms-background-size:290px 205px;
	-o-background-size:290px 205px;
	background-size:290px 205px;
}

/* text
---------------------*/
#Main div.step01 p.text01,
#Main div.step01 p.text02{
	padding:0 15px 25px 15px;
}

/* slider
---------------------*/
#Main div.step01 div.slider div.mask ul li.photo01{background-image:url("../images/step01_slide_img01.jpg");}
#Main div.step01 div.slider div.mask ul li.photo02{background-image:url("../images/step01_slide_img02.jpg");}
#Main div.step01 div.slider div.mask ul li.photo03{background-image:url("../images/step01_slide_img03.jpg");}


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

/* img
---------------------*/
#Main div.step02 p.img01{
	width:290px;
	height:290px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px auto;
	background-image:url("../images/step02_img01.jpg");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:290px 290px;
	-moz-background-size:290px 290px;
	-ms-background-size:290px 290px;
	-o-background-size:290px 290px;
	background-size:290px 290px;
}
#Main div.step02 p.img02{
	width:320px;
	height:321px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px auto;
	background-image:url("../images/step02_img02.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:320px 321px;
	-moz-background-size:320px 321px;
	-ms-background-size:320px 321px;
	-o-background-size:320px 321px;
	background-size:320px 321px;
}

/* text
---------------------*/
#Main div.step02 p.text01{
	padding:0 15px 25px 15px;
}


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

/* img
---------------------*/
#Main div.step03 p.img01{
	width:294px;
	height:162px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 15px auto;
	background-image:url("../images/step03_img01.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:294px 162px;
	-moz-background-size:294px 162px;
	-ms-background-size:294px 162px;
	-o-background-size:294px 162px;
	background-size:294px 162px;
}
#Main div.step03 p.img02{
	width:294px;
	height:178px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 20px auto;
	background-image:url("../images/step03_img02.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:294px 178px;
	-moz-background-size:294px 178px;
	-ms-background-size:294px 178px;
	-o-background-size:294px 178px;
	background-size:294px 178px;
}
#Main div.step03 p.img03{
	width:294px;
	height:198px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 15px auto;
	background-image:url("../images/step03_img03.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:294px 198px;
	-moz-background-size:294px 198px;
	-ms-background-size:294px 198px;
	-o-background-size:294px 198px;
	background-size:294px 198px;
}
#Main div.step03 p.img04{
	width:294px;
	height:174px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 20px auto;
	background-image:url("../images/step03_img04.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:294px 174px;
	-moz-background-size:294px 174px;
	-ms-background-size:294px 174px;
	-o-background-size:294px 174px;
	background-size:294px 174px;
}

/* text
---------------------*/
#Main div.step03 p.text01{
	padding:0 15px 25px 15px;
}


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

/* img
---------------------*/
#Main div.step04 p.img01{
	width:290px;
	height:193px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px auto;
	background-image:url("../images/step04_img01.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:290px 193px;
	-moz-background-size:290px 193px;
	-ms-background-size:290px 193px;
	-o-background-size:290px 193px;
	background-size:290px 193px;
}

/* text
---------------------*/
#Main div.step04 p.text01{
	padding:0 15px 25px 15px;
}

/* slider
---------------------*/
#Main div.step04 div.slider div.mask ul li.photo01{background-image:url("../images/step04_slide_img01.jpg");}
#Main div.step04 div.slider div.mask ul li.photo02{background-image:url("../images/step04_slide_img02.jpg");}
#Main div.step04 div.slider div.mask ul li.photo03{background-image:url("../images/step04_slide_img03.jpg");}


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

/* img
---------------------*/
#Main div.step05 p.img01{
	width:294px;
	height:216px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 20px auto;
	background-image:url("../images/step05_img01.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:294px 216px;
	-moz-background-size:294px 216px;
	-ms-background-size:294px 216px;
	-o-background-size:294px 216px;
	background-size:294px 216px;
}
#Main div.step05 p.img02{
	width:294px;
	height:197px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 20px auto;
	background-image:url("../images/step05_img02.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:294px 197px;
	-moz-background-size:294px 197px;
	-ms-background-size:294px 197px;
	-o-background-size:294px 197px;
	background-size:294px 197px;
}
#Main div.step05 p.img03{
	width:294px;
	height:197px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 20px auto;
	background-image:url("../images/step05_img03.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:294px 197px;
	-moz-background-size:294px 197px;
	-ms-background-size:294px 197px;
	-o-background-size:294px 197px;
	background-size:294px 197px;
}
#Main div.step05 p.img04{
	width:294px;
	height:196px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px auto;
	background-image:url("../images/step05_img04.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:294px 196px;
	-moz-background-size:294px 196px;
	-ms-background-size:294px 196px;
	-o-background-size:294px 196px;
	background-size:294px 196px;
}

/* text
---------------------*/
#Main div.step04 p.text01{
	padding:0 15px 25px 15px;
}


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

/* img
---------------------*/
#Main div.step06 p.img01{
	width:320px;
	height:469px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 25px auto;
	background-image:url("../images/step06_img01.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:320px 469px;
	-moz-background-size:320px 469px;
	-ms-background-size:320px 469px;
	-o-background-size:320px 469px;
	background-size:320px 469px;
}

/* text
---------------------*/
#Main div.step06 p.text01{
	padding:0 15px 25px 15px;
}

/* slider
---------------------*/
#Main div.step06 div.slider div.mask ul li.photo01{background-image:url("../images/step06_slide_img01.jpg");}
#Main div.step06 div.slider div.mask ul li.photo02{background-image:url("../images/step06_slide_img02.jpg");}
#Main div.step06 div.slider div.mask ul li.photo03{background-image:url("../images/step06_slide_img03.jpg");}


/*-------------------------------------
back_btn
---------------------------------------*/
#Main p.back_btn,
#Main p.top_btn{
	width:230px;
	margin:0 auto 30px auto;
}
#Main p.back_btn a,
#Main p.top_btn a{
	width:230px;
	height:45px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	
	background-repeat:no-repeat;
	background-position:0 0;
	-webkit-background-size:230px 45px;
	-moz-background-size:230px 45px;
	-ms-background-size:230px 45px;
	-o-background-size:230px 45px;
	background-size:230px 45px;
}

#Main p.back_btn a{background-image:url("../images/main_back_btn.png");}
#Main p.top_btn a{background-image:url("../../common/images/main_back_btn.png");}