@charset "utf-8";


/*
	1 : commonArea
	2 : mainVisualArea
	3 : ponchiArea
	4 : flowArea
	5 : productArea
	6 : featureArea
	7 : caseArea
	8 : notesArea
 */

/* -----------------------------
	1 : commonArea
----------------------------- */
/* contactArea */
.l-content .contactArea .contactBox {
	position: relative;
	width: 950px;
	height: 194px;
	background: url(/pr/vona/mech/machine_shutter/images/contact_bg_20180918.png) no-repeat;
}
.l-content .contactArea .contactBox p {
	display: block;
	height: 0;
	overflow: hidden;
}
.l-content .contactArea li.contactBtn {
	position: absolute;
	top: 115px;
	left: 625px;
}
/* buttonArea */
.l-content .buttonArea li {
	clear: both;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}
.l-content .buttonArea li a { display: block; }
.l-content .buttonArea li.downloadBtn a {
	width: 235px;
	height: 37px;
	background: url(/pr/vona/mech/machine_shutter/images/btn_download.png) no-repeat;
	margin: 0 auto;
}
.l-content .buttonAreaContact li {
	clear: both;
	margin: 0 auto;
}
.l-content .buttonAreaContact li.contactBtn a {
	width: 245px;
	height: 48px;
	margin: 0 auto;
}

/* -----------------------------
	2 : mainVisualArea
----------------------------- */
.l-content .mainVisualArea { 
	width: 950px;
	height: 190px;
	background: url(/pr/vona/mech/machine_shutter/images/mainVisual_20180918.png) no-repeat;
 }
.l-content .mainVisualArea h1.mainVisual,
.l-content .mainVisualArea p.mainLead {
	height: 0;
	overflow: hidden;
}

/* -----------------------------
	3 : ponchiArea
----------------------------- */
.l-content .ponchiArea p.ponchi_ttl,
.l-content .ponchiArea p.ponchiLead {
	height: 0;
	overflow: hidden;
}
.l-content .ponchiArea .ponchiContent {
	position: relative;
	width: 910px;
	height: 290px;
	background: url(/pr/vona/mech/machine_shutter/images/punch_bg_20240501.png) no-repeat;
	margin: 0 auto;
}
.l-content .ponchiArea .ponchiContent li.downloadBtn {
	position: absolute;
	top: 202px;
	left: 120px;
}
.l-content .ponchiArea .ponchiContent .ponchiImg {
	display: block;
	position: absolute;
	top: 28px;
	left: 625px;
}

/* -----------------------------
	4 : flowArea
----------------------------- */
.l-content .flowArea .flowContent {
	position: relative;
	width: 910px;
	height: 335px;
	background: url(/pr/vona/mech/machine_shutter/images/flow_bg_20240501.png) no-repeat;
	margin: 0 auto;
}
.l-content .flowArea .flowContent dl p,
.l-content .flowArea .flowContent dl span {
	display: block;
	height: 0;
	overflow: hidden;
}
.l-content .flowArea .flowContent li.downloadBtn {
	position: absolute;
	top: 135px;
	left: 28px;
}
.l-content .flowArea .flowContent ul.flowList {
	position: absolute;
	top: 142px;
	left: 346px;
	width: 220px;
}
.l-content .flowArea .flowContent ul.flowList li {
	margin-bottom: 18px;
	padding-left: 28px;
	background: url(/pr/vona/mech/machine_shutter/images/list-icon01.png) no-repeat;
}

/* -----------------------------
	5 : productArea
----------------------------- */
.l-content .productArea .productContent {
	width: 900px;
	border: 5px solid #3d67ae;
	border-top: none;
	margin: 0 auto;
	padding-bottom: 30px;
}
.l-content .productArea p.product_ttl {
	width: 900px;
	height: 50px;
	background: url(/pr/vona/mech/machine_shutter/images/product_ttl_20180918.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .productArea p.product_lead {
	text-align: center;
	font-size: 14px;
	line-height: 56px;
	border-bottom: dotted 1px #999999;
	margin: 10px 30px 15px;
}
.l-content .productArea dl.productBox {
	float: left;
	width: 181px;
	margin-left: 50px;
}
.l-content .productArea dl.mg-none {
	margin-left: 110px;
}
.l-content .productArea dl.productBox .productName {
	text-align: center;
}
.l-content .productArea dl.productBox .productImg {
	display: block;
}


/* -----------------------------
	6 : featureArea
----------------------------- */
.l-content .featureArea .featureContent {
	width: 900px;
	border-top: 1px dotted #999999;
	padding-top: 50px;
}
.l-content .featureArea p.feature_lead {
	width: 554px;
	height: 50px;
	background: url(/pr/vona/mech/machine_shutter/images/feature_lead_20180918.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 36px;
}
.l-content .featureArea dl.featureBox {
	width: 710px;
	height: 266px;
	background: url(/pr/vona/mech/machine_shutter/images/feature_content_20180918.png) no-repeat;
	margin: 0 auto;
}
.l-content .featureArea dl.featureBox p,
.l-content .featureArea dl.featureBox span {
	display: block;
	height: 0;
	overflow: hidden;
}

/* -----------------------------
	7 : caseArea
----------------------------- */
.l-content .caseArea .caseContent { margin-left: 66px; }
.l-content .caseArea dl.caseBox {
	float: left;
	width: 219px;
	margin: 0 0 40px 40px;
}
.l-content .caseArea dl.caseBox dt > span {
	display: block;
}
.l-content .caseArea dl.caseBox dd { padding-top: 10px; }


/* -----------------------------
	8 : notesArea
----------------------------- */

.l-content .notesBlock_txt{
	margin: 10px 20px 30px 20px;
	text-align: left;
}

/* -----------------------------
	9 : iselArea
----------------------------- */
.l-content .iselArea {
	width: 950px;
	margin: 20px auto 40px;
}
.l-content .iselArea dl.iselContent dt {  font-size: 14px; line-height: 150%;}
.l-content .iselArea dl.iselContent dd { margin-top: 10px;}