@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .titleBlock__h1 {
	position: relative;
	width: 950px;
	height: 210px;
	margin: 0 0 22px;
	padding: 0;
	border: none;
	background: url(/maker/nitto-kogy/products/box/images/img_h1_231201.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock_lead {
	padding: 0px 8px 25px;
	background: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.l-content .titleBlock__h2 {
	position: relative;
	width: 950px;
	height: 147px;
	margin: 0 0 30px;
	padding: 0;
	border: none;
	background: url(/maker/nitto-kogy/products/box/images/img_h2.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock {
	margin: 0 0 20px 0;
	line-height: 1.3;
	background-color: #333;
	border-style: solid;
	border-width: 0px 4px;
	-moz-border-image: url(/pr/vona/fs/tape/images/title_border.png) 0 4 round;
	-webkit-border-image: url(/pr/vona/fs/tape/images/title_border.png) 0 4 round;
	-o-border-image: url(/pr/vona/fs/tape/images/title_border.png) 0 4 round;
	border-image: url(/pr/vona/fs/tape/images/title_border.png) 0 4 round;
}
.l-content .titleBlock .titleBlock__container .titleBlock__main {
	float: left;
	border-left: 5px solid #CE7302;
	padding: 0px 0px 0px 10px;
	margin: 14px 14px 3px;
	font-size: 19px;
	color: #fff;
}
.l-content .titleBlock .titleBlock__container img {
	margin: 12px 0 0 10px;
}

.l-content .innerBox {
	width: 950px;
	margin: 0 auto;
}

.l-content .btnLink a.button--l {
	width: 384px;
	height: auto;
	margin: 0 auto 50px;
	padding: 10px 0 9px;
	font-size: 14px;
}

.l-content .titleBlock_ancLink {
	width: 950px;
	margin: 0 0 30px;
}
.l-content .titleBlock_ancLink > li {
	float: left;
	width: 230px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 1.3em;
}
.l-content .titleBlock_ancLink > li.anc01 {
	margin-left: 0;
}
.l-content .titleBlock_ancLink > li.anc04 {
	float: right;
}
.l-content .titleBlock_ancLink > li.anc01 a.m-btn--down {
	width: 230px;
	height: 35px;
	padding: 10px 5px 10px 20px;
	text-align: center;
}
.l-content .titleBlock_ancLink > li.anc02 a.m-btn--down {
	width: 230px;
	height: 35px;
	padding: 10px 5px 10px 20px;
	text-align: center;
}
.l-content .titleBlock_ancLink > li.anc03 a.m-btn--down {
	width: 230px;
	height: 35px;
	padding: 10px 5px 10px 20px;
	text-align: center;
}
.l-content .titleBlock_ancLink > li.anc04 a.m-btn--down {
	width: 230px;
	height: 35px;
	padding: 10px 5px 10px 20px;
	text-align: center;
}
.l-content .titleBlock_ancLink > li a.button--default {
	background-image: url(data:image/gif;base64,R0lGODlhCwAIAKIHAHie0R1fudTd6nac0dXe6h5guQBLsf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyNWE1YTc5LTgyYmItYzU0OC1hZGYzLWQ1YTc1Yzk2ZjZlMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQTMzMkI2QTQ0MTgxMUU3ODFBMkEwRjNDOTg1RDQ4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQTMzMkI2OTQ0MTgxMUU3ODFBMkEwRjNDOTg1RDQ4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MTgxNjAwLTNlZTUtMjY0OS05ZTlmLWNhZWRjOTk3YjBkMyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmU1YTQ5YjcwLTQ0MTUtMTFlNy04ODBhLWJjNzFlMTQwMjZhNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAcALAAAAAALAAgAAAMeCLfMYKqtYQKUtAg7WCaHUBjdx4jGWIANobKSCx8JADs=);
}

/* .aboutBox */
.l-content .aboutBox .media {
	width: 890px;
	margin: 0 auto;
}
.l-content .aboutBox .media .media__image--left {
	margin-right: 45px;
}
.l-content .itemBox .media__main p {
	font-size: 14px;
	margin: 20px 0px 30px 30px;
}

/* dl.pickup          */
/* .itemBox dl.pickup */

.l-content .itemBox dl.pickup {
	width: 918px;
	margin: 0 auto 15px;
	border: 1px solid #bfbfbf;
}
.l-content .itemBox dl.pickup > dt {
	padding: 8px 16px;
	background: #434343;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.l-content .itemBox dl.pickup > dd {
	width: 890px;
	margin: 0 auto 20px;
	padding: 20px 14px 0;
}
.l-content .itemBox dl.pickup > dd dl.feature > dt {
	margin: 0 0 5px;
	font-weight: bold;
}
/* .item01Box dl.pickup */
.l-content .item01Box dl.pickup > dd dl.feature {
	float: right;
	width: 655px;
}
.l-content .item01Box dl.pickup > dd dl.feature ul.imgList > li.img01 {
	float: left;
	width: 282px;
}
.l-content .item01Box dl.pickup > dd dl.feature ul.imgList > li.img02 {
	float: right;
	width: 356px;
}
.l-content .item01Box dl.pickup > dd dl.feature ul.imgList > li.img03 {
	clear: both;
	float: left;
	width: 597px;
	margin-top: 25px;
}
.l-content .item01Box dl.pickup > dd dl.feature ul.imgList > li img {
	display: block;
}
/* .item03Box dl.pickup */
.l-content .item03Box dl.pickup > dd dl.feature {
	float: right;
	width: 400px;
}
/* .item04Box dl.pickup */
.l-content .item04Box dl.pickup > dd {
	width: 870px;
}
.l-content .item04Box dl.pickup > dd dl.feature {
	float: right;
	width: 635px;
}
/* dl.pickup */

/* ul.itemList          */
/* .itemBox ul.itemList */
.l-content .itemBox {
	margin-bottom: 50px;
}
.l-content .itemBox ul.itemList {
	margin: 0 auto 25px;
}
.l-content .itemBox ul.itemList > li {
	float: left;
	margin-left: 10px;
}
.l-content .itemBox ul.itemCol4 > li {
	border: 1px solid #bfbfbf;
	width: 204px;
	margin-left: 12px;
	background-color: #fff;
	padding: 15px 11px 10px;
}

.l-content .itemBox ul.itemCol4 > li.widebox {
	border: 1px solid #bfbfbf;
	width: 444px;
	height: 392px;
	margin-left: 12px;
	background-color: #fff;
	padding: 15px 11px 10px;
}
.l-content .itemBox ul.itemCol4 > li.widebox dl dt.image {
	width: 207px;
	position:absolute;
	padding: 46px 0px 0px 0px;
}
.l-content .itemBox ul.itemCol4 > li.widebox dl dt.copy {
	position:absolute;
	margin: 0 0 5px;
	color: #333;
	text-align: left;
	padding: 293px 0px 0px 0px;
}
.l-content .itemBox ul.itemCol4 > li.widebox dl dt.date {
	margin: 15px 9px 10px 235px;
	padding: 2px 16px;
	color: #d00;
	font-size: 11px;
	border: 1px solid #d00;
	vertical-align: middle;
	letter-spacing: -0.05em;
}
.l-content .itemBox ul.itemCol4 > li.widebox dl dd.s_name {
	margin: 15px 9px -15px 235px;
	padding: 2px 4px;
	font-weight:bold;
}
.l-content .itemBox ul.itemCol4 > li.widebox dl dd.btn a {
	width:auto;
	display: block;
	box-sizing: border-box;
	padding: 4px 2px 4px;
	margin: 15px 9px 10px 235px;
	border-radius: 2px;
	background-color: #ff730a !important;
	box-shadow: inset 0 1px 0 0 #ffab6c, 0 2px 0 0 rgba(0,0,0,0.1);
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMBAMAAABCcoqQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURQAAAP///////////////////////////////////////////////////////6FIq5sAAAAOdFJOUwA0/u/wYmNkBOChChARXGolTAAAACxJREFUCNdjKDJkAAJ2ZQEQlQTmsCFzuF42AMkgRyDBqiKAykwCMRnObgASAO6EB2im/ImLAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: 11px center;

}

.l-content .itemBox ul.itemList > li:first-child {
	margin-left: 0;
}
.l-content .itemBox ul.itemList > li.last {
	float: right;
	margin-left: 0;
}
/* .l-content .itemBox ul.itemList > li a {
	display: block;
	border: 1px solid #bfbfbf;
}
.l-content .itemBox ul.itemCol4 > li a {
	padding: 15px 12px 10px;
} */
.l-content .itemBox ul.itemCol5 > li a {
	width: 160px;
	padding: 10px 7px;
}
.l-content .itemBox2 .innerBox ul.itemList {
	margin: 0 auto 12px;
}
.l-content .itemBox2 ul.itemList > li {
	float: left;
	margin-left: 10px;
}

.l-content .itemBox2 ul.itemCol5_1 > li a {
	padding: 0 0px;
}

.l-content .itemBox ul.itemList > li a,
.l-content .itemBox ul.itemList > li a:hover {
	text-decoration: none;
}
.l-content .itemBox ul.itemList > li .image,
.l-content .itemBox ul.itemList > li .s_name,
.l-content .itemBox ul.itemList > li .name,
.l-content .itemBox ul.itemList > li .copy,
.l-content .itemBox ul.itemList > li .copy2,
.l-content .itemBox ul.itemList > li .date,
.l-content .itemBox ul.itemList > li .btn {
	display: block;
	text-align: center;
}
.l-content .itemBox ul.itemList > li .image {
	margin: 0 auto;
	padding: 7px 0px 11px 0px;
}
.l-content .itemBox ul.itemCol4 > li .image {
	width: 207px;
}
.l-content .itemBox ul.itemList > li a .maker {
	margin: 0 0 5px;
	color: #333;
	text-align: left;
}
.l-content .itemBox ul.itemCol5 > li a .maker {
	padding-left: 4px;
	font-weight:bold;
}
.l-content .itemBox ul.itemList > li .name {
	height: 55px;
	font-size: 13px;
	font-weight: bold;
	padding-top: 2px;
	border-bottom: 1px dotted #AEAEAE;
}
.l-content .itemBox ul.itemCol5 > li .name {
	padding-left: 4px;
	font-size: 13px;
}
.l-content .itemBox ul.itemCol4 > li .s_name {
	padding: 2px 4px;
	font-weight:bold;
}

.l-content .itemBox ul.itemList > li .copy {
	margin: 0 0 5px;
	color: #333;
	text-align: left;
}
.l-content .itemBox ul.itemCol4 > li .copy {
	padding-left: 0px;
	height: 36px;
}
.l-content .itemBox ul.itemCol4 > li .copy2 {
	padding-left: 0px;
	height: 106px;
}
.l-content .itemBox ul.itemCol4 > li .btn a {
	width:auto;
	display: block;
	box-sizing: border-box;
	padding: 4px 2px 4px;
	margin: 0px 2px 0px;
	border-radius: 2px;
	background-color: #ff730a !important;
	box-shadow: inset 0 1px 0 0 #ffab6c, 0 2px 0 0 rgba(0,0,0,0.1);
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMBAMAAABCcoqQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURQAAAP///////////////////////////////////////////////////////6FIq5sAAAAOdFJOUwA0/u/wYmNkBOChChARXGolTAAAACxJREFUCNdjKDJkAAJ2ZQEQlQTmsCFzuF42AMkgRyDBqiKAykwCMRnObgASAO6EB2im/ImLAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: 11px center;
}
.l-content .itemBox .btn2 a {
	width: 432px;
	margin: 40px auto 20px;
	display: block;
	box-sizing: border-box;
	padding: 16px 2px 16px;
	border-radius: 2px;
	background-color: #0169C6 !important;
	box-shadow: inset 0 1px 0 0 #67a5dd, 0 2px 0 0 rgba(0,0,0,0.1);
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.015em;
	color: #fff !important;
	text-decoration: none !important;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMBAMAAABCcoqQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURQAAAP///////////////////////////////////////////////////////6FIq5sAAAAOdFJOUwA0/u/wYmNkBOChChARXGolTAAAACxJREFUCNdjKDJkAAJ2ZQEQlQTmsCFzuF42AMkgRyDBqiKAykwCMRnObgASAO6EB2im/ImLAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: 11px center;
}
.l-content .itemBox p.caution {
	margin: 20px auto 60px;
	text-align:center;
}

.l-content .itemBox ul.itemList > li a .price {
	margin: 0 0 10px;
	color: #333;
	text-align: right;
}
.l-content .itemBox ul.itemList > li a .price strong {
	font-size: 16px;
}
.l-content .itemBox ul.itemList > li .date {
	margin: 15px 3px 10px;
	padding: 2px 16px;
	color: #d00;
	font-size: 11px;
	border: 1px solid #d00;
	vertical-align: middle;
	letter-spacing: -0.05em;
}

/*
.l-content .itemBox ul.itemList > li a .info {
	margin: 0 auto;
	padding: 0 0 18px;
}
.l-content .itemBox ul.itemList > li a .info img {
	margin: 0 auto;
	padding: 11px 0 18px;
}
*/

/* .item01Box ul.itemList */
.l-content .item01Box ul.itemList01_01 > li a {
	border: none;
}
/* .item03Box ul.itemList */
.l-content .item03Box ul.itemList03_01 {
	float: left;
	width: 470px;
}
.l-content .item03Box ul.itemList03_01 > li {
	width: 230px;
}
.l-content .item03Box ul.itemList03_01 > li a {
	width: 198px;
	padding: 10px 15px;
}
.l-content .item03Box ul.itemList03_01 > li a .image {
	width: 165px;
	padding: 10px 0 35px;
}
.l-content .item03Box ul.itemList03_02 > li {
	width: 300px;
}
.l-content .item03Box ul.itemList03_02 > li a {
	width: 258px;
	padding: 10px 20px;
}
.l-content .item03Box ul.itemList03_02 > li a .image {
	width: 210px;
	padding: 15px 0 30px;
}
.l-content .item03Box ul.itemList03_02 > li a .name {
	height: 60px;
}
/* .item04Box ul.itemList */
.l-content .item04Box ul.itemList04_01 > li a {
	border: none;
}
.l-content .item04Box ul.itemList04_01 > li a .image {
	padding: 35px 0 45px;
}
/* ul.itemList */

.l-content .m-btn--center2 {
    width: 340px;
    margin: 40px auto 30px;
    padding-bottom: 30px;
    text-align: center;
}
.l-content .m-btnList--center2 {
	display: table;
	margin: 40px auto 0;
	padding-bottom:30px;
}
.l-content .m-btnList--center2 > li {
	display: table-cell;
	padding-right: 53px;
	padding-left: 47px;
	vertical-align: middle;
}


/*　170817_IE崩れ修正　*/
.l-content .banner {
	margin: auto;
	width: 910px;
	height: 383px;
	border:3px solid #E3E3E3;
	background-color: #E3E3E3;
}
.l-content .banner .name {
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	vertical-align: middle;
	padding-left:20px;
	padding-top:14px;
	background-color: #FFF;
	width: 890px;
    height: 42px;
}
.l-content .banner .detail {
	margin-top: 3px;
	margin-left: 0px;
	background-color: #FFF;
	width: 910px;
	height: 324px;
}
.l-content .banner .detail .nitto {
	width: 100%;
}
.l-content .banner .detail .nitto .logo {
	float:left;
	margin:	26px 4px 0px 40px;
}
.l-content .banner .detail .nitto .copy {
	float:left;
	margin:	26px 50px 0px 30px;
	font-size:14px;
	width: 586px;
}
.l-content .banner .detail .info {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	padding: 18px 25px;
	background-color: #F3F3F3;
}
.l-content .banner .detail .info2 {
	margin: 20px 240px -30px 240px;
	line-height: 1.3;
	background-color: #fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color: #0169C6;
	background:url(/maker/nitto-kogy/products/box/images/title_border_l.png) no-repeat left top;
	background-position: left top;
}
.l-content .banner .detail .info2 span.bg{
	background:url(/maker/nitto-kogy/products/box/images/title_border_r.png) no-repeat left top;
	background-position: right top;
	display: block;
}
.l-content .banner .detail .btn2 a {
	width: 432px;
	margin: 40px auto 20px;
	display: block;
	box-sizing: border-box;
	padding: 16px 2px 16px;
	border-radius: 2px;
	background-color: #0169C6 !important;
	box-shadow: inset 0 1px 0 0 #67a5dd, 0 2px 0 0 rgba(0,0,0,0.1);
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.015em;
	color: #fff !important;
	text-decoration: none !important;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMBAMAAABCcoqQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURQAAAP///////////////////////////////////////////////////////6FIq5sAAAAOdFJOUwA0/u/wYmNkBOChChARXGolTAAAACxJREFUCNdjKDJkAAJ2ZQEQlQTmsCFzuF42AMkgRyDBqiKAykwCMRnObgASAO6EB2im/ImLAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: 11px center;
}

