@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.mainArea .titleBlock__h1 {
	position: relative;
	width: 950px;
	height: 190px;
	margin: 0 0 35px;
	padding: 0;
	border: none;
	background: url(/pr/vona/mech/mechalock/images/img_h1_200717.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .titleBlock_catch {
	height: 0;
	overflow: hidden;
}
.mainArea .innerBox {
	width: 920px;
	margin: 0 auto;
}
.mainArea .innerBox .h3box {
	width: 890px;
	margin: 0 auto;
}
.mainArea .cvbtnlong {
	width:260px;
	margin:0 auto;
}

/* .featureBox */
.mainArea .featureBox {
	position: relative;
	clear: both;
	width: 920px;
	height: 126px;
	margin: 0 auto 50px;
	padding: 0;
	border: none;
	background: url(/pr/vona/mech/mechalock/images/feature_bg.gif) no-repeat center 0;
}
.mainArea .featureBox * {
	height: 0;
	overflow: hidden;
}

/* .comparisonBox */
.mainArea .comparisonBox dl.comparison {
	position: relative;
	width: 900px;
	height: 300px;
	margin: 0 0 28px;
	background: url(/pr/vona/mech/mechalock/images/comparison_bg_200717.png) no-repeat center;
}
.mainArea .comparisonBox dl.comparison * {
	height: 0;
	overflow: hidden;
}
.mainArea .comparisonBox .btn {
	width: 260px;
	margin: 0 auto 10px;
}

/* .lineupBox */
.mainArea .lineupBox .lineup03 {
	margin-bottom: 30px;
}
.mainArea .lineupBox ul.itemList > li {
	float: left;
	width: 213px;
	height: 320px;
	margin-left: 10px;
	border: 1px solid #c1c1c1;
}
.mainArea .lineupBox ul.itemList > li.u-h342 {
	height: 342px;
}
.mainArea .lineupBox ul.itemList > li.u-h360 {
	height: 360px;
}
.mainArea .lineupBox ul.itemList > li.item01,
.mainArea .lineupBox ul.itemList > li.item04 {
	margin-left: 0;
}
.mainArea .lineupBox ul.itemList > li.item04 {
	float: right;
}
.mainArea .lineupBox ul.itemList > li .states {
	width: 76px;
	margin: 0 0 10px;
	padding: 2px 4px;
	background: #000;
	color: #fff;
	text-align: center;
}
.mainArea .lineupBox ul.itemList > li .states01 {
	background: #d00;
}
.mainArea .lineupBox ul.itemList > li .states02 {
	background: #00499b;
}
.mainArea .lineupBox ul.itemList > li .states03 {
	background: #316300;
}
.mainArea .lineupBox ul.itemList > li .states04 {
	background: #fff;
}
.mainArea .lineupBox ul.itemList > li dl {
	width: 200px;
	margin: 0 auto;
}
.mainArea .lineupBox ul.itemList > li dt {
	height: 42px;
	font-size: 14px;
	text-align: center;
}
.mainArea .lineupBox ul.itemList > li dt.dt01 {
	height:64px;
}
.mainArea .lineupBox ul.itemList > li dt.dt02 {
	height:80px;
}
.mainArea .lineupBox ul.itemList > li dd {
	width: 160px;
	margin: 0 auto;
}
.mainArea .lineupBox ul.itemList > li dd.img {
	height: 160px;
	margin-bottom: 6px;
}
.mainArea .lineupBox ul.itemList > li dd.delivery {
	margin-bottom: 15px;
	line-height: 1.2;
}
.mainArea .lineupBox .btnLink {
	width: 260px;
	margin: 0 auto;
}

/* .recommendBox */
.mainArea .recommendBox ul.itemList > li {
	float: left;
	width: 213px;
	height: 332px;
	margin-left:10px;
	border: 1px solid #c1c1c1;
}
.mainArea .recommendBox ul.itemList > li.nonstates {
	padding-top:32px;
	height:300px;
}
.mainArea .recommendBox ul.itemList > li .states02 {
	background:#00499b;
}
.mainArea .recommendBox ul.itemList > li .states {
	width:76px;
	margin:0 0 10px;
	padding:2px 4px;
	color:#fff;
	text-align:center;
}
.mainArea .recommendBox ul.itemList > li.item01,
.mainArea .recommendBox ul.itemList > li.item04 {
	margin-left: 0;
}
.mainArea .recommendBox ul.itemList > li.item04 {
	float: right;
}
.mainArea .recommendBox ul.itemList > li dl {
	width: 200px;
	margin: 0 auto;
}
.mainArea .recommendBox ul.itemList > li dt {
	height: 80px;
	font-size: 14px;
	text-align: center;
}
.mainArea .recommendBox ul.itemList > li dd {
	width: 160px;
	margin: 0 auto;
}
.mainArea .recommendBox ul.itemList > li dd.img {
	height: 160px;
	margin-bottom: 6px;
}
.mainArea .recommendBox ul.itemList > li dd.btn {
	width: 140px;
}