@charset "UTF-8";
/* CSS Document */
body { 
	background: #FFF url(../img/top.png) center top no-repeat;;
	font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "メイリオ","ＭＳ ゴシック", "Osaka‐等幅";
	color: #000;
	font-size: 18px;
	line-height: 2.2em;
	text-align:center;
}

.email{
	height: 44px !important;
	font-size: 1em !important;
}


/*レイアウト*/
#bg{ background: url(../img/top.jpg) center top no-repeat;}
#wrapper{ width:960px; background:#FFF; margin:620px auto 0 auto; box-shadow:0 0 12px 3px rgba(0,0,0,0.2); padding:20px 0 10px 0;  }

#main{ width:760px; margin:20px 100px 80px 100px; text-align:left;}
#main img{ margin-bottom:20px;}
#footer2{ width:100%; background:#00C400; padding:5px 0; color:#FFF; font-size:12px;box-shadow:0 0 12px 3px rgba(0,0,0,0.2);}
#footer2 small{ line-height:1.2em;}
#footer2 a:link { text-decoration: none; color:#FFF; }
#footer2 a:visited {	text-decoration: none; color:#FFF; }
#footer2 a:active { text-decoration: none; color:#FFF; }
#footer2 a:hover { text-decoration: none; color:#FFF; }
#footer2 a:hover { opacity: 0.70; filter: alpha(opacity=70); }



.box{ padding:20px 20px 0 20px;line-height: 1.9em; background:#EEE; border:1px solid #CCC; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.box_wh{ padding:20px 20px 0 20px; background:#FFF; border:1px solid #CCC; box-shadow:0 0 10px rgba(0,0,0,0.2) inset;}
.box_ye{ padding:20px 20px 0 20px; background:#FFD; border:1px solid #CCC; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.box_bk{ padding:10px; background:#444; color:#FFF; }
.box_gr{ padding:10px; background:#00C400; color:#FFF; }
.box_gr2{ width:140px; padding:10px; background:#00C400; color:#FFF; text-align:center; }
.box_red{ padding:3px 10px; background:linear-gradient(#F00, #900); box-shadow:0 0 4px 2px rgba(0,0,0,0.3) inset; border:#CCC solid 3px; border-radius: 5px; color:#FFF; margin-bottom:20px;}
.q{ min-height:2em; background:url(../img/faq_01.jpg) left top no-repeat; padding:2px 0 20px 70px; border-bottom:1px #CCC dashed; margin-bottom:20px;}
.q p{ color:#00F; font-weight:bold; margin-bottom:0;}
.a{ min-height:2.5em; background:url(../img/faq_02.jpg) left top no-repeat; padding:2px 0 0 70px;}
p{ margin-bottom:30px;}
h2{ line-height:1.7em;}


.check{ background: url(../img/check.png) left no-repeat; padding:5px 0 5px 50px;}

/*リンク*/
a{ color:#000; text-decoration:none;}
a:hover { opacity: 0.70; filter: alpha(opacity=70); }
input.lo:hover { opacity: 0.70; filter: alpha(opacity=70); }


.price{ width:960px; margin-top:20px; background:url(../img/price_sh.png) center top no-repeat; padding-top:780px;}

iframe.timer{ width:760px; height:90px; box-shadow:0 0 10px rgba(0,0,0,0.4); border:2px #FFF solid; border-radius: 45px;}
div.price iframe{ width:500px; height:90px; box-shadow:0 0 10px rgba(0,0,0,0.4); border:2px #FFF solid; border-radius: 45px;}

.gr{ color:#00C400;}

#mask_in{
	position:fixed;
	display:none;
	background:#FFF;
	width:700px;
	margin:0 auto;
	color:#000;
	z-index:20;
	top:10px;
	left:50%;
	margin-left:-350px;
	font-size:14px;
	line-height:1.5em;
	padding-bottom:40px;
}
#mask_in .close{
	background-color:#F00;
	float:right;
	font-size:13px;
	padding:1px 7px;
	cursor:pointer;
	color:#fff;
}
.email{
	font-size: 28px;
	width: 440px;
	padding:2px 10px;
    margin-top:10px;
	height:40px;
	border:#CCC solid 1px;
}

#mask_in .in{ margin:30px;}

.op2{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	margin-top:-620px;
	background-color:#000;
	z-index:10;
	filter: alpha(opacity=80);
  	-moz-opacity:0.80;
  	opacity:0.80;	
}

@media screen and (max-width: 640px) {
　　font-size:22px;
}