@charset "utf-8";


/* -------------------------------
common
------------------------------- */
.l-content h1.titleImg__h1{
	width: 950px;
	height: 240px;
	margin-bottom: 35px;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: url(/pr/vona/mech/neji/locking/images/main_250604.png) no-repeat;
}
.l-content h2.titleImg__h2 {
	width: 950px;
	height: 76px;
	margin-bottom: 23px;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: url(/pr/vona/mech/neji/locking/images/ttl_h2.png) no-repeat;
}
.l-content .mainTxt {
	margin-bottom:34px;
}

/* areaSection */
.l-content .areaSection{
	margin-bottom: 50px;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}

.l-content .areaSection .m-h3 {
    margin-bottom: 30px;
}

/* areaInner */
.l-content .areaInner {
	padding: 0 20px;
}


/* anchorbtn */
.l-content .anchor ul {
    width: 950px;
	margin: 20px auto 0;
}
.l-content .anchor ul li {
    float: left;
	margin-right: 10px;
}
.l-content .anchor ul li.ancLast {
    float: right;
    margin-right: 0;
}
.l-content .anchor ul li .m-btn--down {
width: 150px;
height: 50px;
padding: 5px 5px;
display: table-cell;
vertical-align: middle;
}
.l-content .ancLineup {
  padding-left: 6px;
}
.l-content .ancLineup ul li .m-btn--down {
  width: 227px;
  height: 36px;
}


/* ------------------------------------------------------
contents parts
------------------------------------------------------ */
/* factorArea */
.l-content #factorArea {
	border-bottom:5px solid #999999;
}
.l-content #factorArea .factorTxt {
	margin-bottom:30px;
}

/* factorList */
.l-content #factorArea .factorList {
	margin: 0 -12px 50px 0;
}
.l-content #factorArea .factorList .factorBox {
	width: 293px;
	padding: 0;	
	margin:0 12px 0 0;
	float: left;
	text-align: left;
}
.l-content #factorArea .factorList #factor01 {
	border: 1px solid #677eb8;
}
.l-content #factorArea .factorList #factor02 {
	border: 1px solid #9067ad;
}
.l-content #factorArea .factorList #factor03 {
	border: 1px solid #339ebc;
}
.l-content #factorArea .factorList .factorBox .ttl {
	margin-bottom: 10px;
	background:#B1C0E9;
	padding:10px 0;
	text-align:center;
}
.l-content #factorArea .factorList #factor01 .ttl {
	background:#677eb8;
}
.l-content #factorArea .factorList #factor02 .ttl {
	background:#9067ad;
}
.l-content #factorArea .factorList #factor03 .ttl {
	background:#339ebc;
}
.l-content #factorArea .factorList .factorBox .caption {
	margin:15px 24px 0;
	height:130px;
}
.l-content #factorArea .factorList #factor01 .caption {
	border-bottom:1px dotted #677eb8;
}
.l-content #factorArea .factorList #factor02 .caption {
	border-bottom:1px dotted #9067ad;
}
.l-content #factorArea .factorList #factor03 .caption {
	border-bottom:1px dotted #339ebc;
}
.l-content #factorArea .factorList .factorBox .pic {
	text-align:center;
	margin:0;
	font-size:0;
}
.l-content #factorArea .factorList .factorBox .box {
	padding:5px 15px 0;
	height:350px;
	position:relative;
}
.l-content #factorArea .factorList #factor01 .box {
	background:#f1f3f8;
}
.l-content #factorArea .factorList #factor02 .box {
	background:#f1ecf5;
}
.l-content #factorArea .factorList #factor03 .box {
	background:#ecf6f8;
}
.l-content #factorArea .factorList .factorBox .box .boxTxt {
	margin-bottom: 10px;
	font-size:12px;
	padding:0 14px;
}
.l-content #factorArea .factorList .factorBox .box .boxItem {
	margin-bottom: 10px;
	text-align:center;
	font-size:0;
}
.l-content #factorArea .factorList .factorBox .box .boxBtn {
	position:absolute;
	left:50px;
}
.l-content #factorArea .factorList .factorBox .box .area01 {
	top:175px;
}
.l-content #factorArea .factorList .factorBox .box .area02 {
	top:206px;
}
.l-content #factorArea .factorList .factorBox .box .area03 {
	top:237px;
}
.l-content #factorArea .factorList .factorBox .box .area04 {
	top:268px;
}
.l-content #factorArea .factorList .factorBox .box .boxBtn a {
	display:block;
	text-indent:-9999px;
	width:195px;
	height:25px;
}
.l-content #factorArea .factorList .factorBox .box .boxBtn a.pic01 {
	background-image: url(/pr/vona/mech/neji/locking/images/btn_factor_01_01.png);
}
.l-content #factorArea .factorList .factorBox .box .boxBtn a.pic02 {
	background-image: url(/pr/vona/mech/neji/locking/images/btn_factor_02_01.png);
}
.l-content #factorArea .factorList .factorBox .box .boxBtn a.pic03 {
	background-image: url(/pr/vona/mech/neji/locking/images/btn_factor_02_02.png);
}
.l-content #factorArea .factorList .factorBox .box .boxBtn a.pic04 {
	background-image: url(/pr/vona/mech/neji/locking/images/btn_factor_03_01.png);
}
.l-content #factorArea .factorList .factorBox .box .boxBtn a.pic05 {
	background-image: url(/pr/vona/mech/neji/locking/images/btn_factor_03_02.png);
}
.l-content #factorArea .factorList .factorBox .box .boxBtn a.pic06 {
	background-image: url(/pr/vona/mech/neji/locking/images/btn_factor_03_03.png);
}
.l-content #factorArea .factorList .factorBox .box .boxBtn a.pic07 {
	background-image: url(/pr/vona/mech/neji/locking/images/btn_factor_03_04.png);
}
/* recommendArea */
.l-content #recommendArea {
}
.l-content #recommendArea .recBox {
	border:8px solid #eeeeee;
	position:relative;
	padding:20px 0 10px;
	margin-bottom:22px;
}
.l-content #recommendArea .recBox .ttl {
	position:absolute;
	left:30px;
}
.l-content #recommendArea #recoBox01 .ttl {
	top:30px;
}
.l-content #recommendArea #recoBox02 .ttl {
	top:50px;
}
.l-content #recommendArea #recoBox03 .ttl {
	top:50px;
}
.l-content #recommendArea #recoBox04 .ttl {
	top:20px;
}
.l-content #recommendArea #recoBox05 .ttl {
	top:20px;
}
.l-content #recommendArea #recoBox06 .ttl {
	top:20px;
}

.l-content #recommendArea .recBox .btn {
	position:absolute;
	left:35px;
}
.l-content #recommendArea #recoBox01 .btn {
	top:214px;
}
.l-content #recommendArea #recoBox02 .btn {
	top:287px;
}
.l-content #recommendArea #recoBox03 .btn {
	top:308px;
}
.l-content #recommendArea #recoBox04 .btn {
	top:250px;
}
.l-content #recommendArea #recoBox05 .btn {
	top:204px;
}
.l-content #recommendArea #recoBox06 .btn {
	top:262px;
}

.l-content #recommendArea .recBox .detail_01 {
	margin-left:230px;
	width:647px;
}
.l-content #recommendArea .recBox .detail_01 dt {
	margin-bottom:5px;
}
.l-content #recommendArea .recBox .detail_01 dd {
	padding-left:10px;
	font-size:12px;
}
.l-content #recommendArea .recBox .detail_01 dd img {
	float:right;
	padding-left:30px;
}
.l-content #recommendArea .recBox .detail_01_l {
	margin-left:230px;
	width:440px;
    float: left;
}
.l-content #recommendArea .recBox .detail_01_l dt {
	margin-bottom:5px;
}
.l-content #recommendArea .recBox .detail_01_l dd {
	padding-left:10px;
	font-size:12px;
}
.l-content #recommendArea .recBox .detail_01_l dd img {
	float:right;
	padding-left:20px;
}
.l-content #recommendArea .recBox .detail_01_r {
	margin-right:10px;
	width:200px;
	float: right;
}
.l-content #recommendArea .recBox .detail_01_r dt {
	margin-bottom:5px;
}
.l-content #recommendArea .recBox .detail_01_r dd {
	padding-left:10px;
	font-size:12px;
}
.l-content #recommendArea .recBox .detail_01_r dd img {
   text-align: center;
   padding-top: 10px;
}


.l-content #recommendArea .recBox .detail_02 {
	margin-left:230px;
	padding-top:0;
	width:647px;
}
.l-content #recommendArea .recBox .detail_02 dt {
	margin-bottom:10px;
}
.l-content #recommendArea .recBox .detail_02 dd {
	background: url(/pr/vona/mech/neji/locking/images/icon_rec.png) no-repeat 10px top;
	padding-left:40px;
	margin-bottom:10px;
	font-size:12px;
}


/* lineupArea */
.l-content #lineupArea {
}

/* lineupNavi */
.l-content #lineupArea .lineupNavi ul {
	margin: 0 0 35px 0;
}
.l-content #lineupArea .lineupNavi ul li {
	width: 213px;
	margin-left: 20px;
	float: left;
}
.l-content #lineupArea .lineupNavi ul li a {
	display: block;
	width: 213px;
	height: 37px;
	text-indent: -9999px;
}
.l-content #lineupArea .lineupNavi ul li.navi01 a {
	background: url(/pr/vona/mech/neji/locking/images/lineup_navi01.png) no-repeat;
}
.l-content #lineupArea .lineupNavi ul li.navi02 a {
	background: url(/pr/vona/mech/neji/locking/images/lineup_navi02.png) no-repeat;
}
.l-content #lineupArea .lineupNavi ul li.navi03 a {
	background: url(/pr/vona/mech/neji/locking/images/lineup_navi03.png) no-repeat;
}
.l-content #lineupArea .lineupNavi ul li.navi04 a {
	background: url(/pr/vona/mech/neji/locking/images/lineup_navi04.png) no-repeat;
}

/* nejiBox */
.l-content #lineupArea .nejiBox {
	margin: 0 -10px 24px 0;
	padding:0 0 10px;
	background:#e3e7f2;
	width:910px;
}
.l-content #lineupArea .nejiBox h4 {
	width: 200px;
	height: 19px;
	margin: 0;
	padding: 12px 0;
	border: none;
	text-indent: -9999px;
	background: url(/pr/vona/mech/neji/locking/images/ttl_lineup.png) no-repeat 10px center;
}
.l-content #lineupArea .nejiBox .itemBox {
	height:140px;
	margin:0 0 0 10px;
	float: left;
	text-align: center;
	background:#fff;
}
.l-content #lineupArea .nejiBox .itemBoxWith01 {
	width: 295px;
}
.l-content #lineupArea .nejiBox .itemBoxWith02 {
	width: 287px;
}
.l-content #lineupArea .nejiBox .itemBoxWith03 {
	width: 287px;
}
.l-content #lineupArea .nejiBox .itemBox .ttl {
	width:116px;
	text-align:center;
	margin:15px auto 12px;
	height:19px;
	padding:2px 0 0;
}
.l-content #lineupArea .nejiBox .itemBox .caption {
	margin-bottom: 10px;
	text-align:left;
	padding:0 10px;
}

.l-content #lineupArea .type01 {
	background: url(/pr/vona/mech/neji/locking/images/icon_type01.png) no-repeat;
}
.l-content #lineupArea .type02 {
	background: url(/pr/vona/mech/neji/locking/images/icon_type02.png) no-repeat;
}
.l-content #lineupArea .type03 {
	background: url(/pr/vona/mech/neji/locking/images/icon_type03.png) no-repeat;
}
.l-content #lineupArea .type04 {
	background: url(/pr/vona/mech/neji/locking/images/icon_type04.png) no-repeat;
}
.l-content #lineupArea .type05 {
	background: url(/pr/vona/mech/neji/locking/images/icon_type05.png) no-repeat;
}
.l-content #lineupArea .type06 {
	background: url(/pr/vona/mech/neji/locking/images/icon_type06.png) no-repeat;
}
.l-content #lineupArea .type07 {
	background: url(/pr/vona/mech/neji/locking/images/icon_type07.png) no-repeat;
}
.l-content #lineupArea .type08 {
	background: url(/pr/vona/mech/neji/locking/images/icon_type08.png) no-repeat;
}

/* listItemBox */
.l-content #lineupArea .listItemBox {
	margin: 0 -12px 0 0;
}
.l-content #lineupArea .listItemBox .itemBox {
	border: 1px solid #ccc;
	width: 263px;
	height:280px;
	padding: 20px 15px 0;	
	margin:0 12px 12px 0;
	float: left;
	text-align: center;
}
.l-content #nutLink .itemName {
	padding-top:10px;
}
.l-content #lineupArea .listItemBox .itemBox .ttl {
	color: #004bb1;
	margin-bottom: 0;
}
.l-content #lineupArea .listItemBox .itemBox .ttl a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.80;
}
.l-content #lineupArea .listItemBox .itemBox .caption {
	margin-bottom: 10px;
	text-align:left;
}
.l-content #lineupArea .listItemBox .itemBox .add {
	text-align:right;
}

/* listItemLink */
.l-content #lineupArea .listItemLink {
	margin:0 -15px 0 0;
}
.l-content #lineupArea .listItemLink .itemLink{
  float: left;
  letter-spacing: normal;
  vertical-align: top;
  width: 168px;
	margin:0 15px 15px 0;
	display:inline;
	padding-bottom:5px;
	border:1px solid #CCCCCC;
}
.l-content #lineupArea .listItemLink .itemLink .itemTtl{
	position:relative;
  display: block;
  text-align: center;
	height:123px;
	width:168px;
	background-repeat:no-repeat;
	background-position: center bottom;
}
.l-content #lineupArea .listItemLink .itemLink .itemTtl span{
	position:absolute;
	top:13px;
	left:0;
	width:168px;
	text-align:center;
}
.l-content #lineupArea #neji01 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_01.png);
}
.l-content #lineupArea #neji02 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_02.png);
}
.l-content #lineupArea #neji03 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_03.png);
}
.l-content #lineupArea #neji04 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_04.png);
}
.l-content #lineupArea #neji05 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_05.png);
}
.l-content #lineupArea #neji06 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_06.png);
}
.l-content #lineupArea #neji07 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_07.png);
}
.l-content #lineupArea #neji08 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_08.png);
}
.l-content #lineupArea #neji09 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_09.png);
}
.l-content #lineupArea #neji10 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_10.png);
}
.l-content #lineupArea #neji11 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_11.png);
}
.l-content #lineupArea #neji12 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_12.png);
}
.l-content #lineupArea #neji13 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_13.png);
}

.l-content #lineupArea #nut01 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_nut_s_01.png);
}
.l-content #lineupArea #nut02 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_nut_s_02.png);
}
.l-content #lineupArea #nut03 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_nut_s_03.png);
}
.l-content #lineupArea #nut04 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_nut_s_04.png);
}
.l-content #lineupArea #nut05 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_nut_s_05.png);
}
.l-content #lineupArea #nut06 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_nut_s_06.png);
}
.l-content #lineupArea #nut07 .itemTtl {
	background-image: url(/pr/vona/mech/neji/locking/images/item_nut_s_07.png);
}

.l-content #lineupArea .listItemLink .itemLink .itemTtl02{
	position:relative;
    display: block;
    text-align: center;
	height:150px;
	width:168px;
	background-repeat:no-repeat;
	background-position: center bottom;
}
.l-content #lineupArea .listItemLink .itemLink .itemTtl02 span{
	position:absolute;
	top:10px;
	left:0;
	width:168px;
	text-align:center;
}
.l-content #lineupArea #neji14 .itemTtl02 {
	background-image: url(/pr/vona/mech/neji/locking/images/item_neji_14.png);
}

.l-content #lineupArea .listItemLink .itemLink .itemName li a{
	width:115px;
	display:block;
	text-align:center;
	margin:0 auto 6px;
	height:19px;
	padding:2px 0 0;
}
.l-content #lineupArea .listItemLink .itemLink .itemName li a.txtLong{
  letter-spacing : -1px;
}

.l-content #lineupArea .nutBox {
	width: 386px;
	height: 37px;
	margin:20px auto 40px;
}


/* ------------------------------------------------------
common parts
------------------------------------------------------ */
/* abundantArea */
.l-content #abundantArea .bnrArea {
	padding-top:20px;
}
.l-content #abundantArea .bnrArea ul {
	margin:0 -27px 0 0;
}
.l-content #abundantArea .bnrArea ul li {
	float:left;
	margin-right:27px;
}
.l-content #abundantArea .bnrArea ul li span {
	display:block;
	padding-top:10px;
}
.l-content #abundantArea .bnrArea .bnr02 {
    margin-top: 20px !important;
}


.l-content #searchArea .searchBox {
	width: 386px;
	height: 37px;
	margin:20px auto 40px;
}