@charset "utf-8";
html body {
	font-family: YuGothic , ‘游ゴシック’ , ‘Hiragino Kaku Gothic ProN’ , ‘ヒラギノ角ゴ ProN’ , Meiryo , メイリオ , sans-serif ;
	background:url("../images/bg1.jpg");
}
html body .underline {
  text-decoration: underline;
}
html body .bold {
  font-weight: bold;
}
html body .big {
  font-size:140%;
  line-height:160%;
}
html body .big2 {
  font-size:180%;
  line-height:160%;
}

html body .small {
  font-size: 80%;
  line-height: 180%;
}

html body .back-yellow {
  background: #ff0;
}
html body .red {
  color: #d00021;
}
html body .min {
  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

html body #wrapper #main {
  width: 850px;
  margin: 0 auto;
  background-color:#FFF;
  box-shadow:rgba(117, 117, 117, 0.65098) 0px 0px 6px 3px;
  -webkit-box-shadow:rgba(117, 117, 117, 0.65098) 0px 0px 6px 3px;
  -moz-box-shadow:rgba(117, 117, 117, 0.65098) 0px 0px 6px 3px;
}

html body #wrapper .juuyou {
  width:750px;
  margin:30px auto ;
  box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
-moz-box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
border:double 7px #cd9428;
}


html body #wrapper .juuyoutext {
  font-size: 18px;
  line-height: 28px;
  background-color:#FFF;
}

html body #wrapper #main .img2 {
  text-align: center;
  margin: 40px 0;
  padding: 0 0 0 0;
}
html body #wrapper #main .sub {
  text-align: center;
  margin: 40px 0;
  padding: 20px;
  background: #01c205;
  color: #FFF;
}
html body #wrapper  .youtube {
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}



html body #wrapper #main p {
  margin: 0 48px 0 58px;
  font-size: 18px;
  line-height: 28px;
}

html body #wrapper #footer {
  background: #000;
  color: #FFF;
  padding: 15px 0;
}
html body #wrapper #footer .content {
  width: 880px;
  margin: 0 auto;
}

html body #wrapper #footer .content .copy {
  font-size: 10px;
  text-align:center;
}
html body #wrapper #footer .content .link {
  text-align:center;
  font-size: 11px;
  padding-bottom:5px;
}
html body #wrapper #footer .content .link a {
  color: #FFF;
  text-decoration: none;
}


html body #wrapper .headtxt {
	text-align:center;
	margin:0 auto;
}

html body #wrapper .headbg {
  background: url("../images/bg.png") no-repeat;
  background-position: center;
    height:1240px;
}

html body #wrapper .input {
	width:720px;
	height:70px;
	font-size:32px;
	border-radius:8px;
	text-align:center; 
}

html body #wrapper form.bottom {
  width: 950px;
  height:auto;
  margin:0 auto;
  position: relative;
  padding: 479px 0 145px 0;
  background: url("../images/form_bg.jpg") no-repeat #FFF;
  color:#000;
  box-shadow:rgba(117, 117, 117, 0.65098) 0px 0px 6px 3px;
  -webkit-box-shadow:rgba(117, 117, 117, 0.65098) 0px 0px 6px 3px;
  -moz-box-shadow:rgba(117, 117, 117, 0.65098) 0px 0px 6px 3px;
}

html body #wrapper form.bottom  {
  margin: 0 auto;
  text-align:center;
}

html body #wrapper form.bottom div .button {
	margin:0 auto;
}
html body #wrapper form.bottom div .button:hover {
  opacity: 0.6;
}


html body #wrapper #btarea{
	height:100px;
}

html body #wrapper .bt{
	text-align: center;
	margin: 20px auto 40px ;
	display: block;
    font-size: 18px;
    line-height: 28px;
}

html body #wrapper form.bottom input{ margin:0 auto;}

.right {
  margin: 0;
  float: right; 
  clear: both;
}

.clear{
	clear: both;
}

html body #wrapper #main .bre{
margin:16px;
}

html body #wrapper #main .bre p {
  margin: 0 0 0 0;
  padding:0 0 14px 0;
  font-size: 18px;
}

ul.list {
list-style:none;
margin:0 auto;
background-color:#FFF;
color:#000;
padding:20px;
border:double #c7ad76 3px;
}

ul.list li {
font-size:16px;
list-style:none;
margin:0 0 20px 0px;
padding:15px 0 20px 40px;
line-height:150%;
letter-spacing:1px;
background-image: url("../images/list.png") ;
background-position:left top;
background-repeat:no-repeat;
border-bottom-width: 1px;
border-bottom-style: dotted;
}

/*▼▼紹介▼▼*/
.recommend{
margin:50px 40px;
border:solid 8px #000;
background-color:#F7F6ED;
font-size:16px;
line-height:25px;
}

.recommendtxt{
padding:25px 30px ;
}



html body #wrapper #tokuten {
  width:750px;
  margin:30px auto ;
  box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
-moz-box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
border:solid 10px #000;
}


html body #wrapper #tokuten .text {
  padding:25px 50px 50px 50px;
  font-size: 18px;
  line-height: 28px;
  background-color:#FFF;
}

html body #wrapper #tokutenbg {
  background: url("../images/tokutenbg.jpg");
  padding:0 0 25px;
}


.jissen{margin: 0 auto; width: 90%; border: solid 2px #ccc; margin-bottom: 2%; }

.shouhin{margin: 0 auto; width: 90%; border: solid 2px #ccc; margin-bottom: 2%; background:#FFF; }
.shouhinbg{background: url("../images/shouhinbg.jpg") ;}

html body #wrapper #main .btarea {
  background: #fff;
  max-width: 700px;
  margin: 0 auto;
  position: relative;

  
  border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
/* box-shadow */
box-shadow:rgba(150, 137, 117, 0.65098) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(150, 137, 117, 0.65098) 0px 0px 6px 3px;
-moz-box-shadow:rgba(150, 137, 117, 0.65098) 0px 0px 6px 3px;
overflow:hidden;
}

html body #wrapper #main .btareabg {
max-width: 700px;
  margin: 20px auto 80px;
background: #DDD;
padding:20px;
  border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


html body #wrapper #main .arrow {
    position: absolute;
    background: url("../images/arrow_01.png") no-repeat;
    width: 238px;
    height: 99px;
    margin: -30px 0 0 -28px;
	z-index:100;
}

html body #wrapper #main .arrow2 {
    position: absolute;
    background: url("../images/arrow_02.png") no-repeat;
    width: 352px;
    height: 99px;
    margin: -30px 0 0 -28px;
	z-index:100;
}

html body #wrapper #main .arrow3 {
    position: absolute;
    background: url("../images/arrow_03.png") no-repeat;
    width: 264px;
    height: 99px;
    margin: -30px 0 0 -28px;
	z-index:100;
}

html body .info {
  font-size:65%;
  line-height:180%;
}

.spbn{display:none;}



html body #wrapper .kakaku {
margin:40px 20px ;
text-align: center;
}

.step1{ 
	background: #000;
    color: #ff0;
	text-align: center;}

.hr1{
	width: 90%;
	border-top: dotted 1px #999;
	margin: 40px auto;
}

html body #wrapper #main .box1{

	padding: 20px 40px;
	margin: 0 40px 20px;
}

html body #wrapper #main .box1 .center{
 text-align: center;
 font-size: 120%;
 padding: 10px 0;
  background-color: #b0974c;
  color: white;
  margin: 5px 0;
}

html body #wrapper #main .box1 table{
  width: 100%;
  border-collapse: collapse;
  font-size: 90%;
}

html body #wrapper #main .box1 table tr{
  border-bottom: solid 2px white;
}

html body #wrapper #main.box1 table tr:last-child{
  border-bottom: none;
}

html body #wrapper #main .box1 table th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #f2ecd8;
  text-align: center;
  padding: 10px 0;
}

html body #wrapper #main .box1 table td{
  text-align: left;
  width: 80%;
  text-align: left;
  background-color: #eee;
  padding: 10px 10px;
}

.animate73,.a-option73,.a-btnsub73 {-webkit-animation-timing-function: ease-in;-moz-animation-timing-function: ease-in;-o-animation-timing-function: ease-in;animation-timing-function: ease-in;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}a.a-btn {position:relative;display:inline-block;margin:auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}a.a-btn img {display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}img.a-main {width:100%;position:relative;z-index: 54;}@-moz-keyframes animate73 {0%{ -moz-transform:scale(0.92);}40%{ -moz-transform:scale(0.97);}60%{ -moz-transform:scale(0.86);}80%{ -moz-transform:scale(1);}100%{ -moz-transform:scale(0.92);}}@-o-keyframes animate73 {0%{ -o-transform:scale(0.92);}40%{ -o-transform:scale(0.97);}60%{ -o-transform:scale(0.86);}80%{ -o-transform:scale(1);}100%{ -o-transform:scale(0.92);}}@-webkit-keyframes animate73 {0%{ -webkit-transform:scale(0.92);}40%{ -webkit-transform:scale(0.97);}60%{ -webkit-transform:scale(0.86);}80%{ -webkit-transform:scale(1);}100%{ -webkit-transform:scale(0.92);}}@keyframes animate73 {0%{ transform:scale(0.92);}40%{ transform:scale(0.97);}60%{ transform:scale(0.86);}80%{ transform:scale(1);}100%{ transform:scale(0.92);}}.animate73{-webkit-animation-name: animate73;-moz-animation-name: animate73;-o-animation-name: animate73;animation-name: animate73;}

.a-btn73{padding-left:0%!important;}.a-option73{top:0%!important;}.a-option73{width:20%!important;}.a-btn73{max-width:100%!important;}.animate73,.a-btnsub73,.a-option73{animation-duration:1s!important;-webkit-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s!important;}