/*===========================
  reset Css
===========================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block; }
ul ,li{ list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*===========================
  base
===========================*/
body{
	font:14px "Hiragino Kaku Gothic Pro", Meiryo, Osaka, san-self;
	background:#ffffff;
	color:#435061;
	line-height:1.6;
}
a:link,
a:visited{ text-decoration:none; color:#2a8cf1; }
a:hover,
a:active{ text-decoration:underline; color:#2a8cf1; }
a img:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

	/*  siteFooter
	===========================*/
	#siteFooter{ width:940px; margin:0 auto; padding:30px 0; border-top:#e7edf4 1px solid; }
	#siteFooter ul{ text-align:center; }
	#siteFooter ul li{ display:inline-block; padding:0 10px; }
	#siteFooter ul li:first-child{ border-left:none; }
	#siteFooter ul li a{ color:#435061; }

/*===========================
  LPtop
===========================*/
h2.headTit2{ font-size:32px; font-weight:normal; text-align:center; color:#788a9e; }
#featureArea div.featureAreaCon,
#functionArea,
#priceArea .priceAreaCon,
#flowArea,
#qaArea,
.infomation{ padding:90px 0; }
.topText {
	padding: 15px 0 0 0;
	margin-bottom: -30px;
	color: #f00;
	text-align: center;
}
	/* kvArea
	===========================*/
	#kvArea{ min-height:470px; background:url(../img/img_kv.png) no-repeat center 0 #435061; color:#ffffff; }
	#kvArea .kvAreaCon{ width:940px; margin:0 auto; padding:18px 0 0; text-align:center; position:relative; }
	#kvArea p.logo{ width:79px; height:30px; background:url(../img/logo_aista.png) no-repeat 0 0; background-size:79px auto; text-indent:-9999px; }
	#kvArea p.catch{ margin:33px 0 0; font-size:25px; }
	#kvArea h1{ margin:13px 0 0; font-size:40px; font-weight:normal; color:#86ffd6; line-height:1.2; }
	#kvArea h2{ margin:5px 0 0; font-size:20px; font-weight:normal; }
	#kvArea h2 span{ font-size: 30px; margin: 0 4px;}
	#kvArea nav{ text-align:left; position:absolute; top:22px; right:0; }
	#kvArea nav ul li{ float:left; margin:0 0 0 30px; }
	#kvArea nav ul li a{ text-decoration:none; color:#ffffff; }
	#kvArea nav ul li a:hover,
	#kvArea nav ul li a:active{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
	
	/* cvArea
	===========================*/
	.cvArea{ width:940px; margin:0 auto; padding:50px 0; text-align:center; }
	.cvArea p{ display:inline-block; margin:0 10px; }
	.cvArea p.premiumBtn a{ background:#2a8cf1; color:#ffffff; }
	.cvArea p.distributorBtn a{ border:#d3dbe3 2px solid; color:#435061; }

	/* featureArea
	===========================*/
	#featureArea{ background:#e7edf4; }
	#featureArea div.featureAreaCon{ width:940px; margin:0 auto; }
	#featureArea ul{ padding:38px 0 0; overflow:hidden; text-align: center;}
	#featureArea ul li{ width:400px; margin:0 20px 70px 20px; display: inline-block;}
	#featureArea ul li div.img{ text-align:center; position:relative; }
	#featureArea ul li div.img span.icoNew{ display:block; position:absolute; top:10px; left:80px; }
	#featureArea ul li p.catch{ font-size:18px; font-weight:bold; text-align:center; }
	#featureArea ul li p.txt{ padding:20px 0 0; }
	#featureArea p.lead{ padding:50px 0 0; text-align:center; }
	
	/* functionArea
	===========================*/
	#functionArea{ width:940px; margin:0 auto; overflow:hidden; }
	#functionArea div.box{ width:432px; float:left; margin:50px 0 0; }
	#functionArea div.box:nth-child(2n+1){ float:right; }
	#functionArea div.box:nth-child(2n){ clear:both; float:left; }
	#functionArea div.box h3{ text-align:center; font-size:24px; }
	#functionArea div.box figure{ margin:20px 0 0; }
	#functionArea div.box ul{ margin:0 5px; }
	#functionArea div.box ul li{ padding:10px 0 0 26px; background:url(../img/ico_arrow_gray.png) no-repeat 0 11px; font-size:16px; }
	#functionArea div.box ul li strong{ color:#2ad49c; }
	
	/* priceArea
	===========================*/
	#priceArea{ background:#e7edf4; }
	#priceArea .priceAreaCon{ width:940px; margin:0 auto; }
	#priceArea dl.premiumPrice{ margin:40px 0 0; background:#ffffff; line-height:1em; }
	#priceArea dl.premiumPrice dt{ width:200px; height:108px; display:table-cell; text-align:right; font-size:18px; vertical-align:middle;}
	#priceArea dl.premiumPrice dd{ height:128px; display:table-cell; vertical-align:middle; }
	#priceArea dl.premiumPrice dd.price{ width:440px; text-align:right; font-size:28px; font-weight:bold; line-height: 1.8;}
	#priceArea dl.premiumPrice dd.price .price-atn{text-decoration: line-through;}
	#priceArea dl.premiumPrice dd.btn{ position: relative; width:400px; padding-right: 20px; text-align: right;}
	#priceArea dl.premiumPrice dd.btn .premiumPrice-campn{ width: 100px; position: absolute; top: -60px; left: 300px; }
	#priceArea dl.distributorContact{ display:table; padding:40px 0 0; }
	#priceArea dl.distributorContact dt{ width:425px; display:table-cell; padding:0 0 0 75px; vertical-align:middle; }
	#priceArea dl.distributorContact dd{ width:440px; display:table-cell; }
	#priceArea .price-free{margin-right:6px; font-size:14px; }
	
	/* flowArea
	===========================*/
	#flowArea{ width:940px; margin:0 auto; }
	#flowArea ul{ width:939px; height:96px; margin:50px 0 0; background:url(../img/img_flow.png) no-repeat 0 0; }
	#flowArea ul li{ text-indent:-9999px; }
	
	/* qaArea
	===========================*/
	#qaArea{ width:940px; margin:0 auto; border-top:#c8d4e0 1px solid; border-bottom:#c8d4e0 1px solid; }
	#qaArea ul{ padding:50px 0 0; }
	#qaArea ul li{ margin:0 0 30px; }
	#qaArea ul li dl dt{ font-size:16px; font-weight:bold; }
	
	/* infomation
	===========================*/
	.infomation{ width:940px; margin:0 auto; border-bottom:#c8d4e0 1px solid; }
	.infomation dl{ width:100%; padding:50px 0 0; }
	.infomation dl dt{ width:100px; clear:both; float:left; }
	.infomation dl dd{ padding:0 0 10px 100px; }
	

/*-- SP ONLY --*/
@media screen and (max-width: 768px){
	img{ width:100%; }
	
	h2.headTit2{ font-size:24px; }
	
	#kvArea .kvAreaCon,
	.cvArea,
	#featureArea div.featureAreaCon,
	#functionArea,
	#priceArea .priceAreaCon,
	#flowArea,
	#qaArea,
	#siteFooter,
	.infomation{ width:94%; margin:0 3%; }

	.topText {
		margin-bottom: -10px;
	}
	
	#featureArea div.featureAreaCon,
	#functionArea,
	#priceArea .priceAreaCon,
	#flowArea,
	#qaArea{ padding:40px 0; }
	
	#functionArea div.box,
	#functionArea div.box:nth-child(3),
	#functionArea div.box:last-child,
	#functionArea div.box:nth-child(4){ float:none; }
		
	#kvArea{ min-height:360px; background-position:center bottom; background-size:700px auto; }
	#kvArea nav{ width:100%; top:60px; left:-3%; }
	#kvArea nav ul{ width:106%; display:table; text-align:center; border-top:#586678 1px solid; border-bottom:#586678 1px solid; }
	#kvArea nav ul li{ display:table-cell; float:none; padding:5px; font-size:12px; border-left:#586678 1px solid; }
	#kvArea nav ul li:first-child{ border-left:none; }
	#kvArea nav ul li:nth-child(4),
	#kvArea nav ul li:last-child{ display:none; }
	#kvArea p.catch{ margin:55px 0 0; font-size:20px; }
	#kvArea h1{ margin:0; font-size:30px; }
	#kvArea h2{ font-size:16px; }
	
	.cvArea{ width:90%; padding:30px 0 30px 3%; }
	.cvArea p{ display:block; }
	.cvArea p:first-child{ margin-bottom:10px; }
	
	#featureArea ul{ padding:0; }
	#featureArea ul li{ width:44%; margin: 0; padding: 20px 3% 20px 3%; display: block; float:left;}
	#featureArea ul li:nth-child(4){ clear:none; }
	#featureArea ul li p.txt{ padding:20px 0 0; }
	#featureArea ul li div.img span.icoNew{ left: 30px; }
	#featureArea ul li div.img span.icoNew img{ width: 56px; }
	#featureArea p.lead{ margin:30px 0 0; padding:10px; text-align:left; border:#b8c3d1 1px solid; }
	#featureArea ul li p.catch{ font-size:16px; }
	#featureArea ul li p.txt{ padding:5px 0 0; }
	
	#functionArea div.box{ width:100%; margin:30px 0 0; }
	#functionArea div.box h3{ font-size:20px; }
	#functionArea div.box figure{ margin:15px 0 0; }
	
	#priceArea dl.premiumPrice{ margin:10px 0 0; padding:20px 10px; line-height:1.4em; }
	#priceArea dl.premiumPrice dt{ width:100%; height:auto; display:block; text-align:center; font-size:18px; vertical-align:top; }
	#priceArea dl.premiumPrice dd{ height:auto; display:block; margin:10px 0 0; text-align:center; }
	#priceArea dl.premiumPrice dd.price{ width:100%; padding:0; text-align:center; font-size:18px; }
	#priceArea dl.premiumPrice dd.btn{ width:auto; padding:0 2%; }
	#priceArea dl.premiumPrice dd.btn .premiumPrice-campn{ width: 56px; top: -45px; left: inherit; right: -4px; }
	#priceArea dl.distributorContact{ width:100%; padding:20px 0 0; }
	#priceArea dl.distributorContact dt{ width:100%; display:block; padding:0; text-align:center; vertical-align:middle; }
	#priceArea dl.distributorContact dd{ width:auto; display:block; padding:5px 5% 0; }
	
	#flowArea ul{ width:100%; height:auto; margin:20px 0 0; background:none; }
	#flowArea ul li{ margin:0 0 20px; padding:5px 0; text-align:center; text-indent:0; background:#e7edf4; border:#c8d4e2 1px solid; position:relative; }
	#flowArea ul li:after{ width:100%; content:"▼"; display:block; text-align:center; color:#c8d4e2; position:absolute; left:0; bottom:-21px; }
	#flowArea ul li:last-child:after{ content:""; }
	
	#qaArea ul{ padding:20px 0 0; }
}

/*-- PC ONLY --*/
@media screen and (min-width: 769px){
	body{ min-width:940px; }
	.cvArea p img{ width:328px; height:auto; }
	#priceArea dl dd img{ width:356px; height:auto; }
}