@charset "UTF-8";

#showcase #solution_dounyu.mainSection  {z-index: 9;}
#showcase #contents .menuArea div.menuList .menuBox.navCase a {
	border-bottom:1px solid #237ec4;
}
#showcase #contents .detailSection {
	margin-bottom: 50px;
}
#showcase #header #gNav.products {
  border: none;
}

@media screen and (max-width: 767px) {
#showcase #contents h1.pc {
  display: block;
  margin:30px auto 25px;
  width:960px;
}
#showcase #contents {
  width: 960px;
  overflow: hidden;
}
#showcase #footer {
  margin-top: 70px;
  background: #FAFAFA url(/common/images/bg_line_01.gif) repeat-x top left;
}
#footer #deepFoot {
  background-color: transparent;
}

#showcase #footer #deepFoot {
  padding-top: 20px;
}

#showcase #contents img {
	width: auto;
}
#showcase #footer #pagetopBlock {
  display: block;
  z-index: 99;
}

#showcase #contents .mainSection {
    margin-top: 45px;
}
#showcase #contents .menuAreaWrapper.pc {
  display: block;
  margin-top: 10px;
}
#showcase #contents .menuArea {
	min-width: 960px;
}

/* ======================
  menuArea - need same as [\products\bizprinter\smartcharge\common\css\common_utf8.css] line 19-230
====================== */
#showcase #contents .menuAreaWrapper {
  position:relative;
  padding-top:100px;
  z-index:10;
}
#showcase #contents .menuArea {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  border-top: #dce4eb 1px solid;
  height:100px;
  background-color:#fff;
  z-index:100;
}
#showcase #contents .menuArea:before {
  position: absolute;
  bottom:0;
  content:"";
  width:100%;
  height:1px;
  background-color:#dce4eb;
}
#showcase #contents .menuArea div.menuList {
  width: 961px;
  text-align: center;
  margin: 0 auto;
}
#showcase #contents .menuArea div.menuList .menuBox {
  position: relative;
  float:left;
  font-size:14px;
  font-weight:bold;
  width:137px;
  height:100px;
  text-align:center;
  box-sizing:border-box;
}
#showcase #contents .menuArea div.menuList .menuBoxOuter {
  float:left;
  width:412px;
}
#showcase #contents .menuArea div.menuList .menuBox p {
  display:table;
  width:100%;
  height:100%;
}
#showcase #contents .menuArea div.menuList .menuBoxOuter .menuTitle {
  display:table;
  width:100%;
  height:20px;
  font-size:12px;
  line-height:1;
  color:#fff;
  background-color:#0460ba;
}
#showcase #contents .menuArea div.menuList .menuBoxOuter .menuTitle span {
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
}
#showcase #contents .menuArea div.menuList .menuBox a {
  display: table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  color:#000;
  border-left: #dce4eb 1px solid;
  border-bottom:1px solid #dce4eb;
  transition:all 0.2s 0s ease;
}
#showcase #contents .menuArea div.menuList .menuBox a:hover {
  background-color:#f2f8fc;
  border-bottom:1px solid #f2f8fc;
}
#showcase #contents .menuArea div.menuList .menuBox.current a {
  border-bottom:1px solid #237ec4;
}
#showcase #contents .menuArea div.menuList .menuBox a:hover {
  text-decoration:none;
}
#showcase #contents .menuArea div.menuList .menuBox.navSimu a {
}
#showcase #contents .menuArea div.menuList .menuBox.navInquiry {
  width:170px;
  height:80px;
}
#showcase #contents .menuArea div.menuList .menuBox.navInquiry a {
  display:table;
  padding:5px;
  color:#fff;
  border-left:none;
  border-right: #dce4eb 1px solid;
  background-color:#f09300;
  box-sizing:border-box;
}
#showcase #contents .menuArea div.menuList .menuBox.navInquiry a .border {
  display: table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  border:1px solid rgba(255,255,255,0.5);
}
#showcase #contents .menuArea div.menuList .menuBox.navInquiry a:hover {
  opacity:0.8;
}
#showcase #contents .menuArea div.menuList .menuBox.navTel {
  width:242px;
  height:80px;
  border-right: #dce4eb 1px solid;
}
#showcase #contents .menuArea div.menuList .menuBox.navTel p {
  display:table;
  width:100%;
  height:100%;
  font-size:16px;
  font-weight:bold;
  color:#004a93;
}
#showcase #contents .menuArea div.menuList .menuBox.navTel p span {
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  
}
#showcase #contents .menuArea div.menuList .menuBox.navTel p small {
  font-size:10px;
  color:#000;
}
#showcase #contents .menuArea div.menuList .menuBox.navTel p .small01 {
  font-weight:normal;
}
#showcase #contents .menuArea div.menuList .menuBox.navTel p em {
  padding-left:20px;
  background:transparent url("/products/bizprinter/smartcharge/images/index/ico_tel.png") 0 50% no-repeat;
  background-size:14px auto;
}
#showcase #contents .menuArea div.menuList .menuBox .imgBlank {
  margin-left:5px;
  vertical-align:middle;
}

#showcase #contents .menuArea .menuBg {
  position:absolute;
  width:100%;
  height:80px;
  top:100px;
  left:0;
  background-color:#f2f8fc;
  display:none;
}

#showcase #contents .menuArea .navSub {
  position:absolute;
  width:960px;
  height:80px;
  top:100px;
  left:-160px;
  display:none;
}
#showcase #contents .menuArea .navSub .navSubOuter {
  margin:0 auto;
  width:960px;
}
#showcase #contents .menuArea .navSub .navSubBox {
  float:left;
  width:320px;
  height:80px;
}
#showcase #contents .menuArea .navSub .navSubBox p {
  display:table;
  width:100%;
  height:100%;
  text-align:center;
}
#showcase #contents .menuArea .navSub .navSubBox a {
  position:relative;
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  color:#000;
  border:none !important;
}
#showcase #contents .menuArea .navSub .navSubBox a:hover {
  text-decoration:underline !important;
}
#showcase #contents .menuArea .navSub .navSubBox a:before {
  content:"";
  position:absolute;
  width:1px;
  height:30px;
  left:0;
  top:50%;
  transform:translateY(-50%);
  background-color:#bcd4e9;
}
#showcase #contents .menuArea .navSub .navSubBox:last-child a:after {
  content:"";
  position:absolute;
  width:1px;
  height:30px;
  right:0;
  top:50%;
  transform:translateY(-50%);
  background-color:#bcd4e9;
}

}