@charset "shift_jis";


/* 注文・ダウンロードの丸め枠 */
table.cRtable {
	padding:30px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ccc;
  border-radius: 10px; /* テーブル全体の角を丸める */

	* {
		background-color:#ffffff;
		font-size:12px;
	}

}



/* --- 商品紹介（ここから）--- */
.cAreaIntroduction {
	padding:0px;
	background-color:#ffffff;

	font-size: 14px;
	font-weight: 400;
	color: #444444;
	text-align: left;
	margin-left: 30px;
	margin-right: 50px;
	line-height:25px;

	> h1 {
		font-size: 35px;
		font-weight: 400;
		color: #0;
		width: 100%;
		text-align: left;
		margin-left: 0px;
		margin-top: 80px;
		margin-bottom: 60px;
	}

	> h2 {
		font-size: 20px;
		font-weight: 400;
		text-decoration:none;
		background: linear-gradient(transparent 70%, #a7d6ff 70%);
		margin-top:60px;
		margin-bottom:30px;
	}

	> b{
		font-size: 18px;
		/* border-bottom:dashed 1px #000000; */
		font-weight: 400;
		color: #000000;
		margin-left:5px;
		margin-right:5px;
		background:url('./images/maker.png') no-repeat top left;background-size:100% 100%;text-decoration:none;
	}
	
	> table.cInputStep {
		border:none;

		> tbody > tr > td > b {
			font-size: 15px;
			font-weight: 800;
			text-decoration:none;
		}

	}

	> table.cPrint {
		border:none;

		 > tbody > tr > td {
			font-size: 12px;
			font-weight: 800;
			text-align:center;
			padding-bottom:50px;

			> p{
				margin-bottom:5px;
			}

		}

	}

}


/* --- 商品タイプ（ここから）--- */
.cAreaType {
	margin-top: 100px;
	margin-left: -20px;
	margin-right: -20px;

	padding-top:40px;
	padding-bottom:40px;
	padding-left:80px;
	padding-right:80px;

	background-color:#f2f2ff;

	font-size: 14px;
	font-weight: 400;
	color: #444444;
	text-align: left;
	line-height:25px;

	> h1 {
		font-size: 20px;
		font-weight: 400;
		margin-left: -30px;
		margin-bottom: 20px;
	}

	> h2 {
		width:844px;
		text-align:center;
		font-size:20px;
		font-weight:800;
		margin-top:50px;
		margin-bottom:10px;
		color:#000000;
		border:solid 1px #c2c2cc;
		background-color:#e2e2ee;
	}

	h3 {
		font-size: 18px;
		font-weight: 800;
		margin:0px;
	}

	> table {
		background-color:#ffffff;
	}
	
	> table.ProductType {
		border-collapse:collapse;
		border-spacing:0px;
		
		> tbody {

			> tr > th {
				margin:0px;
			  padding: 10px;
			  border: 1px solid #ddd;
			  text-align: left;
			}

			> tr > th {
				width:300px;
			}

			> tr > th:first-child {
				width:180px;
			}

			> tr > td {
				margin:0px;
			  padding: 10px;
			  border: 1px solid #ddd;
			  text-align: left;
			  vertical-align: top;
			}
		
		}

	}

	> ul {
		list-style-type: none;
	}

	> ul > li {
		font-size:12px;
		text-indent: -3em;
		padding-left: 3em;
	}

}


/* --- 動作環境（ここから）--- */
.cAreaSystemRequirements {
	margin-top: 50px;
	margin-left: -20px;
	margin-right: -20px;

	padding-top:40px;
	padding-bottom:40px;
	padding-left:80px;
	padding-right:80px;

	background-color:#ffffff;

	font-size: 14px;
	font-weight: 400;
	color: #444444;
	text-align: left;
	line-height:25px;

	> h1 {
		font-size: 20px;
		font-weight: 400;
		margin-left: -30px;
		margin-bottom: 20px;
	}


	/* 必要環境の表 */
	> table.cRequestCondition {
		font-size:12px;
		line-height:105%;
		border:solid 1px #000000;
		background-color:#ffffff;
		border-collapse:collapse;

		th {
			border-top:dotted 1px #303030;
		}

		td {
			border-top:dotted 1px #303030;
		}

		tr td {
			padding:3px;
		}

		th {
			font-weight:900;
			text-align:left;
			vertical-align:top;
			white-space:nowrap;
			border-right:solid 1px #000000;
		}

		td {
			text-align:left;
			vertical-align:top;
			white-space:nowrap;
		}

	}

	/* 注釈表示 */
	> table.cNotes {
		border-top:solid 1px #66666f;
		background-color:#ffffff;

		* {
			font-size:12px;
			line-height:105%;
		}

		th {
				font-weight:900;
				text-align:left;
				vertical-align:top;
				white-space:nowrap;
			}

		td {
			text-align:left;
			vertical-align:top;
		}

	}

}