/* ====================================== */
/* clearfix */
.clearfix:after, .colRight .whatsnew > .boxshadow > ul > li:after, .colRight .whatsnew > .boxshadow .date:after { content: ""; display: table; clear: both;}
.clearfix, .colRight .whatsnew > .boxshadow > ul > li, .colRight .whatsnew > .boxshadow .date { /* clearfix is already applied */}

/* ====================================== */
/* main */
.mainImage { overflow: hidden; position: relative; width: 100%; height: 293px; behavior: url("/common/js/PIE.htc"); background: #f0f4f9; margin-top: 104px;}
.mainImage .bx-viewport { overflow: visible !important;}
.mainImage .slides { position: relative; margin: 0 auto; max-width: 960px; width: 100%; height: 100%; background: #fff;}
.mainImage .before, .mainImage .after { position: absolute; top: 0; display: block; content: ""; width: 50%; height: 100%;}
.mainImage .before { left: 0;}
.mainImage .after { right: 0;}
.mainImage .bx-wrapper { position: relative; margin: 0 auto; max-width: 960px !important; width: 100%;}
.mainImage .bx-pager { position: absolute; top: 259px; left: 405px; width: 160px; height: 11px; text-align: center; z-index: 100;}
.mainImage .bx-pager > div { display: inline-block; margin: 0 0 0 5px; cursor: pointer;}
.mainImage .bx-pager > div:first-child { margin: 0;}
.mainImage .bx-pager a { display: block; width: 11px; height: 11px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: #ccc; border: 1px solid #fff;}
.mainImage .bx-pager a.active { border: none; background: #c3db61; border: 1px solid #c3db61;}
.mod_main { padding: 30px 0; width: 100%; background: #fff;}
.mod_main .ichimatsu { padding: 7px; background: url("/common/images/bg_ichimatsu_01.png"); border: 1px solid #dbdfe3;}
.mod_main .boxshadow { position: relative; background: #fff; border: 1px solid #ccc;}
.mod_main .boxshadow:before, .mod_main .boxshadow:after { position: absolute; content: ""; top: 50%; right: 50px; bottom: 4px; left: 50px; border-radius: 100px / 10px; behavior: url("/common/js/PIE.htc"); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); z-index: -1;}
.mod_main .boxshadow:after { right: 10px; left: auto; -ms-transform: skew(8deg) rotate(3deg); -webkit-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg);}

/* Left Right */
.colLeft h2, .colRight h2 { clear: both; margin: 0 0 10px;}

/* Left side */
.colLeft { float: left; width: 350px;}
.colLeft .recommendProducts h2 { margin-bottom: 22px; height: 15px;}
.colLeft .recommend { position: relative; margin: -10px 0 28px 0; width: 100%; height: 220px;}
.colLeft .recommend:before, .colLeft .recommend:after { position: absolute; top: 50%; display: block; content: ""; margin-top: -22px; width: 44px; height: 44px; behavior: url("/common/js/PIE.htc"); border-radius: 22px; background: rgba(118, 130, 143, 0.1); z-index: 10;}
.colLeft .recommend:before { left: -19px;}
.colLeft .recommend:after { right: -19px;}
.colLeft .recommend .slides { position: relative; width: 100%; height: 172px; z-index: 20;}
.colLeft .recommend .slides li { position: relative; display: table; width: 100%; height: 205px; background: #fff; z-index: 20;}
.colLeft .recommend .slides li > a { display: block;}
.colLeft .recommend .slides li > a:hover { text-decoration: none; background: #f0f2f4;}
.colLeft .recommend .slides li:hover { background: #f0f2f4;}
.colLeft .recommend .bx-prev, .colLeft .recommend .bx-next { position: absolute; top: 50%; display: block; margin-top: -16px; width: 32px; height: 32px; behavior: url("/common/js/PIE.htc"); background-color: #fff; overflow: hidden; text-indent: 100%; white-space: nowrap; border-radius: 16px; z-index: 30;}
.colLeft .recommend .bx-prev:before, .colLeft .recommend .bx-next:before { position: absolute; content: ""; display: block; top: 50%; margin-top: -8px; width: 10px; height: 15px;}
.colLeft .recommend .bx-prev:active, .colLeft .recommend .bx-next:active { behavior: url("/common/js/PIE.htc"); box-shadow: 0 2px 4px rgba(51, 51, 51, 0.5) inset;}
.colLeft .recommend .bx-prev:active:before, .colLeft .recommend .bx-next:active:before { margin-top: -7px;}
.colLeft .recommend .bx-prev { left: -13px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: linear-gradient(to right bottom, #ffffff 0%, #ffffff 45%, #c9c9c9 100%);}
.colLeft .recommend .bx-prev:before { right: 11px; background: url("/common/images/img_arrow_blue_prev.png") no-repeat;}
.colLeft .recommend .bx-next { right: -13px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuMCIgeDI9IjAuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: linear-gradient(to left bottom, #ffffff 0%, #ffffff 45%, #c9c9c9 100%);}
.colLeft .recommend .bx-next:before { left: 11px; background: url("/common/images/img_arrow_blue_next.png") no-repeat;}
.colLeft .recommend .image { display: table-cell; padding: 0 0 0 25px; width: 120px; height: 172px; vertical-align: middle;}
.colLeft .recommend .image img { border: 1px solid #ccc;}
.colLeft .recommend .image a:hover img { opacity: 0.65;}
.colLeft .recommend .body { display: table-cell; padding: 0 25px 0 15px; width: 182px; height: 172px; vertical-align: middle;}
.colLeft .recommend .body h3 { margin: 10px 0 8px; color: #0059B3; line-height: 1.4;font-size: 0.9em;}
.colLeft .recommend .body p { color: #333;font-size: 0.85em;}
.en .colLeft .recommend .body p { font-size: 0.9em;}
.colLeft .productSearch h2 { margin-bottom: 12px; height: 15px;}
.colLeft .search { position: relative; padding: 15px 20px; height: 113px; background: #fff; z-index: 100;}
.colLeft .search span { display: block; margin: 0 0 8px;font-size:0.95em;}
.colLeft .search input[type="text"] { padding: 5px 8px; width: 100%; height: 24px; border: 1px solid #829bb8;}
.colLeft .search input[type="submit"] { position: relative; padding: 0 30px; height: 22px; color: #020167; font-weight: bold; background-color: #fcfcfa; behavior: url("/common/js/PIE.htc"); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjZWJlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%); border-radius: 3px; border: 1px solid #003c73; box-shadow: 1px 0 0 #e6e1db, 0 -1px 0 #e6e1db, -1px 0 0 #e6e1db, 0 1px 0 #e6e1db, 2px 0 0 #bcd4f6 inset, 0 1px 0 #bcd4f6 inset, -2px 0 0 #bcd4f6 inset, 0 -1px 0 #bcd4f6 inset;font-size:0.85em;}
.colLeft .search input[type="submit"]:active { background-color: #ecebe6; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWJlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);}
.colLeft .search .button { margin: 10px 0 0 50px;}
.colLeft .search .button input { margin: 0 15px 0 0;}
.colLeft .search .button a { position: relative; color: #333; text-decoration: underline;font-size:0.85em;}
.colLeft .search .button a:after { position: absolute; content: ""; display: block; top: 50%; right: -18px; margin-top: -6px; width: 14px; height: 11px; background: url("/common/images/bg_arrow_sprite.png") no-repeat;}
.colLeft .boxshadow { margin-top: 20px; z-index: 0;}
.colLeft h2 + .boxshadow { margin: 0;}
.colLeft .laserSearch, .colLeft .stockInfo { position: relative; height: 79px; text-align: right; background: #fff; z-index: 100;}
.colLeft .laserSearch a:hover, .colLeft .stockInfo a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6;}
.colLeft .laserSearch img, .colLeft .stockInfo img { margin: 2px 2px 0 0;}
.colLeft .laserSearch { width: 199px;}
.colLeft .stockInfo { width: 132px;}

/* Right side */
.colRight { float: right; width: 570px;}
.colRight .productList { margin: 0 0 58px;}
.colRight .productList h2 { height: 17px;}
.colRight .productList li { overflow: hidden; position: relative; float: left; margin-left: 8px; width: 179px; height: 82px; behavior: url("/common/js/PIE.htc"); background-color: #fff; background-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); -pie-background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); border: 1px solid #fff;}
.colRight .productList li a { display: block; width: 179px; height: 80px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url("/images/index/img_nav_productList.png") no-repeat;}
.en .colRight .productList li a { background-image: url("/images/index/img_nav_productList_en.png");}
.colRight .productList li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6;}
.colRight .productList .n01, .colRight .productList .n04 { margin: 0;}
.colRight .productList .n04, .colRight .productList .n05, .colRight .productList .n06 { margin-top: 8px;}
.colRight .productList .n01 a { background-position: 0 0;}
.colRight .productList .n02 a { background-position: -188px 0;}
.colRight .productList .n03 a { background-position: -374px 0;}
.colRight .productList .n04 a { background-position: 0 -90px;}
.colRight .productList .n05 a { background-position: -188px -90px;}
.colRight .productList .n06 a { background-position: -374px -90px;}
.colRight .whatsnew { overflow: hidden; position: relative; z-index: 100;}
.colRight .whatsnew h2 { position: relative;}
.colRight .whatsnew h2 span { position: relative; top: -8px; float: right; display: block; border: 1px solid #b3c8e1; behavior: url("/common/js/PIE.htc"); background-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); -pie-background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);}
.colRight .whatsnew h2 span a { display: block; padding: 6px 8px; height: 13px;}
.colRight .whatsnew h2 span a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6;}
.colRight .whatsnew > .boxshadow { padding: 10px;}
.colRight .whatsnew > .boxshadow > ul > li { clear: both; margin: 0 15px; padding: 10px 0; border-top: 1px dotted #ccc;}
.colRight .whatsnew > .boxshadow > ul > li:first-child { border: none;}
.colRight .whatsnew > .boxshadow > ul { overflow: hidden; position: relative; width: 548px; height:360px;}
.colRight .whatsnew > .boxshadow > ul > li { margin: 0 23px 0 0; width: 525px;}
.colRight .whatsnew > .boxshadow > ul > li:first-child { padding-top: 0;}
.colRight .whatsnew > .boxshadow .date { float: left;}
.colRight .whatsnew > .boxshadow .publishdate { position: relative; float: left; display: block; padding: 0 0 0 21px;font-size:0.75em;}
.colRight .whatsnew > .boxshadow .publishdate:before { position: absolute; content: ""; display: block; top: 50%; left: 0; margin: -6px 0 0; width: 14px; height: 11px; background: url("/common/images/bg_arrow_sprite.png") no-repeat 0 0;}
.colRight .whatsnew > .boxshadow .icon { float: left; display: block; margin: 3px 10px; width: 75px; height: 13px; background: url("/common/images/bg_category.png") no-repeat;}
.colRight .whatsnew > .boxshadow .icon.new_product { background-position: 0 0;}
.colRight .whatsnew > .boxshadow .icon.release { background-position: 0 -13px;}
.colRight .whatsnew > .boxshadow .icon.inventory { background-position: 0 -26px;}
.colRight .whatsnew > .boxshadow .icon.dev_cases { background-position: 0 -39px;}
.colRight .whatsnew > .boxshadow .icon.exhibition { background-position: 0 -52px;}
.colRight .whatsnew > .boxshadow .icon.campaign { background-position: 0 -65px;}
.en .colRight .whatsnew > .boxshadow .icon { background-image: url("/common/images/bg_category_en.png");}
.colRight .whatsnew > .boxshadow .title { float: left; width: 330px; color: #333366; line-height: 1.4;}
.colRight .whatsnew > .boxshadow .title a { color: #333366;}
.colRight .whatsnew > .boxshadow .title h3 { font-weight: bold;font-size:0.9em;color:#333; line-height: 1.5;}
.colRight .whatsnew > .boxshadow .title p { margin: 5px 0 0;}

/* what's New scroll design. */
.ps-container .ps-scrollbar-x { position: absolute; bottom: 0; height: 8px; background-color: #aaa; behavior: url("/common/js/PIE.htc"); transition: background-color 0.2s linear;}
.ps-container.ie6 .ps-scrollbar-x { font-size: 0;}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999;}
.ps-container .ps-scrollbar-x-rail { position: absolute; bottom: 0; height: 8px; behavior: url("/common/js/PIE.htc"); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transition: background-color 0.2s linear, opacity 0.2s linear;}
.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9;}
.ps-container .ps-scrollbar-x-rail.in-scrolling { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9;}
.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6;}
.ps-container .ps-scrollbar-y { position: absolute; right: 0; width: 13px; behavior: url("/common/js/PIE.htc"); background-color: #3e6eb1; transition: background-color 0.2s linear;}
.ps-container.ie .ps-scrollbar-y { font-size: 0;}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9;}
.ps-container .ps-scrollbar-y-rail { position: absolute; right: 0; width: 13px; behavior: url("/common/js/PIE.htc"); background-color: #dee6f2; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transition: background-color 0.2s linear, opacity 0.2s linear;}
.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9;}
.ps-container .ps-scrollbar-y-rail.in-scrolling { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9;}
.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6;}

/* ====================================== */