@charset "utf-8";

#promotion{
	width: 860px;
	padding: 20px;
}
#promotionTop{
	float: left;
	width: 860px;
}
#promotionMess{
	float: left;
	width: 520px;
}
#promotionCap{
	float: right;
	width: 320px;
}
#promotionPrice{
	clear: both;
}

#promotionPicup{
	overflow: hidden;
	position: relative;
}
#promotionPicup li{
	float: left;
	list-style-type: none;
}


/**
 * フォーム作成システムとは？
 */

#solution{
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
#solution h2{
	margin-bottom: 17px;
}
#solution h3{
	margin-bottom: 10px;
}

#solutionBlock{
	width: 860px;
	overflow: hidden;
	position: relative;
}
#solutionMess{
	float: left;
	width: 420px;
}
#solutionMovie{
}
#solutionMovie ul{
	overflow: hidden;
	position: relative;
}
#solutionMovie li{
	list-style-type: none;
	text-align: center;
	width: 180px;
}
#solutionMovie img{
}
#solutionImage{
	float: right;
	width: 420px;
}

/**
 * お得な販売価格
 */

#salesPrice{
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
#salesPrice h2{
	margin-bottom: 17px;
}
#salesPrice h3{
	margin-bottom: 10px;
}
#salesPriceMess{
	float: left;
	width: 420px;
}
#salesPriceGraph{
	float: right;
	width: 420px;
}


/**
 * 特徴・共通
 */

.featureBox{
	clear: both;
	overflow: hidden;
	position: relative;
	padding-left: 10px;
	padding-right: 20px;
	width: 860px;
}
.featureBox h3{
	clear: both;
	margin-bottom: 10px;
}
.featureBox p{
	float: left;
	width: 250px;
}
.featureBox span img{
	float: right;
}
.featureBoxLeft{
	float: left;
	width: 420px;
}
.featureBoxRight{
	float: right;
	width: 420px;
}

.adDescription{
	float: left;
	width: 240px;
}
.adSample{
	float: right;
	width: 160px;
}


/**
 * 特徴
 */

.feature{
	padding-left: 10px;
	margin-bottom: 20px;
}
.feature h2{
	margin-bottom: 10px;
}


/**
 * お申し込みボタン
 */

.applies{
	margin-bottom: 20px;
	padding-left: 20px;
	width: 860px;
}
.applies ul{
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 810px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.applies li{
	float: left;
	list-style-type: none;
}
.appliesBottom{
	font-size: 1px;
	background-color: #CCCCCC;
	height: 5px;
	width: 100%;
	clear: both;
}

/**
 * 仕様・サポート・お支払い共通
 */

.sectionBox{
	clear: both;
	overflow: auto;
	width: 860px;
}
.sectionBox h3{
	margin-bottom: 10px;
}
.sectionBoxLeft{
	float: left;
	width: 420px;
}
.sectionBoxRight{
	float: right;
	width: 420px;
}


#systemInfo,
#support,
#payment{
	clear: both;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding-left: 20px;
	width:860px;
}
#systemInfo h2,
#support h2,
#payment h2{
	margin-bottom: 20px;
}
#systemInfo h3,
#support h3,
#payment h3{
	margin-bottom: 10px;
}

/**
 * 仕様
 */

#systemInfo{
}
#systemInfo li{
	line-height: 150%;
	margin-left: 20px;
}
#systemInfo1{
	float: left;
	width: 280px;
}
#systemInfo1{
}
#systemInfo2{
	float: left;
	width: 280px;
	margin-right: 10px;
	margin-left: 10px;
}
#systemInfo2 table{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	width: 280px;
}
#systemInfo2 th{
	font-weight: normal;
	background-color: #eeeeee;
	padding: 5px;
	width: 60px;
	border: 1px solid #CCCCCC;
	text-align: left;
}
#systemInfo2 td{
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 150%;
}

#systemInfo3{
	float: left;
	width: 280px;
}
#systemInfo3 ul{
	margin-bottom: 10px;
}

/**
 * その他
 */

.section{
	clear: both;
	margin-bottom: 20px;
}

.pageup{
	text-align: right;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.endMess{
	font-size: 14px;
	text-align: center;
	line-height: 150%;
	padding-top: 50px;
	padding-bottom: 50px;
}