@charset "utf-8";
.topWrapper,
.tech .techWrapper,
.recommendedProduct .productWrapper {
  margin-top: 18px;
}
.topPage .VN_alertBox {
  width: 910px;
  margin: 0 0 20px 290px;
}
.topPage.page1 .VN_alertBox {
  width: 660px;
}
.topRecommendTopicArea {
  margin: 30px 0 0 0;
}
.topRecommendTopicArea dl {
  float: left;
}
.topRecommendTopicArea dl dt {
  margin: 0 0 10px 0;
}
.topRecommendTopicArea .recommendTopicLeftBox {
  margin: 0 20px 0 0;
}
.page1 .topRecommendTopicArea dl.recommendTopicLeftBox {
  margin: 0 0 10px 0;
}
.page1 .topRecommendTopicArea dl dt,
.page1 .topRecommendTopicArea dl dd {
  float: left;
}
.page1 .topRecommendTopicArea dl dt {
  margin: 0 10px 0 0;
}
.page1 .topRecommendTopicArea dl dd {
  width: 200px;
}
.page1 .topLeftArea {
  float: left;
  width: 700px;
  margin-bottom: 0px;
}
.page1 .topCategory,
.page1 .topMaker {
  margin-bottom: 20px;
}
.page1 .topCategory {
  float: left;
  width: 243px;
  height: 462px;
  margin-right: 10px;
  background: url("/vcommon/common/img/sprite_top_bg.png") no-repeat 0 -1000px;
}
.page1 .topCategory h3,
.page1 .topMaker h3 {
  height: 37px;
  text-indent: -9999px;
}
.page1 .topCategory .topCategoryBtn {
  padding: 4px 0 0 5px;
}
.page1 .topCategory .topCategoryBtn .mechBtn,
.page1 .topCategory .topCategoryBtn .elBtn,
.page1 .topCategory .topCategoryBtn .fsBtn,
.page1 .topCategory .topCategoryBtn .pressBtn,
.page1 .topCategory .topCategoryBtn .moldBtn,
.page1 .topCategory .topCategoryBtn .mechBtn a,
.page1 .topCategory .topCategoryBtn .elBtn a,
.page1 .topCategory .topCategoryBtn .fsBtn a,
.page1 .topCategory .topCategoryBtn .pressBtn a,
.page1 .topCategory .topCategoryBtn .moldBtn a {
  display: block;
  width: 233px;
  text-indent: -9999px;
  background-image: url("/common/img/sprite_top_nav.png");
}
.page1 .topCategory .topCategoryBtn .mechBtn,
.page1 .topCategory .topCategoryBtn .mechBtn a {
  height: 84px;
  background-position: 0 -500px;
}
.page1 .topCategory .topCategoryBtn .elBtn,
.page1 .topCategory .topCategoryBtn .elBtn a {
  height: 83px;
  background-position: 0 -584px;
}
.page1 .topCategory .topCategoryBtn .fsBtn,
.page1 .topCategory .topCategoryBtn .fsBtn a {
  height: 83px;
  background-position: 0 -667px;
}
.page1 .topCategory .topCategoryBtn .pressBtn,
.page1 .topCategory .topCategoryBtn .pressBtn a {
  height: 83px;
  background-position: 0 -750px;
}
.page1 .topCategory .topCategoryBtn .moldBtn,
.page1 .topCategory .topCategoryBtn .moldBtn a {
  height: 84px;
  background-position: 0 -833px;
}
.page2 .topLeftArea {
  float: left;
  width: 950px;
}
.page2 .topCategory,
.page2 .topMaker {
  margin-bottom: 20px;
}
.page2 .topCategory {
  float: left;
  width: 343px;
  height: 465px;
  margin-right: 10px;
  background: url("/vcommon/common/img/sprite_top_bg.png") no-repeat 0 0;
}
.page2 .topCategory h3,
.page2 .topMaker h3 {
  height: 36px;
  text-indent: -9999px;
}
.page2 .topCategory .topCategoryBtn {
  padding: 5px 0 0 7px;
}
.page2 .topCategory .topCategoryBtn .mechBtn,
.page2 .topCategory .topCategoryBtn .elBtn,
.page2 .topCategory .topCategoryBtn .fsBtn,
.page2 .topCategory .topCategoryBtn .pressBtn,
.page2 .topCategory .topCategoryBtn .moldBtn,
.page2 .topCategory .topCategoryBtn .mechBtn a,
.page2 .topCategory .topCategoryBtn .elBtn a,
.page2 .topCategory .topCategoryBtn .fsBtn a,
.page2 .topCategory .topCategoryBtn .pressBtn a,
.page2 .topCategory .topCategoryBtn .moldBtn a {
  display: block;
  width: 329px;
  text-indent: -9999px;
  background-image: url("/common/img/sprite_top_nav.png");
}
.page2 .topCategory .topCategoryBtn .mechBtn,
.page2 .topCategory .topCategoryBtn .mechBtn a {
  height: 84px;
  background-position: 0 0;
}
.page2 .topCategory .topCategoryBtn .elBtn,
.page2 .topCategory .topCategoryBtn .elBtn a {
  height: 83px;
  background-position: 0 -84px;
}
.page2 .topCategory .topCategoryBtn .fsBtn,
.page2 .topCategory .topCategoryBtn .fsBtn a {
  height: 83px;
  background-position: 0 -167px;
}
.page2 .topCategory .topCategoryBtn .pressBtn,
.page2 .topCategory .topCategoryBtn .pressBtn a {
  height: 83px;
  background-position: 0 -250px;
}
.page2 .topCategory .topCategoryBtn .moldBtn,
.page2 .topCategory .topCategoryBtn .moldBtn a {
  height: 84px;
  background-position: 0 -333px;
}
.topicArea {
  padding-top: 30px;
}
.topWrapper {
  padding: 30px 0 0 0;
}
.topWrapper #unfitSelfMessageBox {
  margin-left: 290px;
}
.topMainArea {
  width: 660px;
  margin-left: 290px;
}
.topMainArea .visual {
  width: 660px;
  height: 190px;
  margin-bottom: 30px;
  overflow: hidden;
}
.page1 .topMainArea .visual {
  width: 410px;
  height: 118px;
}
.topMainArea .visual a {
  display: block;
  width: 660px;
  height: 190px;
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.topMainArea .makerSubt {
  border-bottom: solid 1px #333;
  width: 660px;
  padding: 30px 0px 10px 0px;
}
.topMainArea .makerSubt h2,
.topMainArea .makerSubt p.lead {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}
* html .topMainArea .makerSubt h2,
* html .topMainArea .makerSubt p.lead {
  display: inline;
  zoom: 1;
}
*:first-child+html .topMainArea .makerSubt h2,
*:first-child+html .topMainArea .makerSubt p.lead {
  display: inline;
  zoom: 1;
}
.topMainArea .makerSubt h2 {
  width: 100px;
}
.topMainArea .makerSubt h2 span {
  display: block;
  background-image: url("/vcommon/top/img/logo_misumi.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.topMainArea .makerSubt h2.misumi span {
  width: 87px;
  height: 34px;
  background-position: 0px 0px;
}
.topMainArea .makerSubt h2.vona span {
  width: 87px;
  height: 45px;
  background-position: 0px -34px;
}
.topMainArea .makerSubt p.lead {
  width: 560px;
}
.topMainArea ul.menuList {
  padding-top: 10px;
}
.topMainArea ul.menuList li {
  float: left;
  width: 223px;
  padding-top: 10px;
}
.topMainArea ul.menuList li a {
  display: block;
  width: 213px;
  height: 47px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("/vcommon/top/img/btn_misumi_brand.png");
  text-indent: -9999px;
}
.topMainArea ul.menuList li.mech a {
  background-position: 0px 0px;
}
.topMainArea ul.menuList li.el a {
  background-position: 0px -47px;
}
.topMainArea ul.menuList li.press a {
  background-position: 0px -94px;
}
.topMainArea ul.menuList li.mold a {
  background-position: 0px -141px;
}
.topMainArea ul.menuList li.fs a {
  background-position: 0px -187px;
}
.topMainArea ul.menuList li.artifact a {
  background-position: 0px -234px;
}
.topMainArea .makerBox {
  padding-top: 10px;
  width: 660px;
}
.topMainArea .makerBox div.makerBox__about {
  float: left;
  width: 208px;
}
.topMainArea .makerBox div.makerBox__about h3 {
  width: 208px;
  height: 25px;
  background-color: #999;
  border-radius: 2px 2px 0px 0px;
}
.topMainArea .makerBox div.makerBox__about h3 span {
  display: block;
  width: 111px;
  height: 25px;
  background: url("/vcommon/top/img/subt_about_vona.gif") 0px 0px no-repeat;
  text-indent: -9999px;
}
.topMainArea .makerBox div.makerBox__about .ctswrap {
  width: 208px;
  background-color: #f2f2f2;
  border-radius: 0px 0px 2px 2px;
  padding: 5px 0px 2px 0px;
}
.topMainArea .makerBox div.makerBox__about .ctswrap ul li {
/*background: url("/vcommon/top/img/arrow_blue.gif") 10px 4px no-repeat;*/
  padding: 0px 5px 3px 20px;
}
.topMainArea .makerBox div.makerBox__about .ctswrap ul li a {
  color: #004bb1;
}
.topMainArea .makerBox div.makerBox__list {
  float: right;
  width: 442px;
}
.topMainArea .makerBox div.makerBox__list ul {
  border-top: solid 1px #bfbfbf;
  border-left: solid 1px #bfbfbf;
}
.topMainArea .makerBox div.makerBox__list ul li {
  float: left;
  border-right: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
  width: 109px;
}
.topMainArea .makerBox div.makerBox__list ul li a {
  display: block;
  width: 109px;
  height: 48px;
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.topMainArea .makerBox div.makerBox__list ul li a span {
  display: block;
  width: 109px;
  height: 48px;
  background-image: url("/vcommon/top/img/sprite_maker.png");
}
.topMainArea .makerBox div.makerBox__list ul li.thk a span {
  background-position: 0px 0px;
}
.topMainArea .makerBox div.makerBox__list ul li.tak a span {
  background-position: 0px -48px;
}
.topMainArea .makerBox div.makerBox__list ul li.ima a span {
  background-position: 0px -96px;
}
.topMainArea .makerBox div.makerBox__list ul li.jae a span {
  background-position: 0px -144px;
}
.topMainArea .makerBox div.makerBox__list ul li.pis a span {
  background-position: 0px -192px;
}
.topMainArea .makerBox div.makerBox__list ul li.tok a span {
  background-position: 0px -240px;
}
.topMainArea .makerBox div.makerBox__list ul li.cmd a span {
  background-position: 0px -288px;
}
.topMainArea .makerBox div.makerBox__list ul li.hrs a span {
  background-position: 0px -336px;
}
.topMainArea .makerBox div.makerBox__list p.link {
  text-align: right;
  padding-top: 6px;
}
.topMainArea .makerBox div.makerBox__list p.link a {
/*background: url("/vcommon/top/img/arrow_blue.gif") 0px 3px no-repeat;*/
  padding: 0px 0px 0px 10px;
}
.topRecommendArea .titleBlock {
  margin-top: 30px;
}
.page1 .topMainArea {
  width: 420px;
}
.page1 .topMainArea .visual a {
  width: 410px;
  height: 118px;
  background-position: left bottom;
}
.page1 .topMainArea .makerSubt {
  width: 410px;
}
.page1 .topMainArea .makerSubt p.lead {
  width: 310px;
}
.page1 .topMainArea ul.menuList li {
  width: 210px;
}
.page1 .topMainArea ul.menuList li a {
  width: 200px;
  background-image: url("/vcommon/top/img/btn_misumi_brand_s.png");
}
.page1 .topMainArea .makerBox {
  width: 410px;
}
.page1 .topMainArea .makerBox div.makerBox__about {
  width: 200px;
}
.page1 .topMainArea .makerBox div.makerBox__about h3 {
  width: 200px;
}
.page1 .topMainArea .makerBox div.makerBox__about .ctswrap {
  width: 200px;
}
.page1 .topMainArea .makerBox div.makerBox__list {
  width: 200px;
}
.page1 .topMainArea .makerBox div.makerBox__list ul li {
  width: 98px;
}
.page1 .topMainArea .makerBox div.makerBox__list ul li a {
  width: 98px;
  height: 41px;
  overflow: hidden;
}
.page1 .topMainArea .makerBox div.makerBox__list ul li a span {
  width: 98px;
  height: 41px;
  margin: -4px 0px 0px -5px;
}
.topPage .userCommentArea {
  display: block !important;
  position: relative;
  margin-top: 5px;
  padding: 10px 0 5px;
  background: url("/vcommon/category/img/line_dot_x.png") left top repeat-x;
}
.topPage .userCommentArea .improvementRequest {
  position: static;
}
.topPage .userCommentArea .improvementRequest .link {
  position: static;
  text-align: left;
}
.topPage .userCommentArea #commentBox {
  top: 35px;
  right: -11px;
}
.topPage .userCommentArea #commentBox:before {
  right: 125px;
}
.topPage .userCommentArea #commentBox:after {
  right: 128px;
}
.page1 .topicArea .announceArea h3,
.page1 .topicArea .newsArea h3 {
  margin-bottom: 12px;
  padding-bottom: 5px;
  color: #787878;
  font-weight: bold;
  border-bottom: 1px solid #c8c8c8;
}
.page1 .topicArea .announceArea h3 span.h3Ttl,
.page1 .topicArea .newsArea h3 span.h3Ttl {
  float: left;
  width: 49%;
  color: #787878;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.page1 .topicArea .announceArea h3 span,
.page1 .topicArea .newsArea h3 span {
  float: right;
  width: 49%;
  margin-top: 3px;
  text-align: right;
  font-weight: normal;
  font-size: 10px;
}
.page1 .topicArea .announceArea h3 span a,
.page1 .topicArea .newsArea h3 span a {
  margin-top: 3px;
  padding-left: 7px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQYV2Ngil38HwgYQBhMwATAHJgAqgyyHgAUSCfoDuyHTQAAAABJRU5ErkJggg==) no-repeat 0 3px;
}
.page1 .topicArea .announceArea dl,
.page1 .topicArea .newsArea dl {
  margin-bottom: 5px;
}
.page1 .topicArea .announceArea dt,
.page1 .topicArea .newsArea dt,
.page1 .topicArea .announceArea dd,
.page1 .topicArea .newsArea dd {
  float: left;
}
.page1 .topicArea .announceArea dt,
.page1 .topicArea .newsArea dt {
  width: 75px;
  text-align: left;
}
.page1 .topicArea .announceArea dd,
.page1 .topicArea .newsArea dd {
  width: 615px;
}
.page2 .topicArea .announceArea h3,
.page2 .topicArea .newsArea h3 {
  margin-bottom: 12px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c8c8c8;
}
.page2 .topicArea .announceArea {
  margin-right: 20px;
}
.page2 .topicArea .announceArea h3 span.h3Ttl,
.page2 .topicArea .newsArea h3 span.h3Ttl {
  float: left;
  width: 49%;
  color: #787878;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.page2 .topicArea .announceArea h3 span,
.page2 .topicArea .newsArea h3 span {
  float: right;
  width: 49%;
  margin-top: 3px;
  text-align: right;
  font-weight: normal;
  font-size: 10px;
}
.page2 .topicArea .announceArea h3 span a,
.page2 .topicArea .newsArea h3 span a {
  margin-top: 3px;
  padding-left: 7px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQYV2Ngil38HwgYQBhMwATAHJgAqgyyHgAUSCfoDuyHTQAAAABJRU5ErkJggg==) no-repeat 0 3px;
}
.page2 .topicArea .announceArea dl,
.page2 .topicArea .newsArea dl {
  margin-bottom: 5px;
}
.page2 .topicArea .announceArea dt,
.page2 .topicArea .newsArea dt,
.page2 .topicArea .announceArea dd,
.page2 .topicArea .newsArea dd {
  float: left;
}
.page2 .topicArea .announceArea dt,
.page2 .topicArea .newsArea dt {
  width: 75px;
  text-align: left;
}
.page2 .topicArea .announceArea dd,
.page2 .topicArea .newsArea dd {
  width: 850px;
}
.page2 .topicArea .announceArea dd p,
.page2 .topicArea .newsArea dd p {
  margin: 0;
}
/*----------------------------------------------------------------

top

----------------------------------------------------------------*/
.topMainArea {
  width: 950px;
  height: 320px;
}
.page1 .topMainArea {
  width: 700px;
}
/* 後で削除予定 */
body .topMainArea .visual--us,
body.page1 .topMainArea .visual--us {
  margin-left: 0;
}
/* 後で削除予定 */
.topMainArea .satellitesArea {
  margin: 10px 0 30px 290px;
}
.topMainArea .satellitesArea dl dt a {
  display: block;
}
.topMainArea .productAppealArea {
  width: 948px;
}
.page1 .topMainArea .productAppealArea {
  width: 700px;
}
.topMainArea .productAppealArea li {
  width: 236px;
  height: 236px;
}
.page1 .topMainArea .productAppealArea li {
  width: 232px;
}
.topMainArea .productAppealArea li img {
  width: auto;
}
.topSubArea {
  display: table;
  width: 100%;
}
.is-reverse > .titleBlock {
  margin-top: 40px;
}
.topSubArea__head {
  display: table-header-group;
}
.topSubArea__head .titleBlock {
  margin-top: 0;
}
.is-reverse .topSubArea__head {
  display: table-footer-group;
}
.is-reverse .topSubArea__head .titleBlock {
  margin-top: 40px;
}
.topSubArea__footer {
  position: relative;
  display: table-footer-group;
}
.topSubArea__footer .titleBlock {
  margin-top: 40px;
}
.is-reverse .topSubArea__footer {
  display: table-header-group;
}
.is-reverse .topSubArea__footer .titleBlock {
  margin-top: 0;
}
.whyBlock > li {
  display: inline-block;
  width: 302px;
  margin: 0 0 0 19px;
  border: 1px solid #bfbfbf;
  vertical-align: top;
}
.whyBlock > li:first-child {
  margin-left: 0;
}
.whyBlock > li:hover {
  cursor: pointer;
}
.whyBlock > li:hover > a {
  text-decoration: underline;
  color: #ff730a;
}
.whyBlock > li:hover img {
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.page1 .whyBlock {
  margin-left: -14px;
}
.page1 .whyBlock > li {
  width: 220px;
  margin-left: 14px;
}
.page1 .whyBlock > li img {
  width: 220px;
}
.whyBlock__img,
.whyBlock__title,
.whyBlock__text {
  display: block;
}
.whyBlock__title {
  margin: 6px 12px 3px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.page1 .whyBlock__title {
  font-size: 15px;
}
.whyBlock__text {
  margin: 3px 20px 10px;
}
.channelBlock__loading {
  height: 270px;
  background: url("/vcommon/common/img/loading_100.gif") center center no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.channelBlock {
  display: none;
}
.channelBlock > li {
  display: inline-block;
  width: 304px;
  margin: 0 0 0 19px;
  vertical-align: top;
}
.channelBlock > li:first-child {
  margin-left: 0;
}
.channelBlock > li > a {
  position: relative;
  display: block;
  border: 1px solid #bfbfbf;
  color: #004bb1;
}
.channelBlock > li > a:hover {
  color: #ff730a;
}
.channelBlock > li > a:hover img {
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.channelBlock > li > a:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAB2lBMVEUgICD///8gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAhISEjIyMlJSUnJycrKysvLy8yMjI2NjY6Ojo/Pz9FRUVKSkpSUlJXV1dYWFhgYGBmZmZubm51dXV9fX2EhISLi4uMjIyRkZGZmZmfn5+lpaWrq6uysrK3t7e9vb3Dw8PKysrNzc3Ozs7S0tLT09PZ2dne3t7h4eHn5+fn5+fp6ent7e3u7u7z8/P19fX4+Pj6+vr8/Pz8/Pz+/v7+/v7///+QH6FSAAAAnHRSTlMAAAEDBAUGBwgJCgsNDxESExUZGhsgISIjJCUmJygpLC0uLzAzNDc4OTo7PD0+QEFCQ0hKTVFSVFVWWF1gYWJlamtsbW9wcnN5fH5/hIqLjY6QkZSWl5iZmp2goaaoqaqsra6vsLGys7O0tLW2t7e4uru8vsDBwsTFyMrMztHR09bX2tze4OPl5+np6uzu8PLz9PX2+Pn6+/z9/v6T0sJ1AAACYElEQVRIx6XX93fSUBQH8CSUaC24tVoVTMXUghRMrKvOKm4caGtRWyw1PPfee++9td7/1RMQTkjuW/r9keRzOHm5efc+RaFlSrwrY1lpY3qIdoeK/ho2+vIjpJ7y3nUJXRTP33iU+FPKxTUBnMgTPIVujYNn0WiVL2Dh8PrjhJVK/0QqnrGf8DLQTsGdI4Sf0SSKl44RkTg2gnscIhg7gBcJW+KkfHjmMBFPeU4T1g8QmQy1efEGIpdtHtzhSGKyuIG1PbKWDITq2CTyydbxPv+Ve6e4eFCr4VjgCny8fYKnzRreEsQA725y8M4qDg9jGODNdSYei7jYIDgGeHGFpdMu7qNiGH92iY43uThPxwA/n1yg1qiLSywM8P3ROcqe1KYqUwkbA3x9cAbV81RlIRcDfL6LVU1KVboEMMAHpGosVckIYaxqelXFFsQAr30rt0pVsoJ4/Pnl4D8vEcMvr2LP3CmC397AV3saH7+/hb7nmKpoxzj4052TeIlFVGQfacJf7p+m1HbRre21DPzt4VnqV5VzcYKKfzw+z/ieMy7WSzj+9fQis2NNru5hOQz/DtSEL7trG6CB4FfXeLtnuoa1gv8CWhO+tW75u+kn/6Fj2I1eVZC2Rb3RJWMVWWx6+vNmSbvD29xbB6XskWjTTDJ7VMI6cd801FORW+nmOWy5sF2NTIC24GCyBp09k2WR57UoU2/HENceNqjz9qStvPcbZU36xkFWTZqcM0ZoGa1eirbOP91o5vbgyjm7Ui2C56pIuv+Qp2iKuWxU/FDmZkJ7t9W7coWVmttKP9Gp/5E/K7BjKT1nsB0AAAAASUVORK5CYII=);
  position: absolute;
  top: 55px;
  left: 50%;
  margin-left: -30px;
}
.page1 .channelBlock {
  margin-left: -14px;
}
.page1 .channelBlock > li {
  width: 222px;
  margin-left: 14px;
}
.page1 .channelBlock > li > a:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAABrVBMVEW/v78gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAhISEjIyMlJSUnJycrKysvLy8yMjI4ODg6OjpERERFRUVOTk5RUVFbW1tfX19qampubm56enp9fX2Hh4eLi4uVlZWZmZmhoaGlpaWtra2vr6+ysrK7u7vGxsbJycnS0tLT09Pb29ve3t7k5OTn5+fs7Ozt7e3z8/P29vb4+Pj6+vr8/Pz8/Pz+/v7+/v7///+Ga9wlAAAAjXRSTlMAAQIDBAUHCAsMDQ8QEhQVFhcbHCAjJCUmKSorLjA0NTc4Oj0+P0BCQ0VLT1FTVFVWWVtfYGRmaWpvcHN3enx9foCBg4SFh4mMjZGTlpiZnaGio6SoqaqrrK6vsLGys7O0tLW2t7e5ury8v8DCw8fIy8zQ0dTW2drc3d7h5ufq7O/w8vP29vn7+/z9/v5ofjVAAAABt0lEQVRIx43VVUPDMBQF4DN0yHB3dx3uPhjubECDw3B3d89v5gFLm6TdeUy+h9smuRcQxORnhjux5NbYRwkhZMRWle6nJz3S2xTCxFmfKLUZ/YSLPUFIQzuIKEqdoP6UUSLJQIzW5itEGkey2hYRvUylsDZL0cXEEfdvI53EIIMBv9a7lxim8RcXEzfyU7b/hDu4zwQAsDJLKwfzMp0BAJ7DzIqLPuzNirENAJKIClN6tzMjPPdQANVaTOnNlkjnAejjMaVXGzxuAHyJCNPPizXuQgGRYkzp+7lLU7QPkmWY0tfTZdVmGDLlmNLno0VmMxrZeph+nDCbsUjTwZ+X6+xmBBLk+HpT/YWBCJLh223NrxsDTONCfL/LnXkXgGYBftyf40+wAkA+h58OF0R3IxGAZVqNX46XhFd0yBOaOlxvZyuSy18OAIhnVhZXZQ/Fafl+hB3uvMHKn9cdPmlsh//aY4mhVVL/x0KrEa5gep25x6AfebCdMUBXt/ioe665XW5rvbjhY5W0XUeuaKhE2UW2KUQ8rUypWq60xOlMwoiy7r9qJjtLgo1mrDk2p9BaWpAZ7cttfQHd+Slkab97oAAAAABJRU5ErkJggg==);
  top: 39px;
  margin-left: -22px;
}
.page1 .channelBlock > li img {
  width: 220px;
}
.channelBlock__img,
.channelBlock__title {
  display: block;
}
.channelBlock__img {
  position: relative;
  z-index: -1;
}
.channelBlock__img:before {
  position: absolute;
  top: 0;
  display: block;
  content: "";
  width: 302px;
  height: 170px;
  background-color: #000;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.page1 .channelBlock__img:before {
  width: 220px;
  height: 124px;
}
.channelBlock__title {
  margin: 13px 16px;
}
.linkChannel {
  margin-top: 7px;
  text-align: right;
}
.linkChannel > a {
  padding-left: 9px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEW/v78AS7E2lsyyAAAAAXRSTlMAQObYZgAAABJJREFUGBljbmBmAEMJZgPmBAAIngE+HFgy7QAAAABJRU5ErkJggg==) no-repeat 0 3px;
}
.modal--movie {
  display: none;
}
.categoryBlock > li {
  display: inline-block;
  width: 296px;
  margin: 0 0 0 26px;
  vertical-align: top;
}
.categoryBlock > li:first-child {
  margin-left: 0;
}
.categoryBlock > li:hover {
  cursor: pointer;
}
.categoryBlock > li:hover > a {
  text-decoration: underline;
  color: #ff730a;
}
.categoryBlock > li:hover img {
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.page1 .categoryBlock > li {
  width: 216px;
}
.page1 .categoryBlock > li img {
  width: 216px;
}
.categoryBlock__img,
.categoryBlock__title,
.categoryBlock__text {
  display: block;
}
.categoryBlock__title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.page1 .categoryBlock__title {
  font-size: 15px;
}
.categoryBlock__text {
  min-height: 76px;
  margin-bottom: 9px;
}
/* ----- topRecommendArea ----- */
.topRecommendArea .titleBlock {
  margin-top: 0;
  padding-top: 0;
}
.crmDefaultList {
  min-height: 0;
  margin-bottom: 30px;
}
/* ====================================================================================

topRecommendTopicArea

==================================================================================== */
.topRecommendTopicArea {
  display: none;
}
/* topics area */
.topicArea .topicArea__loading {
  height: 120px;
  background: url("/vcommon/common/img/loading_100.gif") center center no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.page1 .topicArea .topicArea__loading {
  height: 150px;
}
.topicArea .newsArea {
  display: none;
}
.topicArea .newsArea h3 span span.blank {
  float: none;
  margin: 0;
  width: auto;
}
.topicArea .announceArea .topicArea__loading {
  display: none;
}
/*----------------------------------------------------------------

topVisual

----------------------------------------------------------------*/
.topMainArea .topVisual {
  width: 660px;
  margin-bottom: 30px;
}
.page1 .topMainArea .topVisual {
  width: 410px;
  margin-bottom: 30px;
}
.topMainArea .topVisual .topVisual__main {
  width: 660px;
  height: 250px;
  overflow: hidden;
}
.page1 .topMainArea .topVisual .topVisual__main {
  width: 410px;
  height: 250px;
}
.page1 .topMainArea .topVisual__main .rotationBnr__link {
  background-position: left top;
}
.topMainArea .topVisual .topVisual__main li {
  float: left;
}
.topMainArea .topVisual .topVisual__list {
  border: 1px solid #bfbfbf;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}
/*可変*/
.page1 .topMainArea .topVisual .topVisual__list li {
  display: inline-block;
  width: 115px;
}
.page1 .topMainArea .topVisual .topVisual__list li:first-child {
  width: 114px;
}
.page1 .topMainArea .topVisual .topVisual__list li div {
  width: 118px;
}
.page1 .topMainArea .topVisual .topVisual__list li:first-child div {
  width: 117px;
}
.page2 .topMainArea .topVisual .topVisual__list ul {
  display: table;
  width: 658px;
  table-layout: fixed;
}
.topMainArea .topVisual .topVisual__list li {
  display: table-cell;
  padding: 2px 2px 2px 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqAQMAAABIsKM/AAAABlBMVEX///+/v7+jQ3Y5AAAAD0lEQVQI12OAgAaqYCgAAINjCQHXWNN5AAAAAElFTkSuQmCC) left center no-repeat;
  color: #004bb1;
  text-align: center;
  vertical-align: top;
  line-height: 1.2;
}
.topMainArea .topVisual .topVisual__list li div {
  display: table;
  width: 100%;
  min-height: 34px;
  height: 34px;
}
.topMainArea .topVisual .topVisual__list li:first-child {
  background: 0;
}
.topMainArea .topVisual .topVisual__list li.on,
.topMainArea .topVisual .topVisual__list li:hover {
  color: #fff;
  text-decoration: none;
}
.topMainArea .topVisual .topVisual__list li a,
.topMainArea .topVisual .topVisual__list li a:visited {
  display: table-cell;
  padding: 2px;
  color: #004bb1;
  text-align: center;
  vertical-align: middle;
}
.topMainArea .topVisual .topVisual__list li.on a,
.topMainArea .topVisual .topVisual__list li:hover a {
  background-color: #749dcf;
  color: #fff;
  text-decoration: none;
}
.topMainArea .topVisual__main .rotationBnr__link {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  height: 250px;
  text-indent: -9999px;
  width: 660px;
}
.topMainArea .topVisual .topVisual__next,
.topMainArea .topVisual .topVisual__back {
  display: none;
}
.page1 .topMainArea .topVisual__main .rotationBnr__link {
  width: 410px;
}
.page1 .topMainArea .topVisual__list {
  width: 410px;
  box-sizing: border-box;
  position: relative;
}
.page1 .topMainArea .topVisual .topVisual__next,
.page1 .topMainArea .topVisual .topVisual__back {
  display: block;
  position: absolute;
  top: 0;
  width: 18px;
  height: 38px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.page1 .topMainArea .topVisual .topVisual__next {
  right: 0;
}
.page1 .topMainArea .topVisual .topVisual__back {
  left: 0;
}
.page1 .topMainArea .topVisual .topVisual__next.off,
.page1 .topMainArea .topVisual .topVisual__back.off {
  cursor: default;
}
.page1 .topMainArea .topVisual .topVisual__next.on {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAAV1BMVEX////1+f0Casb5+/4RcsoFbMfw9vw4idMWdcsMcMna6ffS5fXI3/O/2fG51u+uz+12ruBqp95SmdhMlddCkNUuhNDV5vajyeqiyOqXwuiWwehfoNteoNujz/ChAAAATElEQVQI12WNxw3AMAwDKbmnOr3uP2cEGcjH/B0IHpH5gllSD83EB2i1XaHXjfDBtgpmdgP8FhslspGwc6iaRzYkm2I7xZbUlvn+fz6hvgK9POiqGgAAAABJRU5ErkJggg==") 5px center no-repeat;
}
.page1 .topMainArea .topVisual .topVisual__back.on {
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJBAMAAAD0ltBnAAAAG1BMVEX///+iyOr5+/4Ea8dYnNpppt0TdMrf7Pgcecx+fT4eAAAAKklEQVQI12NgYBALYExlYGA0URB2YmAQdgIyYJziJnYLBZgURA7GheoDANbpBuny3+IpAAAAAElFTkSuQmCC") 3px center no-repeat;
}
.page1 .topMainArea .topVisual .topVisual__next.off {
  background: #ccc url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAAPFBMVEW/v7/7+/vDw8P9/f3Kysr////r6+vS0tLOzs76+vrx8fHt7e3o6Ojl5eXZ2dnW1tb09PTz8/Pi4uLh4eFeUUrkAAAAQUlEQVQI12MQYuVjYGBj5GAAA15mfgYmbhiPh5mdgYmLkQXCYwPxBDghPCZGTgYGFlYuhIwgUAZNDy8rwjRhJHsAYIwBov5rYJwAAAAASUVORK5CYII=") 5px center no-repeat;
}
.page1 .topMainArea .topVisual .topVisual__back.off {
  background: #ccc url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJBAMAAAD0ltBnAAAAGFBMVEXAwMDW1tb+/v7p6en6+vrl5eX4+PjHx8fh5tlLAAAAKElEQVQI12NgYBAJYHRlYGBUZhAyYABiIAPGKUpgV2OA8SByMC5UHwCTkQS4FkjOPwAAAABJRU5ErkJggg==") 3px center no-repeat;
}
.page1 .topMainArea .topVisual .topVisual__listinner {
  width: 372px;
  border-right: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  margin: 0 18px;
  overflow: hidden;
}
.page1 .topMainArea .topVisual .topVisual__listinner ul {
  width: 1200px;
}
.radarChartRecommend .crmCategoryList_box {
  padding-bottom: 0;
}
/* -------------------
topBannerArea
----------------------- */
.topBannerArea {
  margin-bottom: 50px;
}
.topBannerArea .bannerList:before,
.topBannerArea .bannerList:after {
  content: " ";
  display: table;
}
.topBannerArea .bannerList:after {
  clear: both;
}
.topBannerArea .bannerList {
  *zoom: 1;
}
.topBannerArea .bannerList > li {
  float: left;
  margin-left: 30px;
}
.topBannerArea .bannerList > li:first-child {
  margin-left: 0;
}
.topBannerArea .bannerList > li > a {
  display: block;
  width: 216px;
  height: 155px;
  background-position: left top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.page1 .topBannerArea .bannerList > li > a {
  width: 166px;
  height: 120px;
  background-position: left bottom;
}
/* --------------------
topCategoryWrap
----------------------- */
.topCategoryWrap:before,
.topCategoryWrap:after {
  content: " ";
  display: table;
}
.topCategoryWrap:after {
  clear: both;
}
.topCategoryWrap {
  *zoom: 1;
}
.topCategoryWrap .topCategoryList {
  float: left;
  width: 579px;
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.topCategoryWrap .topCategoryList:first-child {
  width: 580px;
  border-right: 1px dotted #bfbfbf;
  margin-right: 20px;
  padding-right: 20px;
}
.page1 .topCategoryWrap .topCategoryList {
  width: 455px;
}
.page1 .topCategoryWrap .topCategoryList:first-child {
  width: 454px;
}
.topCategoryWrap .topCategoryList .categoryBox {
  border-top: 1px dotted #bfbfbf;
  margin-top: 18px;
  padding-top: 15px;
}
.topCategoryWrap .topCategoryList .categoryBox:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.categoryBox .categoryTitle {
  font-size: 16px;
  font-weight: bold;
}
.categoryBox .categoryTitle,
.categoryBox .categoryList li {
  text-indent: -8px;
  padding-left: 8px;
}
.categoryBox .categoryTitle a,
.categoryBox .categoryList li a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEW/v78AS7E2lsyyAAAAAXRSTlMAQObYZgAAABJJREFUGBljbmBmAEMJZgPmBAAIngE+HFgy7QAAAABJRU5ErkJggg==) 0 3px no-repeat;
  padding-left: 8px;
}
.categoryBox__main__right .img img {
  margin-top: 30px;
  margin-left: -30px;
}
.topCategoryWrap .topCategoryList .categoryBox .categoryBox__main {
  position: relative;
  padding-top: 9px;
}
.topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList {
  width: auto;
  margin-left: 10px;
  font-size: 0;
}
.topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList li {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  width: 270px;
  font-size: 12px;
}
.page1 .topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList li {
  width: 210px;
}
.topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList li.list {
  width: 550px;
}
.page1 .topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList li.list {
  width: 435px;
}
.topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList li.list a {
  display: inline-block;
  width: 269px;
  text-indent: 0;
}
.page1 .topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList li.list a {
  width: 152px;
}
.topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList__image img {
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 286px;
}
.page1 .topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList__image img {
  right: 0;
}
/* -------------------
業務支援ページ
----------------------- */
.serviceBox .serviceList {
  font-size: 0;
}
.serviceBox .serviceList > li {
  display: inline-block;
  width: 50%;
  margin-bottom: 10px;
  vertical-align: top;
  font-size: 12px;
}
.serviceBox .serviceList > li:before,
.serviceBox .serviceList > li:after {
  content: " ";
  display: table;
}
.serviceBox .serviceList > li:after {
  clear: both;
}
.serviceBox .serviceList > li {
  *zoom: 1;
}
.serviceBox .serviceList > li .image {
  float: left;
}
.serviceBox .serviceList > li .image a {
  display: block;
}
.serviceBox .serviceList > li .text {
  width: 460px;
  margin-bottom: 0;
  padding: 0 0 0 10px;
  float: left;
  vertical-align: top;
}
.serviceBox .serviceList > li .image + .text {
  width: 240px;
  min-height: auto;
  margin-bottom: 10px;
}
.serviceBox .serviceList > li .text > .title {
  display: block;
  font-weight: bold;
}
/* -------------------
  購買連携メッセージ
----------------------- */
.ediMessageArea table,
.ediCustomerArea table {
  border-collapse: separate;
  border-spacing: 1px;
}
.ediMessageArea .orangeB,
.ediCustomerArea .orangeB {
  color: #ea5e00;
  font-weight: bold;
}
.ediMessageArea p,
.ediCustomerArea p {
  margin-bottom: 1em;
  font-size: 100%;
  line-height: 1.4;
}
.ediMessageArea .center,
.ediCustomerArea .center {
  margin: 0 auto;
  text-align: center !important;
}
/*  contentsArea  */
.ediMessageArea h2.leftBorder,
.ediCustomerArea h2.leftBorder {
  margin: 0 0 3px 0;
  padding: 3px 0 3px 7px;
  border-left: 4px solid #666;
  font-size: 14px;
  font-weight: bold;
}
.ediMessageArea .orangeB,
.ediCustomerArea .orangeB {
  color: #ea5e00;
  font-weight: bold;
}
.ediMessageArea .marginT5,
.ediCustomerArea .marginT5 {
  margin-top: 5px;
}
.ediMessageArea .marginT10,
.ediCustomerArea .marginT10 {
  margin-top: 10px;
}
.ediMessageArea .marginB10,
.ediCustomerArea .marginB10 {
  margin-bottom: 10px;
}
.ediMessageArea .marginB20,
.ediCustomerArea .marginB20 {
  margin-bottom: 20px;
}
.ediMessageArea .marginL10,
.ediCustomerArea .marginL10 {
  margin-left: 10px;
}
.ediMessageArea .marginL20,
.ediCustomerArea .marginL20 {
  margin-left: 20px;
}
.ediMessageArea .marginTableTB,
.ediCustomerArea .marginTableTB {
  margin-top: 1px;
  margin-bottom: 3px;
}
/*  Form Module  */
.ediMessageArea x:-moz-broken,
.ediCustomerArea x:-moz-broken {
  padding: 1px;
  *padding: 4px 4px 3px 4px;
}
/*  tooltip  */
.ediMessageArea .selectOptionMyforder:not(:target),
.ediCustomerArea .selectOptionMyforder:not(:target) {
  width: auto;
  max-width: 400px;
}
/*  Table Module  */
.ediMessageArea .tableGrey table,
.ediCustomerArea .tableGrey table {
  background-color: #ccc;
}
.ediMessageArea .tableGrey table th,
.ediCustomerArea .tableGrey table th {
  padding: 8px;
  background-color: #eee;
  border: 2px solid #fff;
  color: #333;
  font-weight: bold;
  line-height: 140%;
  text-align: left;
}
.ediMessageArea .tableGrey table td.bgcGreen,
.ediCustomerArea .tableGrey table td.bgcGreen {
  background-color: #f5fcf2;
}
.ediMessageArea .tableGrey table td,
.ediCustomerArea .tableGrey table td {
  padding: 6px 8px;
  background-color: #fff;
  border: 2px solid #fff;
  font-weight: normal;
  line-height: 140%;
  text-align: left;
}
/* -------------------
  radarChartRecommendList
----------------------- */
.page1 .radarChartRecommend .crmTemplateBlock a.btn {
  width: 23px;
  height: 25px;
  background-image: url("/vcommon/common/img/button_arrow_nextback_mini.png");
  background-repeat: no-repeat;
  top: 210px;
}
.page1 .radarChartRecommend .crmTemplateBlock .crmTemplateBlock_left {
  background-position: 0 0;
}
.page1 .radarChartRecommend .crmTemplateBlock .crmTemplateBlock_right {
  background-position: 0 -25px;
}
/* ===============================================================================

V4

================================================================================ */
.page2 .topLeftArea {
  width: 1200px;
}
.page1 .topLeftArea {
  width: 950px;
}
.page2 .topLeftArea,
.page1 .topLeftArea {
  float: none;
}
.channelBlock > li {
  width: 387px;
  height: 284px;
}
.page1 .channelBlock > li {
  width: 307px;
}
.page1 .channelBlock > li img {
  width: 306px;
}
.channelBlock__img:before {
  width: 385px;
  height: 217px;
}
.page1 .channelBlock__img:before {
  width: 306px;
  height: 172px;
}
.channelBlock > li > a:before {
  top: 80px;
}
.page1 .channelBlock > li > a:before {
  top: 65px;
}
.page2 .topicArea .announceArea,
.page2 .topicArea .newsArea {
  width: 1200px;
}
.page2 .topicArea .announceArea dl,
.page2 .topicArea .newsArea dl {
  width: 1200px;
}
.page2 .topicArea .announceArea dd,
.page2 .topicArea .newsArea dd {
  width: 1125px;
}
.page1 .topicArea .announceArea,
.page1 .topicArea .newsArea {
  float: left;
  width: 950px;
}
.page1 .topicArea .announceArea dl,
.page1 .topicArea .newsArea dl {
  width: 950px;
}
.page1 .topicArea .announceArea dd,
.page1 .topicArea .newsArea dd {
  width: 875px;
}
.topPage .VN_alertBox {
  margin: 0 0 20px;
}
.topPage.page1 .VN_alertBox {
  width: 950px;
}
.topWrapper #unfitSelfMessageBox {
  margin-left: 0;
}
.topMainArea {
  width: 1200px;
  margin-left: 0;
  height: auto;
}
.topMainArea:before,
.topMainArea:after {
  content: " ";
  display: table;
}
.topMainArea:after {
  clear: both;
}
.topMainArea {
  *zoom: 1;
}
.topPage .topUpperAreaWrapper {
  margin-bottom: 60px;
  position: relative;
}
.topPage .topMessegeAreaBox {
  padding-left: 290px;
}
.page1.topPage .topMessegeAreaBox {
  padding-left: 0;
}
.topPage .topRightAreaBox {
  width: 220px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.topPage .topLeftBannerAreaBox {
  width: 258px;
  left: 0;
  margin: 40px 0 0;
}
.topLeftNav {
  width: 258px;
}
.topLeftNav .leftBnrArea__items li {
  margin-bottom: 10px;
  text-align: center;
}
.topLeftNav .leftBnrArea__items li img {
  width: 258px;
  height: 36px;
}
.page1 .topLeftNav {
  display: none;
}
.topPage .topCenterAreaBox {
  margin: 0;
}
.page1.topPage .topCenterAreaBox {
  margin: 0 0 0 35px;
}
.topPage .topLeftAreaBox {
  width: 258px;
  padding-top: 686px;
  float: left;
}
.page1 .topMainArea {
  width: 660px;
}
/* ----- topVisual ----- */
.topMainArea .topVisualWrapper {
  height: 313px;
  margin: 0 0 30px 290px;
}
.page1 .topMainArea .topVisualWrapper {
  margin: 0 0 30px 0;
}
.topMainArea .topVisual {
  width: 660px;
  margin-bottom: 30px;
}
.page2 .topMainArea .topVisual .topVisual__main,
.page1 .topMainArea .topVisual .topVisual__main {
  width: 660px;
  height: 300px;
  overflow: hidden;
}
.topMainArea .topVisual__main .rotationBnr__link > br {
  display: none;
}
.topMainArea .topVisual .topVisual__main li {
  float: left;
}
.topMainArea .topVisual .topVisual__list,
.page1 .topMainArea .topVisual .topVisual__list {
  text-align: center;
  border: none;
}
.page1 .topMainArea .topVisual__list {
  width: 660px;
  box-sizing: border-box;
  position: relative;
}
.page2 .topMainArea .topVisual .topVisual__list ul,
.page1.topMainArea .topVisual .topVisual__list ul {
  display: inline-block;
  overflow: hidden;
  width: auto;
}
.topMainArea .topVisual .topVisual__list li,
.page1 .topMainArea .topVisual .topVisual__list li {
  display: block;
  float: left;
  margin-left: 5px;
  background: none;
}
.page1 .topMainArea .topVisual .topVisual__list li,
.page1 .topMainArea .topVisual .topVisual__list li:first-child {
  width: 13px;
}
.page1 .topMainArea .topVisual .topVisual__list li:first-child div {
  width: 13px;
}
.topMainArea .topVisual .topVisual__list li:first-child {
  margin-left: 0;
}
.topMainArea .topVisual .topVisual__list li a,
.topMainArea .topVisual .topVisual__list li a:visited {
  display: block;
  padding: 0;
  width: 13px;
  height: 13px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAP1BMVEWZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkOzU+GAAAAFHRSTlMABAU7PD2UlZaXm6anqKnk5ej5+xDIQwAAAABLSURBVHjaXclZDoAgEMDQyqqIgDj3P6shbhP791IAl2uv2TGaolxFAyR5SmDly7IqZXalhqj672WlDafkIbwIgJlvLIaRL+1oxQMnlRwKG1AhZkIAAAAASUVORK5CYII=);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.topMainArea .topVisual .topVisual__list li.on a,
.topMainArea .topVisual .topVisual__list li:hover a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAP1BMVEUBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacbEFYwdAAAAFHRSTlMABAU7PD2UlZaXm6anqKnk5ej5+xDIQwAAAABLSURBVHjaXclZDoAgEMDQyqqIgDj3P6shbhP791IAl2uv2TGaolxFAyR5SmDly7IqZXalhqj672WlDafkIbwIgJlvLIaRL+1oxQMnlRwKG1AhZkIAAAAASUVORK5CYII=);
}
.topMainArea .topVisual__main .rotationBnr__link,
.page1 .topMainArea .topVisual__main .rotationBnr__link {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  height: 300px;
  text-indent: -9999px;
  width: 660px;
}
.topMainArea .topVisual .topVisual__next,
.topMainArea .topVisual .topVisual__back,
.page1 .topMainArea .topVisual .topVisual__next,
.page1 .topMainArea .topVisual .topVisual__back {
  display: none;
}
.page1 .topMainArea .topVisual .topVisual__listinner {
  margin: 0;
  width: auto;
  border-right: none;
  border-left: none;
}
.page1 .topMainArea .topVisual .topVisual__listinner ul {
  width: auto;
  display: inline-block;
}
.radarChartRecommend .crmCategoryList_box {
  padding-bottom: 0;
}
/* -----top status area ---- */
.topPage .contentsBlockStatus {
  margin-bottom: 20px;
  border-radius: 2px;
  border: 1px solid #ccc;
  position: relative;
}
.topPage .contentsBlockStatus.borderNone {
  border: none;
}
.page2.topPage .contentsBlockStatus.underTop {
  width: 660px;
  margin: 0 0 20px 290px;
}
.page1.topPage .contentsBlockStatus.underTop {
  width: 660px;
  margin: 0 auto 20px 0;
}
.topPage .contentsBlockStatus .roadingBox {
  display: block;
  width: 660px;
  height: 456px;
  background: #fff url("/vcommon/common/img/loading_100.gif") center center no-repeat;
}
.topPage .contentsBlockStatus__title {
  padding: 10px 14px;
  background-color: #999;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.topPage .contentsBlockStatus__close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.topPage .contentsBlockStatus__main {
  padding: 10px;
  background: #e6e6e6;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  min-height: 386px;
  position: relative;
}
.topPage .contentsBlockStatus__main .contentsBlockStatus__roading {
  position: absolute;
  top: 0;
  right: 0;
  width: 660px;
  height: 400px;
  background: #e6e6e6 url("/vcommon/common/img/loading_100.gif") center center no-repeat;
}
/* why misumi */
.contentsBlockStatus__main .statusNumber__firstuser,
.contentsBlockStatus__main .statusNumber__guestuser {
  width: 640px;
  height: 426px;
  border-radius: 2px;
  text-align: left;
}
.contentsBlockStatus__main .statusNumber__firstuser ul,
.contentsBlockStatus__main .statusNumber__guestuser ul {
  letter-spacing: -0.5em;
}
.contentsBlockStatus__main .statusNumber__firstuser ul li,
.contentsBlockStatus__main .statusNumber__guestuser ul li {
  background-color: #fff;
  display: inline-block;
  border: 1px solid #bfbfbf;
}
.contentsBlockStatus__main .statusNumber__firstuser ul.upper,
.contentsBlockStatus__main .statusNumber__guestuser ul.upper {
  margin-bottom: 10px;
  height: 207px;
  overflow: hidden;
}
.contentsBlockStatus__main .statusNumber__firstuser ul.upper li,
.contentsBlockStatus__main .statusNumber__guestuser ul.upper li {
  letter-spacing: normal;
  width: 204px;
  height: 205px;
  margin-left: 10px;
}
.contentsBlockStatus__main .statusNumber__firstuser ul.upper li img,
.contentsBlockStatus__main .statusNumber__guestuser ul.upper li img {
  width: 204px;
}
.contentsBlockStatus__main .statusNumber__firstuser ul.upper li:first-child,
.contentsBlockStatus__main .statusNumber__guestuser ul.upper li:first-child {
  margin-left: 0;
}
.contentsBlockStatus__main .statusNumber__firstuser ul.under,
.contentsBlockStatus__main .statusNumber__guestuser ul.under {
  margin-bottom: 10px;
}
.contentsBlockStatus__main .statusNumber__firstuser ul.under li,
.contentsBlockStatus__main .statusNumber__guestuser ul.under li {
  letter-spacing: normal;
  width: 312px;
  height: 206px;
  margin-left: 10px;
}
.contentsBlockStatus__main .statusNumber__firstuser ul.under li img,
.contentsBlockStatus__main .statusNumber__guestuser ul.under li img {
  width: 312px;
}
.contentsBlockStatus__main .statusNumber__firstuser ul.under li:first-child,
.contentsBlockStatus__main .statusNumber__guestuser ul.under li:first-child {
  margin-left: 0;
}
/* status number */
.contentsBlockStatus__main .statusNumber__list {
  font-size: 12px;
  background: #fff;
  border-radius: 2px;
  margin-bottom: 10px;
}
.contentsBlockStatus__main .statusNumber__list ul {
  display: table;
  width: 640px;
  table-layout: fixed;
}
.contentsBlockStatus__main .statusNumber__list li {
  display: table-cell;
  padding: 2px 2px 2px 3px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqAQMAAABIsKM/AAAABlBMVEX///+/v7+jQ3Y5AAAAD0lEQVQI12OAgAaqYCgAAINjCQHXWNN5AAAAAElFTkSuQmCC") left center no-repeat;
  color: #fbfbfb;
  text-align: center;
  vertical-align: top;
  line-height: 1.2;
}
.contentsBlockStatus__main .statusNumber__list li:first-child {
  background: 0;
}
.contentsBlockStatus__main .statusNumber__list li span.statusNumber {
  font-size: 20px;
  font-weight: bold;
}
.contentsBlockStatus__main .statusNumber__list li div {
  display: table;
  width: 100%;
  min-height: 55px;
  height: 55px;
}
.contentsBlockStatus__main .statusNumber__list li a,
.contentsBlockStatus__main .statusNumber__list li a:visited {
  display: table-cell;
  padding: 2px;
  background-color: #ffefd7;
  text-align: center;
  vertical-align: middle;
}
.contentsBlockStatus__main .statusNumber__list li a .statusNumber,
.contentsBlockStatus__main .statusNumber__list li a:visited .statusNumber {
  color: #333;
  text-decoration: none;
}
.contentsBlockStatus__main .statusNumber__list li a .statusNumberText,
.contentsBlockStatus__main .statusNumber__list li a:visited .statusNumberText {
  text-decoration: underline;
}
.contentsBlockStatus__main .statusNumber__list li.off a,
contentsBlockStatus__main .statusNumber__list li:hover.off a {
  background-color: #fff;
  color: #ccc;
  text-decoration: none;
  cursor: default;
}
.contentsBlockStatus__main .statusNumber__list li.off a .statusNumber,
.contentsBlockStatus__main .statusNumber__list li.off a:visited .statusNumber {
  color: #ccc;
}
.contentsBlockStatus__main .statusNumber__list li.off a .statusNumberText,
contentsBlockStatus__main .statusNumber__list li:hover.off a .statusNumberText {
  text-decoration: none;
}
/* shipment number */
.contentsBlockStatus__main .shipmentNumber__list {
  width: 184px;
  height: 296px;
  background: #fff;
  border-radius: 2px;
  padding: 10px;
  float: left;
}
.contentsBlockStatus__main .shipmentNumber__title {
  font-weight: bold;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}
.contentsBlockStatus__main .shipmentNumber__title span.link {
  float: right;
}
.contentsBlockStatus__main .shipmentNumber__title span.link a {
  display: inline-block;
  padding: 0px 0px 0px 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEW/v78AS7E2lsyyAAAAAXRSTlMAQObYZgAAABJJREFUGBljbmBmAEMJZgPmBAAIngE+HFgy7QAAAABJRU5ErkJggg==") 0px 6px no-repeat;
  word-break: break-all;
}
.contentsBlockStatus__main .shipmentNumber__list li {
  padding: 24px 0 24px 42px;
  border-top: 1px dotted #bfbfbf;
  line-height: 1.2;
  display: block;
  font-weight: bold;
}
.contentsBlockStatus__main .shipmentNumber__list li.tomorrow {
  background: url("/vcommon/top/img/icon_shipment_tomorrow.png") 0 center no-repeat;
}
.contentsBlockStatus__main .shipmentNumber__list li.today {
  background: url("/vcommon/top/img/icon_shipment_today.png") 0 center no-repeat;
}
.contentsBlockStatus__main .shipmentNumber__list li.yesterday {
  background: url("/vcommon/top/img/icon_shipment_yesterday.png") 0 center no-repeat;
}
.contentsBlockStatus__main .shipmentNumber__list li:first-child {
  border: none;
}
.contentsBlockStatus__main .shipmentNumber__list li span.number {
  font-size: 24px;
}
.contentsBlockStatus__main .shipmentNumber__list li span.item {
  font-size: 16px;
}
/* history number */
.contentsBlockStatus__main .historyNumber__list {
  width: 406px;
  height: 306px;
  background: #fff;
  border-radius: 2px;
  padding: 10px 10px 0;
  margin-left: 10px;
  float: left;
  overflow: hidden;
}
.contentsBlockStatus__main .historyNumber__title {
  font-weight: bold;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}
.contentsBlockStatus__main .historyNumber__title span.link {
  float: right;
}
.contentsBlockStatus__main .historyNumber__title span.link a {
  display: inline-block;
  padding: 0px 0px 0px 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEW/v78AS7E2lsyyAAAAAXRSTlMAQObYZgAAABJJREFUGBljbmBmAEMJZgPmBAAIngE+HFgy7QAAAABJRU5ErkJggg==") 0px 6px no-repeat;
  word-break: break-all;
}
.contentsBlockStatus__main .historyNumber__listinner .estimateListEmpty {
  margin-top: 120px;
  text-align: center;
  font-weight: bold;
}
.contentsBlockStatus__main .historyNumber__listinner table tr {
  padding: 10px 0;
  border-top: 1px dotted #bfbfbf;
}
.contentsBlockStatus__main .historyNumber__listinner table tr.thead {
  border: none;
}
.contentsBlockStatus__main .historyNumber__list table th {
  font-weight: bold;
  padding: 6px 0;
  text-align: center;
}
.contentsBlockStatus__main .historyNumber__list table th.day {
  width: 15%;
}
.contentsBlockStatus__main .historyNumber__list table th.payment {
  width: 16%;
}
.contentsBlockStatus__main .historyNumber__list table th.number {
  width: 32%;
}
.contentsBlockStatus__main .historyNumber__list table th.state {
  width: 37%;
}
.contentsBlockStatus__main .historyNumber__list table td {
  padding: 3px 0;
  font-size: 12px;
  text-align: center;
  height: 40px;
}
.contentsBlockStatus__main .historyNumber__list table td span.attention {
  color: #f00;
}
.topCategoryWrap .topCategoryList .categoryBox .categoryBox__main .categoryList__image {
  display: block;
  width: 270px;
  height: 104px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.topCategoryWrap .topCategoryList .categoryBox.mech .categoryBox__main .categoryList__image {
  background-image: url("/vcommon/top/img/category_mech.jpg");
  background-repeat: no-repeat;
}
.topCategoryWrap .topCategoryList .categoryBox.press .categoryBox__main .categoryList__image {
  background-image: url("/vcommon/top/img/category_press.jpg");
  background-repeat: no-repeat;
}
.topCategoryWrap .topCategoryList .categoryBox.mold .categoryBox__main .categoryList__image {
  background-image: url("/vcommon/top/img/category_mold.jpg");
  background-repeat: no-repeat;
}