@charset "utf-8";

#contents #contentWrap .menuArea div.menuList .menuBox.navPlan a {
	border-bottom:1px solid #237ec4;
}
/* =========== Overwrite common Table : start =========== */
#contents .serviceArea .list table.price_table,
#contents .serviceArea .list table.option_table {
	border-top: #7a7473 1px solid;
  border-left: #7a7473 1px solid;
}
#contents .serviceArea .list table th,
#contents .serviceArea .list table td {
	padding: 2px 0;
	font-weight:inherit;
	vertical-align: middle;
  text-align: center;
}
#contents .serviceArea .list table tr th.product {
	padding: 2px 0;
}
#contents .serviceArea .list table tr th.sub {
  padding: 27px 15px;
}
#contents .serviceArea .list table tr th.sub2 {
	padding: 12px 0;
}
#contents .serviceArea .list table.option_table tr th.sub {
  padding: 10px 0;
}
/* =========== Overwrite common Table : end =========== */

#biz_smartcharge #header #gNav.products {
  border: none;
}

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

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

#biz_smartcharge #contents img {
	width: auto;
}

#biz_smartcharge #contents .menuAreaWrapper.pc {
  display: block;
}
#biz_smartcharge #contents .menuArea {
	min-width: 960px;
}

/* ======================
  menuArea - need same as [\products\bizprinter\smartcharge\common\css\common_utf8.css] line 19-230
====================== */
#biz_smartcharge #contents .menuAreaWrapper {
  position:relative;
  padding-top:100px;
  z-index:10;
}
#biz_smartcharge #contents .menuArea {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  border-top: #dce4eb 1px solid;
  height:100px;
  background-color:#fff;
  z-index:100;
}
#biz_smartcharge #contents .menuArea:before {
  position: absolute;
  bottom:0;
  content:"";
  width:100%;
  height:1px;
  background-color:#dce4eb;
}
#biz_smartcharge #contents .menuArea div.menuList {
  width: 961px;
  text-align: center;
  margin: 0 auto;
}
#biz_smartcharge #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;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBoxOuter {
  float:left;
  width:412px;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox p {
  display:table;
  width:100%;
  height:100%;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBoxOuter .menuTitle {
  display:table;
  width:100%;
  height:20px;
  font-size:12px;
  line-height:1;
  color:#fff;
  background-color:#0460ba;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBoxOuter .menuTitle span {
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
}
#biz_smartcharge #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;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox a:hover {
  background-color:#f2f8fc;
  border-bottom:1px solid #f2f8fc;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.current a {
  border-bottom:1px solid #237ec4;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox a:hover {
  text-decoration:none;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.navSimu a {
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.navInquiry {
  width:170px;
  height:80px;
}
#biz_smartcharge #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;
}
#biz_smartcharge #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);
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.navInquiry a:hover {
  opacity:0.8;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.navTel {
  width:242px;
  height:80px;
  border-right: #dce4eb 1px solid;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.navTel p {
  display:table;
  width:100%;
  height:100%;
  font-size:16px;
  font-weight:bold;
  color:#004a93;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.navTel p span {
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.navTel p small {
  font-size:10px;
  color:#000;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox.navTel p .small01 {
  font-weight:normal;
}
#biz_smartcharge #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;
}
#biz_smartcharge #contents .menuArea div.menuList .menuBox .imgBlank {
  margin-left:5px;
  vertical-align:middle;
}

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

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

}