@charset "utf-8";
/*normalize.cssでできるmargineをリセットStart*/
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
/*normalize.cssでできるmargineをリセットEnd*/
#wrap {
	margin: 0px auto;
	width: 640px;
}
img {
vertical-align:bottom;
}

header,nav,section,article,footer {
	width: 640px;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#box1{
	position:relative;
	height:929px;
	}
#box1 #btn1{
    position: absolute;
    top: 793px;
    left: 25px;
	}
	
#box2{
	position:relative;
	}	
	
	
	
#box6{
	height: 1630px;
	background-image: url(../images/box6bg_1.png);
	position: relative;
	}
#box6 #b6-text1{
	position:absolute;
	width:508px;
	top:515px;
	left:68px;
	}
#box6 #b6-text2{
	position:absolute;
	width:508px;
	top:655px;
	left:68px;
	}
#box6 #b6-text3{
	position:absolute;
	width:312px;
	top:918px;
	left:68px;
	}
#box6 #b6-text4{
	position:absolute;
	width:312px;
	top:1130px;
	left:68px;
	}
#box6 #b6-text5{
	position:absolute;
	width:312px;
	top:1318px;
	left:68px;
	}
#box7{
	position: relative;
	height: 982px;
	background-image: url(../images/box7bg_1_ylp.png);
	}
#b7-text1{
	position:absolute;
	width:508px;
	top:515px;
	left:68px;
	}
#b7-text2{
	position:absolute;
	width:508px;
	top:819px;
	left:68px;
	}
#b7-text3{
	position:absolute;
	width:508px;
	top:1011px;
	left:68px;
	}
#b7-text4{
	position:absolute;
	width:508px;
	top:1199px;
	left:68px;
	}
#box10{
	height:472px;
	position:relative;
	background-image:url(../images/box10bg.png);
	}
#b10-text1{
	    position:absolute;
		width:396px;
		height:188px;
		top:171px;
		left:207px;
		}
#box12{
	height:254px;
	position:relative;
	background-image:url(../images/box12bg.png);
	}
#b12-text1{
	position:absolute;
    width:560px;
	height:180px;
	top:27px;
	left:42px;
		}
#b12-nami1{
	position: absolute;
	top: 86px;
	left: 270px;
		}
#b12-nami2{
	position: absolute;
	top: 173px;
	left: 118px;
		}
#box13{
	height:505px;
	position:relative;
	background-image:url(../images/box13bg.png);
	}
#b13-text1{
	position:absolute;
    width:406px;
	height:265px;
	top:165px;
	left:42px;
		}
#b13-nami1{
	position: absolute;
	top: 186px;
	left: 43px;
		}
#box14{
	height:518px;
	position:relative;
	background-image:url(../images/box14bg.png);
	}
#b14-text1{
	position:absolute;
    width:390px;
	height:275px;
	top:172px;
	left:42px;
		}
#box16{
	height:341px;
	position:relative;
	background-image:url(../images/box16bg.png);
	}
#b-16text1{
	position:absolute;
    width:315px;
	height:160px;
	top:103px;
	left:309px;
		}
#box17{
	height:373px;
	position:relative;
	background-image:url(../images/box17bg.png);
	}
#b-17text1{
	position:absolute;
    width:350px;
	height:200px;
	top:103px;
	left:43px;
		}
#box18{
	height:148px;
	position:relative;
	background-image:url(../images/box18bg.png);
	}
#b-18text1{
	position:absolute;
    width:272px;
	height:200px;
	top:103px;
	left:309px;
		}
#box21{
	height:562px;
	position:relative;
	background-image:url(../images/box21bg.png);
	}
#btn2{
	position:absolute;
	top:446px;
	left:22px;}
#box23{
	height:824px;
	position:relative;
	background-image:url(../images/change1bg.png);
	}
#b-23text1{
	position:absolute;
    width:550px;
	height:66px;
	top:161px;
	left:58px;
		}
#box26{
	height:644px;
	position:relative;
	background-image:url(../images/change4bg.png);
	margin-bottom: 7%;
	}
#b-26text1{
	position:absolute;
    width:530px;
	height:121px;
	top:478px;
	left:58px;
		}
#box27{
	height:530px;
	position:relative;
	background-image:url(../images/box27bg.png);
	}
#b-27text1{
	position:absolute;
    width:240px;
	height:270px;
	top:219px;
	left:362px;
		}
#box30{
	height:1340px;
	position:relative;
	background-image:url(../images/box30bg.png);
	}
#b30-text1{
	position: absolute;
	width: 536px;
	height: 1275px;
	top: 50px;
	left: 60px;
		}
/*#box31{
	height:762px;
	position:relative;
	background-image:url(../images/box31bg.png);
	}
#b-31text1{
	position:absolute;
    width:296px;
	height:378px;
	top:335px;
	left:35px;
		}*/
#box41{
	height:550px;
	position:relative;
	background-image:url(../images/box41bg.png);
	}
.btn3{
    position: absolute;
    top: 431px;
    left: 42px;
	}
#box42{
	height:500px;
	position:relative;
	background-image:url(../images/box42bg.png);
	}
.btn4{
    position: absolute;
    top: 383px;
    left: 42px;
	}
#box43{
	height:534px;
	position:relative;
	background-image:url(../images/box43bg.png);
	}
.btn5{
    position: absolute;
    top: 417px;
    left: 42px;
	}
#box44{
	height:216px;
	position:relative;
	background-image:url(../images/box44bg.png);
	}
.btn6{
	position:absolute;
	top:60px;
	left:354px;
	}
#box56{
	height:586px;
	position:relative;
	background-image:url(../images/box56bg.png);
	}
#box57{
	height:515px;
	position:relative;
	background-image:url(../images/box57bg.png);
	}
#box58{
	height:504px;
	position:relative;
	background-image:url(../images/box58bg.png);
	}
#box59{
	height:219px;
	position:relative;
	background-image:url(../images/box59bg.png);
	}
#box60{
	height: 427px;
	position: relative;
	background-image: url(../images/box60bg.png);
	background-repeat: no-repeat;
	}
.btn7{
	position:absolute;
	top:96px;
	left:43px;}
.text1{
	font: 25px/38px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -1px;
	color: #464646;
	}
.text2{
	font: 29px/42px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -1px;
	color: #464646;
	}
.pink-b{
	font: bold 25px/38px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -1px;
	color: #FF4C84;
	}
.pink-bm{
	font: bold 27px/38px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -1px;
	color: #FF4C84;
	}
.pink-bb{
	font: bold 43px/38px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -1px;
	color: #FF4C84;
	}
/* -------------------------------------------------------------------- 
 footer
-------------------------------------------------------------------- */

#gfooter {
	text-align: left;
	margin-top: 30px;
	margin-bottom:30px;
	margin: 0px auto;
	width: 640px;
}
#gfooter ul {
    list-style: none;
}
#gfooter ul li a {
	display: block;
	line-height: 80px;
	font-size: 30px;
	padding-left: 80px;
	color: #fff;
	text-decoration: none;
}
#gfooter ul li.nav01 { background-image: url(../images/footer_navi01.png); no-repeat left top; margin-bottom: 4px; }
#gfooter ul li.nav02 { background-image: url(../images/footer_navi02.png);no-repeat left top; margin-bottom: 4px; }
#gfooter ul li.nav03 { background-image: url(../images/footer_navi03.png);no-repeat left top; margin-bottom: 4px; }
#gfooter ul li.nav04 { background-image: url(../images/footer_navi04.png);no-repeat left top; }
#gfooter ul li.nav05 { background-image: url(../images/footer_navi05.png);no-repeat left top; margin-bottom: 4px; }

#gfooter ul li.nav_qa {background: url(../images/footer_navi_qa.png) no-repeat left top;margin-bottom: 4px;}
#gfooter ul li.nav_qa.open {background: url(../images/footer_navi_qa_o.png) no-repeat left top;}
#gfooter ul li.nav_qa a,#gfooter ul li.nav_qa.open a {cursor: pointer;}
#gfooter ul li.nav_qa > div {padding: 1em 10px;border: 2px solid #CAEC7A;margin-top: 4px;}
#gfooter ul li.nav_qa dt {font-size: 18px;line-height: 1.9;font-weight: bold;}
#gfooter ul li.nav_qa dd {font-size: 18px;line-height: 1.9;margin-bottom: 1em;}

/* -------------------------------------------------------------------- 
 form
-------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	#form {
		width: 640px;
		margin: 0 auto;
	}
}