@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content img {
	vertical-align: bottom;
}
.l-content .section {
  margin-bottom: 50px;
}
.l-content .sectionInner {
  margin-bottom: 35px;
}
.l-content .h3Inner {
  padding: 0 20px;
  margin-bottom: 20px;
}
.l-content .notes {
  margin: 0;
  padding: 0;
}
.l-content .txtStrong{
  font-size: 14px;
  font-weight: bold;
}


/* categoryNavi */
.l-content .categoryNavi{
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
.l-content .categoryNavi li{
	display: table-cell;
	vertical-align: middle;
	width: 25%;
}
.l-content .categoryNavi li a{
	display: block;
	text-align: center;
	padding: 8px 0;
	border-left: 2px solid #FFF;
	background: #f0f6fa;
	font-size: 14px;
}
.l-content .categoryNavi li.active a{
	background: #d3e3ed;
	font-weight: bold;
}
.l-content .categoryNavi li:first-child a{
	border-left: none;
}
.l-content .categoryNavi li a span{
	text-align:left;
	display:inline-block;
	padding-left:16px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIyMzA1QThBRDQ2NTExRTVBRTE5RjBEOUNFM0QxRTVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIyMzA1QThCRDQ2NTExRTVBRTE5RjBEOUNFM0QxRTVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjIzMDVBODhENDY1MTFFNUFFMTlGMEQ5Q0UzRDFFNUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjIzMDVBODlENDY1MTFFNUFFMTlGMEQ5Q0UzRDFFNUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5dlNNBAAAAJ0lEQVR42mJwy9r9HwgYYBhMIAvCZWCCDMjKQYLYVaCYgW4LQIABAJgST6j7SDzgAAAAAElFTkSuQmCC") left center no-repeat;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* mainBlock */
.l-content .mainBlock {
  background: #ececec;
  padding: 22px 20px;
  margin-bottom: 50px;
}
.l-content .mainBlock .h1Ttl {
  width: 910px;
  height: 129px;
  margin-bottom: 20px;
  border: none;
  background: url("/pr/vona/fs/cutting-tool/endmill/processing/img/leadmain.png") no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .mainBlock .leadBox {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURf///w8hi6hr2wgAAAAOSURBVAjXY1jAEMAAxAAIKAHh7A8ADQAAAABJRU5ErkJggg==") repeat;
  padding: 5px;
  margin-bottom: 14px;
}
.l-content .mainBlock .leadBox .inner {
  display: table;
  width: 900px;
  height: 137px;
  background: #FFF;
}
.l-content .mainBlock .leadBox .inner .ttl {
  display: table-cell;
  width: 154px;
  vertical-align: middle;
}
.l-content .mainBlock .leadBox .inner .ttl img {
  margin-left: 17px;
}
.l-content .mainBlock .leadBox .inner .box {
  display: table-cell;
  vertical-align: middle;
}
.l-content .mainBlock .leadBox .inner .box .list li {
  margin-top: 8px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAUCAMAAABGQsb1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADPUExURf///4SNw4KLwhorkBsskcfM5IaPxFJSUg8hi8fL5MbK4xkrkMXJ4/T1+hgqkGVwtEVJXRcoj5+m0ZScy4iRxomSxoeQxZigzZKayoqTx0dVptrd7f7+/9bZ65ujz3N9u6Go0vz8/p2k0BIkjF5qsfn6/BEjjKmw1lRhrBMkjfb2+ra73DVEnRUmjvLz+Zykz9LV6RUlhsnN5WFtszJBnMDF4UhLWx0ukhkog9TX6kFPo+Hj8Ovt9REjifHy+BYmhefo80pYqDlIn09QVTFAm3dbtegAAAC1SURBVCjPhdLXEoIwEAXQVUGulWLvvffeu///TRqIoAh6n3b27GQ2mZDkEDISyZG7FopE5qQZ3imX8q4akesVXqdEu2767QavYxDET9XUS5fXaQBC4E1vMrbH16T3qfBZrKxx3VvnGBzkDe2A+/l9Bw/jkM7DGXDafe5vcJhoPAcmS/vd/Yyj4ZEKrBTp62V0brKRqfStlISewYKclOIMOz1yVkoAtRa5KWWyVXJXh86Pv/FPH+QGDwJyz0m9AAAAAElFTkSuQmCC") no-repeat 0 3px;
  font-size: 17px;
  font-weight: bold;
  padding: 0 10px 0 37px;
}
.l-content .mainBlock .leadBox .inner .box .list li:first-child {
  margin-top: 0;
}
.l-content .mainBlock .voiceBox {
  background: url("/pr/vona/fs/cutting-tool/endmill/processing/img/bg_voice.png") no-repeat right bottom #FFF;
  padding-bottom: 17px;
}
.l-content .mainBlock .voiceBox .ttl {
  font-size: 19px;
  font-weight: bold;
  padding: 10px 14px;
  border-left: 4px solid #0f218b;
  margin-bottom: 5px;
  margin-left: 14px;
}
.l-content .mainBlock .voiceBox .box {
  padding: 0 183px 0 43px;
}
.l-content .mainBlock .voiceBox .box .list li {
  margin-top: 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAIAAABLMMCEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MjVhNWE3OS04MmJiLWM1NDgtYWRmMy1kNWE3NWM5NmY2ZTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThFNDM4ODlEMUQyMTFFOEIwOEJBQkYzMTczMzQ4QTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NThBMTEzNUJEMUQyMTFFOEIwOEJBQkYzMTczMzQ4QTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQzMDI5ZTBlLWFhMDItNGE0NC04NzM5LTljNjgzODIxY2FjOSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhkMjQ0ZTYwLTRmM2QtNGM0NS04MTc0LWUxYTFmNzdlM2JmNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoGojRYAAAAvSURBVHjaYuRX7GZABYZ60kyYQkb6MkyYQkAGE6YQQhRZCCqKJgQSxRQCAoAAAwAybQcNVdg6mwAAAABJRU5ErkJggg==") no-repeat 0 5px;
  padding-left: 11px;
}
.l-content .mainBlock .voiceBox .box .list li:first-child {
  margin-top: 0;
}


/* specialBox */
.l-content .specialBox {
  display: table;
  width: 910px;
  margin-bottom: 20px;
}
.l-content .specialBox .specialL {
  display: table-cell;
  vertical-align: top;
  width: 432px;
}
.l-content .specialBox .specialR {
  display: table-cell;
  vertical-align: top;
  width: 478px;
}


/* numberList */
.l-content .numberList li {
  margin-top: 18px;
  display: table;
}
.l-content .mainBlock .voiceBox .box .list li:first-child {
  margin-top: 0;
}
.l-content .numberList li .no {
  display: table-cell;
  width: 30px;
  vertical-align: top;
}
.l-content .numberList li .no span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 20px;
  height: 20px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.l-content .numberList li .no span.no01 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURZmZmaSkpNvb27q6ut3d3cjIyJubm////+Xl5f39/f7+/qenp6WlpaamptLS0ru7u9ra2sTExN7e3p6enr29vbOzs/z8/JycnKioqN/f36mpqZ+fn6ysrL+/v/n5+ezs7NVb46YAAACWSURBVBjTbdFZFoMgDAXQMMik4Ny5df+7bIEY6NF8SLwHEJ6gY1m5eDU/FmnTK8THvQWsdkJ0DVTVuIRoz/WVNaLEKW9tciM1WJbb9bMjs8BTE7bf/ogwQJ9GoysU0O2fNYQdXI+oYD7D29ny/ogCj/SHAx2+ILuUawYT6JoUCMWUoxtrGx2GPJWQJSWvLRdeKS94/h1fe0YGFsiy9nIAAAAASUVORK5CYII=");
}
.l-content .numberList li .no span.no02 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABsUExURZmZmZ+fn5ubm7+/v/39/d3d3cjIyP///+Xl5bOzs9nZ2dvb27q6uv7+/qSkpKenp6Wlpaampt/f38zMzPn5+aysrOzs7Lu7u9ra2sTExN7e3p6enr29vdLS0qioqPz8/JycnKmpqfLy8rm5uTqpq7AAAAC6SURBVBjTTVHnGoMgEDsEPHHv1tX5/u9Yb1jNj/tCwBgCIMH5tYmW9+odL4FGW4GimlUsYrggLlgULXTdICqJnphJ2MYQ9wiuJJJiv6WIG/HSQcbfIFra+fDiDjc23H0AOp4AOdRsGcI+E2xZrOF1ZDG7Z2AWwaLaMLKviA8htsdx0P1afgRfxNQcRrlEMvu5QNBIHN6igsM/5Zo2Ueg1j0LOmqS66apNhZY8nyX7f/PosryJoibP5Dl+PFQIgnb0tHYAAAAASUVORK5CYII=");
}
.l-content .numberList li .no span.no03 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURZmZmaampp+fn5ubm9/f37Ozs8jIyP////39/d3d3b+/v7m5ufn5+bq6utvb2/7+/qSkpKenp8zMzPLy8qWlpeXl5dLS0tra2ru7u8TExN7e3p6enr29vezs7KysrMbGxqioqJycnPz8/KmpqdnZ2ZAO9aMAAADGSURBVBjTTVHZAoMgDCuXBUTdxF266a7//8bZ0m32QWKgTQiAVD5clZle1+D5F+hj9yC1H4XsKthU1THJnK77RRWWyEBoTtR2ZDYg+B2BjLl/I0bCOw8trTUmDWDxwEdPcKYlHqjziJbJBgZR1W5J6BgO8BDSkV/N0MD0OxmzzDRw55m9YzlUpZ2FLEusE+YixJYiYg3qhkksFfM3TmfdIfNPuabuMybrvteUQDYxleguW+7SScjjP+TwSx592yhjVNOW5/gAvGIJCNFW478AAAAASUVORK5CYII=");
}
.l-content .numberList li .no span.no04 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURZmZmZubm6ampqSkpP39/d3d3cjIyP///8zMzOXl5f7+/tvb27q6uqenp6Wlpfn5+bu7u9ra2sTExN7e3p6enr29vdLS0qysrLOzs+zs7J+fn/z8/KioqN/f35ycnL+/v6mpqdnZ2bm5ucf37KIAAACjSURBVBjTZZFZDsMgDETNFhdCQvYm6d77H7ICzCJ1PhjzhCV7APSSauVsea9Khiv449EBqZsJmgYqNSbAxK47D9RDlZjDSygUghSRnQcSFBJaevjBBGGEIRZf1DpBC31w7tyZYQ/P4AfukCGDxdvm7xW8e9NIovbhH9o8UtU+5uELFLeyJmz6ldYsgaSYYnRTzSZDIc8lZJWTR9lazhi3bfyOH2b6B1tSKmqoAAAAAElFTkSuQmCC");
}
.l-content .numberList li .txt {
  display: table-cell;
  width: auto;
  vertical-align: top;
  padding-top: 2px;
}


/* VN_toggleArea */
.l-content .VN_toggleArea {
  margin: 0 20px;
}
.l-content .m-btn--viewmore {
  display: block;
  text-align: left;
  background-position: 6px 3px;
  padding: 5px;
  color: #333333;
  font-size: 12px;
}
.l-content .m-btn--viewmore.on {
  background-position: 6px -47px;
}
.l-content a.m-btn--viewmore:link {
  color: #333333;
}
.l-content a.m-btn--viewmore:hover {
  text-decoration: none;
}
.l-content .VN_toggleSwitch {
  border-left: 1px solid #b7b7b7;
  border-right: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  padding: 20px 20px 40px;
}


/* stepBox */
.l-content .stepBox .ttl {
  display: table;
  margin-bottom: 22px;
}
.l-content .stepBox .ttl .icon {
  display: table-cell;
  width: 62px;
}
.l-content .stepBox .ttl .icon strong {
  display: block;
  background: #0f218b;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  width: 53px;
  padding: 2px 0;
}
.l-content .stepBox .ttl .txt {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  font-weight: bold;
}
.l-content .stepBox .pic {
  width: 805px;
  margin: 0 auto 20px;
  text-align: center;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAAmCAMAAAD5ueXLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACWUExURcvLy/z8/NXV1eDg4M7OzszMzP39/f////7+/s3Nzfn5+c/Pz+7u7tbW1tLS0ujo6Pr6+tnZ2dHR0fPz8/f39/b29uPj4+3t7fv7+9TU1PDw8Onp6dDQ0N/f39PT0/j4+Nra2ubm5uHh4dvb293d3fLy8vT09N7e3tjY2NfX1+Tk5PHx8evr6+Xl5fX19e/v7+rq6uzs7EfHfysAAAFXSURBVFjDvddHdoMwAEVRiIEncMO9916T7H9zceK4GxAgwZx/Rzp6MlqWkdVntQy8SkZYxcMAym4Glls+Sb8ajQ/t2EeDi4ZoasaagpsGtZJGq1T7Vy4a5kAbNjB51qCQ12LlCzfiTsMfa8DGPu81+FJ9Ftzew/6jRr2oFCvWCdMQB1uZZR8E4Rosh4qw4fJl+1XDySnBcg4yGnT7qa1+993wW432LCU2ayOvwT7NtWftA1aDNEabxNhmRFwNMUl2FuyJIL4Gx04CrHMMWQzTcKaxsalDUg121VhWdRc+F6FhzmNg8zbpNJBOQOs7citaw1tLYWsPFZpUAv4FnBotOgHPAadIi0rApkClBovgs1BdyI5Ia5irAGxlol4LSMD7gFOq4b8+hyo+ujTouWEBp1p7TMDngFOuIbaXa8/eCnRr1+fQ9eGiVzsnYM4hG+2UgJ3PRP/9AAzFQkk7zEXpAAAAAElFTkSuQmCC") no-repeat bottom center;
  padding-bottom: 50px;
}
.l-content .stepBox .pic.lastPic {
  margin: 0 auto;
  background: none;
  padding-bottom: 0;
}


/* itemList */
.l-content .itemList {
  margin: 0 -10px 0 0;
  letter-spacing: -0.4em;
}
.l-content .itemList .item {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0;
  border: 1px solid #b7b7b7;
  width: 172px;
  padding: 11px 0 17px;
}
.l-content .itemList .item .pic {
  width: 150px;
  margin: 0 auto 8px;
}
.l-content .itemList .item .name {
  padding: 0 11px;
  margin-bottom: 15px;
  font-weight: bold;
}
.l-content .itemList .item .name a:link {
	text-decoration: none;
}
.l-content .itemList .item .price {
  padding: 0 11px;
  text-align: right;
  margin-bottom: 20px;
}
.l-content .itemList .item .price strong {
  font-size: 21px;
  font-weight: bold;
  margin-left: 8px;
}
.l-content .itemList .item .price .yen {
  font-size: 10px;
}
.l-content .itemList .item .price.priceTxt {
  font-size: 11px;
  text-align: left;
  padding: 0 12px;
}
.l-content .itemList .item .shipment {
  padding: 0 11px;
  font-size: 10px;
}
.l-content .itemList .item .shipment .mark {
  color: #0f218b;
}
.l-content .itemList .item .shipment .day {
	display: inline-block;
}
.l-content .itemList .item.box_hover {
  cursor: pointer;
}
.l-content .itemList .item.box_hover .pic img {
  opacity: 0.75;
}