@charset "utf-8";

@media print, screen and (min-width:768px) {

#contents .sp {
	display:none;
}

#menuAreaSP {
	display:none !important;
}

/* ======================
	main title
====================== */
#contents h1.pc {
	margin:0 auto 25px;
	width:960px;
}
#contents h1.pc > a,
#contents h1.pc > span.ttlH1 {
	display: inline-block;
	vertical-align: bottom;
}
#contents h1.pc > a {
	margin-right: 15px;
}
#contents h1.pc > span.ttlH1 {
	padding-left: 15px;
	background: url(/common/images/bg_dline_01.gif) repeat-y left top;
	font-size: 100%;
	font-weight: 700;
}


/* ======================
	menuArea
====================== */
#contents .menuAreaWrapper {
	position:relative;
	padding-top:100px;
	z-index:10;
}
#contents .menuArea {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	/* border-top: #dce4eb 1px solid; */
	height:100px;
	background-color:#fff;
	z-index:100;
}
#contents .menuArea02 {
	background: none;
}
#contents .menuArea div.menuList {
	width: 961px;
	text-align: center;
	margin: 0 auto;
}
#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;
	border-top: #dce4eb 1px solid;
}
#contents .menuArea div.menuList .menuBoxOuter {
	float:left;
	width:412px;
}
#contents .menuArea02 div.menuList .menuBoxOuter {
	float:right;
	width:412px;
	background-color:#fff;
}
#contents .menuArea div.menuList .menuBox p {
	display:table;
	width:100%;
	height:100%;
}
#contents .menuArea div.menuList .menuBoxOuter .menuTitle {
	display:table;
	width:100%;
	height:20px;
	font-size:12px;
	line-height:1;
	color:#fff;
	background-color:#0460ba;
}
#contents .menuArea div.menuList .menuBoxOuter .menuTitle span {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}
#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;
}
#contents .menuArea div.menuList .menuBox a:hover {
	background-color:#f2f8fc;
	border-bottom:1px solid #f2f8fc;
}
#contents .menuArea div.menuList .menuBox.current a {
	border-bottom:1px solid #237ec4;
}
#contents .menuArea div.menuList .menuBox a:hover {
	text-decoration:none;
}
#contents .menuArea div.menuList .menuBox.navSimu a {
}
#contents .menuArea div.menuList .menuBox.navInquiry {
	width:170px;
	height:80px;
}
#contents .menuArea div.menuList .menuBox.navInquiry a {
	display:block;
	padding:5px;
	color:#fff;
	width:170px;
	height:80px;
	border-left:none;
	border-right: #dce4eb 1px solid;
	background-color:#f09300;
	box-sizing:border-box;
}
#contents .menuArea div.menuList .menuBox.navInquiry a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#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);
}
#contents .menuArea div.menuList .menuBox.navInquiry a:hover {
	opacity:0.8;
}
#contents .menuArea div.menuList .menuBox.navTel {
	width:242px;
	height:80px;
	border-right: #dce4eb 1px solid;
	border-bottom: #dce4eb 1px solid;
}
#contents .menuArea div.menuList .menuBox.navTel p {
	display:table;
	width:100%;
	height:100%;
	font-size:16px;
	font-weight:bold;
	color:#004a93;
}
#contents .menuArea div.menuList .menuBox.navTel p span {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	background-color:#fff;
}
#contents .menuArea div.menuList .menuBox.navTel p small {
	font-size:10px;
	color:#000;
}
#contents .menuArea div.menuList .menuBox.navTel p .small01 {
	font-weight:normal;
}
#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;
}
#contents .menuArea div.menuList .menuBox.navTel p em a {
	padding:0;
	border:0;
	display:inline;
	color:#004a93;
}
#contents .menuArea div.menuList .menuBox .imgBlank {
	margin-left:5px;
	vertical-align:middle;
}

#contents .menuArea .menuBg {
	position:absolute;
	/* width:100%; */
	width: 960px;
	height:80px;
	top:100px;
	/* left:0; */
	left:50%;
	margin-left: -480px;
	background-color:#f2f8fc;
	display:none;
}

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

#contents .menuArea .navSub .navSubBox.navSub1 a:before,
#contents .menuArea .navSub .navSubBox.navSub4 a:after {
	content: none;
}


/* ======================
	contents
====================== */

/* =========== section =========== */
#contents .section01 {
	position:relative;
}
#contents .section02 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section02.gif") 0 0 repeat;
}
#contents .section03 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section03.gif") 0 0 repeat;
}
#contents .section04 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section04.gif") 0 0 repeat;
}
#contents .section05 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section05.gif") 0 0 repeat;
}
#contents .section06 {
	position:relative;
	background-color:#bfdef3;
}
#contents .section07 {
	position:relative;
	background-color:#c8e9ce;
}
#contents .section08 {
	position:relative;
	background-color:#f7d7d7;
}
#contents .section09 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section09.gif") 0 0 repeat;
}
#contents .section10 {
	position:relative;
	background-color:#d7e1f7;
}
#contents .inner01 {
	padding:50px 0 78px;
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
#contents .inner02 {
	padding:50px 0 78px;
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
#contents .border01:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#85a8cb;
	transform:translateX(-50%) skewX(-20deg);
}
#contents .border02:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#9ecda4;
	transform:translateX(-50%) skewX(-20deg);
}
#contents .border03:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#e3a6a6;
	transform:translateX(-50%) skewX(-20deg);
}
#contents .border04:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#deaccf;
	transform:translateX(-50%) skewX(-20deg);
}
#contents .border05:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#604d9e;
	transform:translateX(-50%) skewX(-20deg);
}


/* =========== title =========== */
#contents .ttl01 {
	margin-bottom:30px;
	font-size:36px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color:#004a93;
	line-height:1.4;
	text-align:center;
}
#contents .ttl01 small {
	font-size:18px;
	display:block;
}
#contents .ttl01.white {
	color:#fff;
}
#contents .ttl01.green {
	color:#258f34;
}
#contents .ttl01.red {
	color:#c03a3a;
}
#contents .ttl01.purple {
	color:#b84c97;
}
#contents .ttl01.purple2 {
	color:#604d9e;
}
#contents .ttl02 {
	margin-bottom:10px;
	font-size:16.5px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color:#004a93;
	line-height:1.4;
}
#contents .ttl03 {
	margin-bottom:20px;
	font-size:24px;
	line-height:1.4;
}
#contents .ttl04 {
	margin-bottom:10px;
	font-size:20px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color:#004a93;
	line-height:1.4;
}
#contents .ttl05 {
	margin-bottom:30px;
	font-size:30px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color:#004a93;
	line-height:1.4;
	text-align:center;
}
#contents .ttl05.white {
	color:#fff;
}
#contents .ttl05.green {
	color:#258f34;
}
#contents .ttl05.red {
	color:#c03a3a;
}
#contents .ttl05.purple {
	color:#b84c97;
}


/* =========== text =========== */
#contents .txt01 {
	margin-bottom:15px;
	font-size:16px;
	line-height:30px;
}
#contents .txt01:last-child {
	margin-bottom:0;
}
#contents .txt02 {
	margin-bottom:20px;
	font-size:16px;
	line-height:26px;
	text-align:center;
}
#contents .fontBlue {
	color:#004a93 !important;
}
#contents .fontBlue02 {
	color:#0075c2 !important;
}
#contents .fontGreen {
	color:#2d714a !important;
}
#contents .fontGreen02 {
	color:#56b087 !important;
}
#contents .fontRed {
	color:#c03a3a !important;
}
#contents .fontPurple {
	color:#b84c97 !important;
}
#contents .fontPurple2 {
	color:#604d9e !important;
}

/* =========== button =========== */
#contents .btn01 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contents .btn01 a {
	/* display:block; */
	display: table;
	width:100%;
	height:100px;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	background-color:#7dc939;
	transition:all 0.2s 0s ease;
}
#contents .btn01 a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#contents .btn01 a:hover {
	text-decoration:none;
	opacity:0.8;
}
#contents .btn01 a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#contents .btn01 a .ico {
	padding:0 20px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow01.png") 100% 50% no-repeat;
}

#contents .btn02 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contents .btn02 a {
	/* display:block; */
	display: table;
	width:100%;
	height:80px;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	background-color:#0460ba;
	transition:all 0.2s 0s ease;
}
#contents .btn02 a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#contents .btn02 a:hover {
	text-decoration:none;
	opacity:0.8;
}
#contents .btn02 a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#contents .btn02 a .ico {
	padding:0 20px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow01.png") 100% 50% no-repeat;
}
#contents .btn02 a .sub {
	position:relative;
	margin-right:10px;
	padding:5px 12px 0 12px;
	height:26px;
	font-size:14px;
	color:#004a93;
	line-height:1;
	background-color:#fff;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
}
#contents .btn02 a .sub:before {
	position:absolute;
	content:"";
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 26px 8px;
	border-color: transparent transparent #0460ba transparent;
}
#contents .btn03 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contents .btn03 a {
	/* display:block; */
	display: table;
	width:100%;
	height:100px;
	color:#000;
	padding:5px;
	box-sizing:border-box;
	background-color:#ddd;
	transition:all 0.2s 0s ease;
}
#contents .btn03 a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#contents .btn03 a:hover {
	text-decoration:none;
	opacity:0.8;
}
#contents .btn03 a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#contents .btn03 a .ico {
	padding:0 20px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow05.png") 0 50% no-repeat;
}

#contents .btnContact01 {
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contents .btnContact01 a {
	display:block;
	width:100%;
	height:120px;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	background-color:#f09300;
	transition:all 0.2s 0s ease;
}
#contents .btnContact01 a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#contents .btnContact01 a:hover {
	text-decoration:none;
	opacity:0.8;
}
#contents .btnContact01 a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#contents .btnContact01 a .ico {
	padding:0 20px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow01.png") 100% 50% no-repeat;
}

#contents .btnTel01 {
	margin-bottom:15px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
#contents .btnTel01 a {
	display:table;
	width:100%;
	height:120px;
	color:#004a93;
	box-sizing:border-box;
	background-color:#fff;
}
#contents .btnTel01 .outer {
	display:table;
	width:100%;
	height:120px;
	color:#004a93;
	box-sizing:border-box;
	background-color:#fff;
}
#contents .btnTel01 small {
	color:#000;
	font-size:12px;
	font-weight:normal;
}
#contents .btnTel01 .small01 {
	font-size:10px;
	font-weight:normal;
}
#contents .btnTel01 em {
	padding-left:30px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_tel.png") 0 50% no-repeat;
}
#contents .btnTel01 em a {
	padding:0;
	border:0;
	display:inline;
	color:#004a93;
}
#contents .btnTel01 .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:5px solid #bfdef3;
}

/* ======================
	contctBox
====================== */
#contents #contctBox .btnContact01 {
	float:left;
	width:460px;
	margin-bottom:0;
}
#contents #contctBox .btnContact01 .imgBlank {
	vertical-align:middle;
	margin-left:5px;
}
#contents #contctBox .btnTel01 {
	float:right;
	width:460px;
	margin-bottom:0;
}

/* ======================
	showroomBox
====================== */
#contents #showroomBox .showroomBox01 {
	margin-bottom:20px;
	display:table;
	width:100%;
	background-color:#f2f8fc;
}
#contents #showroomBox .showroomBox01:last-child {
	margin-bottom:0;
}
#contents #showroomBox .showroomBox01 .text01 {
	margin-bottom:10px;
}
#contents #showroomBox .showroomBox01 .linkShowroom a {
	padding-right:15px;
	color:#004a93;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow02.png") 100% 50% no-repeat;
}
#contents #showroomBox .leftBox04 {
	display:table-cell;
	vertical-align:middle;
	width:300px;
}
#contents #showroomBox .rigthBox04 {
	padding:0 20px;
	display:table-cell;
	vertical-align:middle;
	width:660px;
	box-sizing:border-box;
}

/* ======================
	relateBox
====================== */
#contents #relateBox .title {
	margin-bottom:25px;
	padding: 15px 20px;
	background-color: #FAFAFA;
	font-size: 129%;
	border: 1px solid #E5E5E5;
}
#contents #relateBox .relateList li {
	float:left;
	margin-right:30px;
}
#contents #relateBox .relateList li:nth-child(3n) {
	float:right;
	margin-right:0;
}

/* ======================
	sitemap
====================== */
#contents .smartcharge_sitemap {
     width: 100%;
    background-color: #f4f4f4;
    margin-bottom: -70px;
}

#contents .smartcharge_sitemap .ttl h3 {
  font-size: 14px;
}

#contents .smartcharge_sitemap .ttl h3 a{
  color: #000000;
}

#contents .smartcharge_sitemap .ttl h3 a :visited{
  color: #000000;
}

#contents .smartcharge_sitemap li {
  margin-bottom: 2px;
}
#contents .smartcharge_sitemap dd.listBlock.info_list li {
  margin-bottom: 4px;
}

#contents .smartcharge_sitemap .layCol03 li {
  margin-bottom: 4px;
}
#contents .smartcharge_sitemap .layCol04 li {
  margin-bottom: 4px;
}
#contents .smartcharge_sitemap li a {
  line-height: 1.5;
}

#contents .smartcharge_sitemap .layCol03 li > a {
  color: #000;
}


#contents .smartcharge_sitemap .subNav {
  width: 960px;
  margin: 0 auto;
  padding: 45px 0 35px;
}

#contents .smartcharge_sitemap .subNav .innerBlock a {
  color: #000;
}
#contents .smartcharge_sitemap .subNav .innerBlock li > a {
  line-height: 1.5;
  font-size: 12px;
  color: #686868;
}
#contents .smartcharge_sitemap .subNav .layCol01,
#contents .smartcharge_sitemap .subNav .layCol03 {
  float: left;
  width: 30%;
  box-sizing: border-box;
  padding: 0 15px;
}
#contents .smartcharge_sitemap .subNav .layCol02 {
  float: left;
  width: 40%;
  box-sizing: border-box;
  padding: 0 15px;
}
#contents .smartcharge_sitemap .subNav .layCol02{
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  height: 334px;
}

#contents .smartcharge_sitemap .subNav .indent {
  margin-left: 10px;
}
#contents .smartcharge_sitemap .subNav .layCol01 dl dt{
  margin-bottom: 3px;
  font-size: 12px;
}

#contents .smartcharge_sitemap .subNav .layCol02 dl dt{
  margin-bottom: 5px;
  font-size: 14px;
}

#contents .smartcharge_sitemap .subNav .layCol03 dl dt,
#contents .smartcharge_sitemap .subNav .layCol04 dl dt {
  margin-bottom: 5px;
}

#contents .bdrnone {
  border: none !important;
}

#contents .smartcharge_sitemap span.bold {
  font-weight: bold;
}
#contents .smartcharge_sitemap span.bold-gray {
  color: #686868 !important;
    font-weight: bold;
}


#contents .smartcharge_sitemap dd.listBlock {
  margin-bottom: 20px;
}
#contents .smartcharge_sitemap div.layCol01 dd.listBlock,
#contents .smartcharge_sitemap div.layCol02 dd.listBlock {
  margin-bottom: 11px;
}

#contents .smartcharge_sitemap dd.listBlock li.title {
  padding-top: 10px;
  padding-right: 10px;
  line-height: 1.6em;
  font-weight: bold;
}

#contents .smartcharge_sitemap div.layCol04 dt {
  margin-bottom: 10px;
  border-top: solid 1px #dddddd;
}

#contents .smartcharge_sitemap div.layCol04 .bdrbtm {
  border-bottom: solid 1px #dddddd;
  padding-bottom: 20px;
}

/*cate-bar*/

#contents .smartcharge_sitemap .dash-bar {
  padding-left: 14px;
  background: url(/products/bizprinter/smartcharge/images/index/link_dash_ico.png) no-repeat 0 0.35em;
  background-size: 7px auto;
  line-height: 1.5;
}

}


@media screen and (max-width:767px) {

#contents .pc {
	display:none;
}
#contents img {
	width:100%;
	height:auto;
}
#contents {
	padding:0 !important;
}
a:hover,
a:active {
	text-decoration: none !important;
}

#topicPath {
	padding-bottom:0;
}

#header #gNav {
	position:relative;
	z-index:1000;
}


/* ======================
	menuAreaSP
====================== */
#menuAreaSP {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:75px;
	background-color:#fff;
	/*display:none;*/
	z-index:200;
	box-shadow:0px 5px 10px -6px rgba(0,0,0,0.5);
}
#menuAreaSP img {
	width:100%;
}
#menuAreaSP.fixed {
	position:fixed;
	top:0 !important;
}
#menuAreaSP.absolute {
	position:absolute;
	top:0 !important;
}
#menuAreaSP h1 {
	position:absolute;
	width:165px;
	top:50%;
	left:12px;
	transform:translateY(-50%);
}
#menuAreaSP #menuAreaButton {
	position:absolute;
	width:75px;
	height:75px;
	top:0;
	right:0;
}
#menuAreaSP #menuAreaButton {
	position:absolute;
	width:75px;
	height:75px;
	top:0;
	right:0;
}
#menuAreaSP #menuAreaClose {
	position:absolute;
	width:75px;
	height:75px;
	top:0;
	right:0;
	display:none;
}
#menuBoxSP {
	position:absolute;
	width:100%;
	top:75px;
	background-color:#f2f8fc;
	display:none;
}

#menuBoxSP .menuListSP {
	margin-bottom:20px;
}
#menuBoxSP .menuListSP li {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #d7e4ef;
}
#menuBoxSP .menuListSP .sub a {
	padding:17px 5.3287vw 17px 8.3287vw;
	font-size:14px;
	font-weight:normal;
}
#menuBoxSP .menuListSP li a {
	display:block;
	padding:15px 5.3287vw;
	color:#000;
}
#menuBoxSP .menuListSP li a span {
	display:block;
	padding-right:12px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow02_sp.png") 100% 50% no-repeat;
	background-size:6px auto;
}

#menuBoxSP .menuContact {
	margin-bottom:20px;
	padding:0 5.3287vw;
}
#menuBoxSP .menuContactInner {
	padding:8px 1vw 8px 1vw;
	border-bottom:1px solid #bfdef3;
	border-left:1px solid #bfdef3;
	border-right:1px solid #bfdef3;
	box-sizing:border-box;
}
#menuBoxSP .menuContact .title01 {
	padding:7px 0;
	font-size:12px;
	color:#fff;
	text-align:center;
	background-color:#0460ba;
}

#menuBoxSP .menuContact .btnContact {
	margin-bottom:10px;
	padding:0 6px;
	font-size:16px;
	line-height:1.2;
	font-weight:bold;
	box-sizing:border-box;
	text-align:center;
}
#menuBoxSP .menuContact .btnContact a {
	display:table;
	width:100%;
	height:75px;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	background-color:#f09300;
	transition:all 0.2s 0s ease;
}
#menuBoxSP .menuContact .btnContact a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#menuBoxSP .menuContact .btnContact a .ico .imgBlank {
	padding-left:5px;
	vertical-align:middle;
	width:7px;
}

#menuBoxSP .menuContact .btnContact a .ico .imgBlank02 {
	width:10px;
}

#menuBoxSP .menuContact .btnTel {
	font-size:3vw;
}
#menuBoxSP .menuContact .btnTel {
	padding:0 6px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	box-sizing:border-box;
}
#menuBoxSP .menuContact .btnTel a {
	display:table;
	width:100%;
	height:110px;
	color:#004a93;
	box-sizing:border-box;
	background-color:#fff;
}
#menuBoxSP .menuContact .btnTel .outer {
	display:table;
	width:100%;
	height:60px;
	color:#004a93;
	box-sizing:border-box;
	background-color:#fff;
}
#menuBoxSP .menuContact .btnTel small {
	color:#000;
	font-size:12px;
	font-weight:normal;
	letter-spacing: 0
}
#menuBoxSP .menuContact .btnTel small {
	color:#000;
	font-size:12px;
	font-weight:normal;
	letter-spacing: 0
}
#menuBoxSP .menuContact .btnTel .sp_show {
	display:block;
}
#menuBoxSP .menuContact .btnTel .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:5px solid #bfdef3;
}
#menuBoxSP .menuContact .btnTel .ico {
	display:inline-block;
	padding:5px 12px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow02_sp.png") 100% 50% no-repeat;
	background-size:6px auto;
}
#menuBoxSP .menuContact .btnTel .ico em {
	padding-left:27px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_tel_sp.png") 0 50% no-repeat;
	background-size:20px auto;
}
#menuBoxSP #menuAreaClose02 {
	font-size:14px;
	text-align:center;
}
#menuBoxSP #menuAreaClose02 a {
	padding:15px 0;
	color:#000;
	display:block;
	background-color:#bfdef3;
}


/* ======================
	contents
====================== */
/* =========== section =========== */
#contents .section01 {
	position:relative;
}
#contents .section02 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section02_sp.gif") 0 0 repeat;
	background-size:5px auto;
}
#contents .section03 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section03_sp.gif") 0 0 repeat;
	background-size:5px auto;
}
#contents .section04 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section04_sp.gif") 0 0 repeat;
	background-size:5px auto;
}
#contents .section05 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section05_sp.gif") 0 0 repeat;
	background-size:5px auto;
}
#contents .section06 {
	position:relative;
	background-color:#bfdef3;
}
#contents .section07 {
	position:relative;
	background-color:#c8e9ce;
}
#contents .section08 {
	position:relative;
	background-color:#f7d7d7;
}
#contents .section09 {
	position:relative;
	background:transparent url("/products/bizprinter/smartcharge/images/index/bg_section09_sp.gif") 0 0 repeat;
	background-size:5px auto;
}
#contents .section10 {
	position:relative;
	background-color:#d7e1f7;
}
#contents .inner01 {
	padding:60px 5.3287vw 60px;
	margin:0 auto;
}
#contents .inner02 {
	padding:100px 5.3287vw 60px;
	margin:0 auto;
}
#contents .border01:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#85a8cb;
	transform:translateX(-50%) skewX(-20deg);
}
#contents .border02:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#9ecda4;
	transform:translateX(-50%) skewX(-20deg);
}
#contents .border03:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#e3a6a6;
	transform:translateX(-50%) skewX(-20deg);
}
#contents .border04:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#deaccf;
	transform:translateX(-50%) skewX(-20deg);
}
#contents .border05:after {
	content:"";
	position:absolute;
	top:-35px;
	left:50%;
	width:1px;
	height:70px;
	background-color:#604d9e;
	transform:translateX(-50%) skewX(-20deg);
}



/* =========== title =========== */
#contents .ttl01 {
	margin-bottom:20px;
	font-size:24px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color:#004a93;
	line-height:1.4;
	text-align:center;
}
#contents .ttl01 small {
	font-size:15px;
	display:block;
}
#contents .ttl01.white {
	color:#fff;
}
#contents .ttl01.green {
	color:#258f34;
}
#contents .ttl01.red {
	color:#c03a3a;
}
#contents .ttl01.purple {
	color:#b84c97;
}
#contents .ttl01.purple2 {
	color:#604d9e;
}
#contents .ttl02 {
	margin-bottom:10px;
	font-size:18px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color:#004a93;
	line-height:1.4;
}
#contents .ttl03 {
	margin-bottom:0;
	font-size:18px;
	line-height:1.4;
}
#contents .ttl04 {
	margin-bottom:10px;
	font-size:15px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color:#004a93;
	line-height:1.4;
}
#contents .ttl05 {
	margin-bottom:20px;
	font-size:20px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color:#004a93;
	line-height:1.4;
	text-align:center;
}
#contents .ttl05 small {
	font-size:15px;
	display:block;
}
#contents .ttl05.white {
	color:#fff;
}
#contents .ttl05.green {
	color:#258f34;
}
#contents .ttl05.red {
	color:#c03a3a;
}
#contents .ttl05.purple {
	color:#b84c97;
}


/* =========== text =========== */
#contents .txt01 {
	margin-bottom:15px;
	font-size:16px;
	line-height:30px;
}
#contents .txt01:last-child {
	margin-bottom:0;
}
#contents .txt02 {
	margin-bottom:20px;
	font-size:16px;
	line-height:26px;
}
#contents .fontBlue {
	color:#004a93 !important;
}
#contents .fontBlue02 {
	color:#0075c2 !important;
}
#contents .fontGreen {
	color:#2d714a !important;
}
#contents .fontGreen02 {
	color:#56b087 !important;
}
#contents .fontRed {
	color:#c03a3a !important;
}
#contents .fontPurple {
	color:#b84c97 !important;
}
#contents .fontPurple2 {
	color:#604d9e !important;
}


/* =========== button =========== */
#contents .btn01 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contents .btn01 a {
	/* display:block; */
	display: table;
	width:100%;
	height:100px;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	background-color:#7dc939;
}
#contents .btn01 a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#contents .btn01 a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#contents .btn01 a .ico {
	padding:0 12px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow01_sp.png") 100% 50% no-repeat;
	background-size:6px auto;
}

#contents .btn02 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contents .btn02 a {
	/* display:block; */
	display: table;
	width:100%;
	height:80px;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	background-color:#0460ba;
}
#contents .btn02 a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#contents .btn02 a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#contents .btn02 a .ico {
	padding:0 12px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow01_sp.png") 100% 50% no-repeat;
	background-size:6px auto;
}
#contents .btn02 a .sub {
	position:relative;
	margin-bottom:5px;
	padding:7px 12px 0 12px;
	height:26px;
	font-size:12px;
	color:#004a93;
	line-height:1;
	background-color:#fff;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
}
#contents .btn02 a .sub:before {
	position:absolute;
	content:"";
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 26px 8px;
	border-color: transparent transparent #0460ba transparent;
}
#contents .btn03 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contents .btn03 a {
	/* display:block; */
	display: table;
	width:100%;
	height:100px;
	color:#000;
	padding:5px;
	box-sizing:border-box;
	background-color:#ddd;
}
#contents .btn03 a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#contents .btn03 a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#contents .btn03 a .ico {
	padding:0 12px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow05_sp.png") 0 50% no-repeat;
	background-size:6px auto;
}

#contents .btnContact01 {
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contents .btnContact01 a {
	display:block;
	width:100%;
	height:120px;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	background-color:#f09300;
	transition:all 0.2s 0s ease;
}
#contents .btnContact01 a .dtable {
	display:table;
	width:100%;
	height:100%;
}
#contents .btnContact01 a .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
}
#contents .btnContact01 a .ico {
	padding:0 12px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow01_sp.png") 100% 50% no-repeat;
	background-size:6px auto;
}

#contents .btnTel01 {
	margin-bottom:15px;
	font-size:24px;
	line-height:1.4;
	font-weight:bold;
	text-align:center;
}
#contents .btnTel01 a {
	display:table;
	width:100%;
	height:120px;
	color:#004a93;
	box-sizing:border-box;
	background-color:#fff;
}
#contents .btnTel01 .outer {
	display:table;
	width:100%;
	height:120px;
	color:#004a93;
	box-sizing:border-box;
	background-color:#fff;
}
#contents .btnTel01 small {
	display:inline-block;
	color:#000;
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
}
#contents .btnTel01 .border {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
	border:5px solid #bfdef3;
}
#contents .btnTel01 .ico {
	padding:0 12px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow02_sp.png") 100% 50% no-repeat;
	background-size:6px auto;
}
#contents .btnTel01 em {
	padding-left:27px;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_tel_sp.png") 0 50% no-repeat;
	background-size:20px auto;
}


/* ======================
	contctBox
====================== */
#contents #contctBox .btnContact01 {
	margin-bottom:20px;
}
#contents #contctBox .btnContact01 .imgBlank {
	vertical-align:middle;
	margin-left:5px;
	width:7px;
}
#contents #contctBox .btnTel01 {
	margin-bottom:0;
}

/* ======================
	showroomBox
====================== */
#contents #showroomBox .inner01 {
	padding-bottom:0;
}
#contents #showroomBox .showroomBox01 {
	margin-bottom:20px;
	display:table;
	width:100%;
	background-color:#f2f8fc;
}
#contents #showroomBox .showroomBox01:last-child {
	margin-bottom:0;
}
#contents #showroomBox .showroomBox01 .text01 {
	margin-bottom:10px;
}
#contents #showroomBox .showroomBox01 .linkShowroom a {
	padding-right:12px;
	font-weight:bold;
	color:#004a93;
	background:transparent url("/products/bizprinter/smartcharge/images/index/ico_arrow02_sp.png") 100% 50% no-repeat;
	background-size:6px auto;
}
#contents #showroomBox .rigthBox04 {
	padding:25px 5.3287vw;
}

/* ======================
	newsSection
====================== */
#contents .newsSection {
	position: relative;
	width:auto;
	margin: 0 15px !important;
	border: 1px solid #CCCCCC;
}
#contents .newsSection .newsGroup {
	padding:0;
}
#contents .newsSection .headMod02 {
	background: #eaeaea;
	padding: 8px 15px;
	color: #2f3e46;
	font-weight: bold;
	margin: 0;
}
#contents .newsSection .headMod02 .fsS {
	padding-top:4px !important;
	font-size:12px;
	vertical-align:middle;
}
#contents .newsSection .newsGroup dl {
	margin: 8px;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding-bottom: 8px;
	font-size: 90%;
	overflow: hidden;
}
#contents .newsSection .newsGroup dl:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#contents .newsSection .newsGroup .date {
	display:inline-block;
	font-weight: bold;
	width:120px;
	margin-right: 0;
	padding-top: 4px;
	font-size:14.4px;
}
#contents .newsSection .newsGroup .ico {
	display:inline-block;
}
#contents .newsSection .newsGroup .ico img {
	width:auto;
}
#contents .newsSection .newsGroup .txt {
	display: block;
	margin-top: 5px;
	font-size:14.4px;
	width:auto;
}
#contents .ttlAttention {
	margin:30px 15px 10px;
	font-size:16px;
}
#contents .txtAttention {
	margin:0 15px;
	font-size:11px;
}

/* ======================
	relateBox
====================== */
#contents #relateBox .inner01 {
	padding: 25px 0;
}
#contents #relateBox .title {
	margin-bottom:25px;
	padding: 15px 20px;
	background-color: #FAFAFA;
	font-size: 20px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
#contents #relateBox .relateList {
	padding:0 5.3287vw;
}
#contents #relateBox .relateList li {
	margin-bottom:20px;
}
#contents #relateBox .relateList li:nth-child(3n) {
	margin-bottom:0;
}

/* ======================
	sitemap
====================== */
#contents .smartcharge_sitemap {
     width: 100%;
    background-color: #f4f4f4;
    margin-bottom: -70px;
}

#contents .smartcharge_sitemap .ttl h3 {
  font-size: 14px;
}

#contents .smartcharge_sitemap .ttl h3 a{
  color: #000000;
}

#contents .smartcharge_sitemap .ttl h3 a :visited{
  color: #000000;
}

#contents .smartcharge_sitemap li {
  margin-bottom: 2px;
}
#contents .smartcharge_sitemap dd.listBlock.info_list li {
  margin-bottom: 4px;
}

#contents .smartcharge_sitemap .layCol03 li {
  margin-bottom: 4px;
}
#contents .smartcharge_sitemap .layCol04 li {
  margin-bottom: 4px;
}
#contents .smartcharge_sitemap li a {
  line-height: 1.5;
}
#contents .smartcharge_sitemap li a img {
	width:15px;
}

#contents .smartcharge_sitemap .layCol03 li > a {
  color: #000;
}


#contents .smartcharge_sitemap .subNav {
  width: 960px;
  margin: 0 auto;
  padding: 45px 0 35px;
}

#contents .smartcharge_sitemap .subNav .innerBlock a {
  color: #000;
}
#contents .smartcharge_sitemap .subNav .innerBlock li > a {
  line-height: 1.5;
  font-size: 12px;
  color: #686868;
}
#contents .smartcharge_sitemap .subNav .layCol01,
#contents .smartcharge_sitemap .subNav .layCol03 {
  float: left;
  width: 30%;
  box-sizing: border-box;
  padding: 0 15px;
}
#contents .smartcharge_sitemap .subNav .layCol02 {
  float: left;
  width: 40%;
  box-sizing: border-box;
  padding: 0 15px;
}
#contents .smartcharge_sitemap .subNav .layCol02{
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  height: 280px;
}

#contents .smartcharge_sitemap .subNav .indent {
  margin-left: 10px;
}
#contents .smartcharge_sitemap .subNav .layCol01 dl dt{
  margin-bottom: 3px;
  font-size: 12px;
}

#contents .smartcharge_sitemap .subNav .layCol02 dl dt{
  margin-bottom: 5px;
  font-size: 14px;
}

#contents .smartcharge_sitemap .subNav .layCol03 dl dt,
#contents .smartcharge_sitemap .subNav .layCol04 dl dt {
  margin-bottom: 5px;
}

#contents .bdrnone {
  border: none !important;
}

#contents .smartcharge_sitemap span.bold {
  font-weight: bold;
}
#contents .smartcharge_sitemap span.bold-gray {
  color: #686868 !important;
    font-weight: bold;
}


#contents .smartcharge_sitemap dd.listBlock {
  margin-bottom: 20px;
}
#contents .smartcharge_sitemap div.layCol01 dd.listBlock,
#contents .smartcharge_sitemap div.layCol02 dd.listBlock {
  margin-bottom: 11px;
}

#contents .smartcharge_sitemap dd.listBlock li.title {
  padding-top: 10px;
  padding-right: 10px;
  line-height: 1.6em;
  font-weight: bold;
}

#contents .smartcharge_sitemap div.layCol04 dt {
  margin-bottom: 10px;
  border-top: solid 1px #dddddd;
}

#contents .smartcharge_sitemap div.layCol04 .bdrbtm {
  border-bottom: solid 1px #dddddd;
  padding-bottom: 20px;
}

/*cate-bar*/

#contents .smartcharge_sitemap .dash-bar {
  padding-left: 14px;
  background: url(/products/bizprinter/smartcharge/images/index/link_dash_ico.png) no-repeat 0 0.35em;
  background-size: 7px auto;
  line-height: 1.5;
}

#contents .smartcharge_sitemap .subNav {
    width: 100%;
    margin: 0 auto;
}
#contents .smartcharge_sitemap .subNav .layCol01,
#contents .smartcharge_sitemap .subNav .layCol02,
#contents .smartcharge_sitemap .subNav .layCol03 {
  width: 100%;
  margin-bottom: 10px;
}
#contents .smartcharge_sitemap .subNav .layCol02 {
  border: none;
  height: auto;
}
#contents .smartcharge_sitemap .ttl h3.mb30 {
  margin-bottom: 10px !important;
}
#contents .smartcharge_sitemap {
  margin-bottom : -50px;
}
#contents.contentPlan .inner01 .detailSection {width: 100%;}

}

/* print */
@media print {
	#scrollHead {
		display: none!important;
	}
	#footer #pagetopBlock {
		display: none!important;
	}
	.lineupArea .navi {
		page-break-after: always;
	}
}