@charset "utf-8";

/* ------------------------------------------------------
common
------------------------------------------------------ */
.mainArea .boxInner {
	width: 900px;
	margin: 0 auto;
}
.mainArea .h3box {
	width: 880px;
	margin: 0 auto;
}
.mainArea .tableBlockDefault {
	width: 880px;
	margin: 0 0 50px;
	border-collapse: collapse;
	font-size: 12px;
	border: none;
}
.mainArea .tableBlockDefault th,
.mainArea .tableBlockDefault td {
	padding: 7px 10px;
	border: 1px solid #999;
	color: #000;
}
.mainArea .tableBlockDefault th {
	background: #ededed;
}
.mainArea .tableBlockDefault td {
	background: #fff;
}
.mainArea .tableBlockDefault tfoot td {
	padding: 10px 0;
	border: none;
	background: none;
	text-align: left;
}

/* アコーディオン */
.mainArea .accBox {
	margin: 0 0 10px;
}
.mainArea .accBox .accBar {
	width: 899px;
	margin: 0;
	padding: 8px;
	border-left: 5px solid #0169c6;
	background: #f0f0f0 url(/pr/vona/fs/service/cuttinggrindstone/images/icn_acc.gif) no-repeat -36px center;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	cursor: pointer;
}
.mainArea .accBox .open {
	background-position: 885px center;
}
.mainArea .accBox .accInner {
	display: none;
	margin: 0;
	padding: 15px 10px 30px;
}
.mainArea .accBox .accInner ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mainArea .accBox .accInner ol > li {
	margin: 0;
	padding: 0;
}
.mainArea .accBox .accInner .accList,
.mainArea .accBox .accInner .accList2 {
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	line-height: 20px;
}
.mainArea .accBox .accInner .accList {
	padding: 0 5px 0 15px;
	text-indent: -10px;
}
.mainArea .accBox .accInner .accList2 dt {
	clear: both;
	margin: 0 0 5px;
	padding: 0;
}
.mainArea .accBox .accInner .accList2 dd {
	margin: 0 0 20px 15px;
}
.mainArea .accBox .accInner .accList2 dd .equa {
	clear: both;
	float: left;
	margin: 10px 0 0;
	padding: 10px;
	border: 3px solid #67a5dd;
	line-height: 1.2em;
}
.mainArea .accBox .accInner .txt {
	margin: 0 0 25px;
	padding: 0 5px;
}
.mainArea .accBox .accInner .whetstoneImg {
	list-style: none;
	width: 900px;
	height: 367px;
	margin: 0;
	padding: 0;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/whetstone_img.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.mainArea .titleBlock__h1Img {
	width: 950px;
	height: 190px;
	margin: 0 0 30px;
	padding: 0;
	border: none;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/img_h1.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .titleBlock_ancLink {
	list-style: none;
	width: 920px;
	height: 134px;
	margin: 0 auto;
	padding: 0;
}
.mainArea .titleBlock_ancLink li {
	float: left;
	width: 296px;
	margin: 0 0 12px;
}
.mainArea .titleBlock_ancLink .anc01,
.mainArea .titleBlock_ancLink .anc04 {
	margin: 0 15px 0 0;
}
.mainArea .titleBlock_ancLink .anc03 {
	float: right;
}
.mainArea .titleBlock_ancLink li a {
	display: block;
	width: 296px;
}

/* .contactBox */
.mainArea .contactBox {
	position: relative;
	width: 950px;
	height: 160px;
	margin: 0 0 70px;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/contact_bg.gif) no-repeat 0 0;
}
.mainArea .contactBox .ttl,
.mainArea .contactBox .name,
.mainArea .contactBox .info,
.mainArea .contactBox .tel {
	height: 0;
	overflow: hidden;
}
.mainArea .contactBox .mail a,
.mainArea .contactBox .btn a {
	display:block;
	position: absolute;
	top: 77px;
	width: 265px;
	height: 48px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .contactBox .mail a {
	left: 620px;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/contact_btn_email.gif) no-repeat 0 0;	
}
.mainArea .contactBox .btn a {
	left: 616px;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/contact_btn_web.gif) no-repeat 0 0;		
}

/* .stepBox */
.mainArea .stepBox .txt {
	line-height: 20px;
}
.mainArea .stepBox .flowchart {
	list-style: none;
	width: 920px;
	height: 103px;
	margin: 40px auto 65px;
	padding: 0;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/flowchart_img.gif) no-repeat 0 0;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .stepBox .stepTitle {
	width: 920px;
	height: 70px;
	margin: 0 auto 35px;
	padding: 0;
	background: no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .stepBox .stepTitle01 {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step1_ttl.gif);
}
.mainArea .stepBox .stepTitle02 {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step2_ttl.gif);
}
.mainArea .stepBox .stepTitle03 {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step3_ttl.gif);
}
.mainArea .stepBox .stepTitle04 {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step4_ttl.gif);
}
.mainArea .stepBox .example {
	position: relative;
	width: 616px;
	height: 158px;
	margin: 0 0 35px;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/step1_img01.png) no-repeat 0 0;
}
.mainArea .stepBox .example .desc {
	height: 0;
	overflow: hidden;
}
.mainArea .stepBox .example .cap {
	position: absolute;
	top: 115px;
	left: 5px;
}
.mainArea .stepBox .surface {
	list-style: none;
	width: 505px;
	height: 64px;
	margin: 0 0 70px;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/step1_img02.gif) no-repeat 25px 20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .stepBox .tableBlockDefault caption {
	height: 0;
	overflow: hidden;
}
.mainArea .stepBox .tableBox01 {
	display: block;
	position: relative;
	width: 880px;
	min-height: 778px;
	margin: 0 0 100px;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/step2_table.gif) no-repeat 0 0;
}
.mainArea .stepBox .table01 thead tr,
.mainArea .stepBox .table01 thead th,
.mainArea .stepBox .table01 tbody tr,
.mainArea .stepBox .table01 tbody td {
	float: left;
	display: block;
	height: 0;
	overflow: hidden;
}
.mainArea .stepBox .table01 tfoot td {
	display: block;
	position: absolute;
	top: 778px;
	left: 0;
}
.mainArea .stepBox .table02 {
	margin: 0 0 60px;
}
.mainArea .stepBox .table02 thead th {
	padding: 6px 4px;
}
.mainArea .stepBox .table02 thead .material th {
	padding: 10px 4px;
}
.mainArea .stepBox .table02 tbody th,
.mainArea .stepBox .table02 tbody td {
	padding: 10px 10px;
}
.mainArea .stepBox .table02 tbody th.jis {
	color: #004bb1;
	font-size: 14px;
}
.mainArea .stepBox .table02 tbody th.name {
	text-align: left;
}
.mainArea .stepBox .table02 tbody td {
	font-size: 14px;
	text-align: center;
}
.mainArea .stepBox .step3img1,
.mainArea .stepBox .step3img2,
.mainArea .stepBox .step4img1,
.mainArea .stepBox .step4img2,
.mainArea .stepBox .step4img3 {
	list-style: none;
	background: no-repeat 0 0;
}
.mainArea .stepBox .step3img1 {
	width: 750px;
	height: 284px;
	margin: 0 0 45px;
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step3_img01.gif);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .stepBox .step3img2 {
	width: 750px;
	height: 286px;
	margin: 0 0 60px;
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step3_img02.gif);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .stepBox .step4img1 {
	width: 242px;
	height: 216px;
	margin: 0 0 50px;
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step4_img01.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .stepBox .step4img2 {
	width: 666px;
	height: 200px;
	margin: 0 0 20px;
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step4_img02.gif);
	background-position: 0 38px;
}
.mainArea .stepBox .step4img2 dl {
	height: 0;
	overflow: hidden;
}
.mainArea .stepBox .step4img3 {
	width: 783px;
	height: 216px;
	margin: 0 0 50px;
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/step4_img03.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* .featureBox */
.mainArea .featureBox .h3box {
	width: 900px;
	margin: 0 auto;
}
.mainArea .featureBox .itemList {
	list-style: none;
	margin: 0 0 60px;
	padding: 0;
}
.mainArea .featureBox .itemList > li {
	position: relative;
	float: left;
	width: 284px;
	height: 374px;
	margin: 0;
	padding: 2px;
	border: 1px solid #d2d2d2;
}
.mainArea .featureBox .itemList .recoItem {
	padding: 0;
	border: 3px solid #FF730A;
}
.mainArea .featureBox .itemList .item02 {
	margin-left: 15px;
}
.mainArea .featureBox .itemList .item03 {
	float: right;
}
.mainArea .featureBox .itemList .reco {
	position: absolute;
	top: 12px;
	left: 8px;
	width: 96px;
	height: 26px;
	background: url(/pr/vona/fs/service/cuttinggrindstone/images/icn_reco.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .featureBox .itemList > li dt {
	width: 190px;
	height: 38px;
	margin: 38px auto 8px;
	padding: 162px 0 0;
	font-size: 14px;
	line-height: 1.2em;
	text-align: center;
	background: no-repeat 15px 0;
	border-bottom: 1px dotted #ccc;
}
.mainArea .featureBox .itemList01 .item01 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item01.jpg);
}
.mainArea .featureBox .itemList01 .item02 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item02.jpg);
}
.mainArea .featureBox .itemList01 .item03 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item03.jpg);
}
.mainArea .featureBox .itemList02 .item01 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item04.jpg);
}
.mainArea .featureBox .itemList02 .item02 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item05_210302.png);
}
.mainArea .featureBox .itemList02 .item03 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item06.jpg);
}
.mainArea .featureBox .itemList03 .item01 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item07.jpg);
}
.mainArea .featureBox .itemList03 .item02 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item08.jpg);
}
.mainArea .featureBox .itemList03 .item03 dt {
	background-image: url(/pr/vona/fs/service/cuttinggrindstone/images/feature_item09.jpg);
}
.mainArea .featureBox .itemList > li dd {
	margin: 0;
	padding: 0;
}
.mainArea .featureBox .itemList > li dd.desc {
	width: 260px;
	height: 62px;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	text-align: center;
}
.mainArea .featureBox .itemList > li dd.btn a {
	display:block;
	width: 175px;
	margin: 0 auto 10px;
}

/* .basicBox */
.mainArea .basicBox .boxInner {
	width: 920px;
	margin-bottom: 30px;
}

/* .methodBox */
.mainArea .methodBox .boxInner {
	width: 920px;
	margin-bottom: 30px;
}
.mainArea .methodBox .accBox .accInner .lineSpace > li {
	margin-bottom: 15px;
}

/* .notesBox */
.mainArea .notesBox .boxInner {
	width: 920px;
	margin-bottom: 50px;
}



/* ------------------------------------------------------
.clearfix
------------------------------------------------------ */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}