@charset "UTF-8";


/*===================================================================
	/products/pro/common/
===================================================================*/
/* ------ lNav ------ */
.pbbA { page-break-before:always; }
.lNav {
	width:100%;
	min-width:960px;
	height:43px;
	background:url(/common/images/bg_line_01.gif) repeat-x left bottom;
}
.lNav ul {
	width:960px;
	margin:0 auto;
}
.lNav li {
	float:left;
	width:192px;
	height:43px;
}
.lNav li a {
	display:block;
	width:100%;
	height:100%;
}
.lNav.top li.lnav01 a,
.lNav li.lnav01 a:hover { background:url(/products/pro/common/images/nav_local_01_on.gif) no-repeat left top; }
.lNav.feature li.lnav02 a,
.lNav li.lnav02 a:hover { background:url(/products/pro/common/images/nav_local_02_on.gif) no-repeat left top; }
.lNav.spec li.lnav03 a,
.lNav li.lnav03 a:hover { background:url(/products/pro/common/images/nav_local_03_on.gif) no-repeat left top; }
.lNav.supply li.lnav04 a,
.lNav li.lnav04 a:hover { background:url(/products/pro/common/images/nav_local_04_on.gif) no-repeat left top; }
.lNav.service li.lnav05 a,
.lNav li.lnav05 a:hover { background:url(/products/pro/common/images/nav_local_05_on.gif) no-repeat left top; }

.lNav li a:hover img,
.lNav.top li.lnav01 a img,
.lNav.feature li.lnav02 a img,
.lNav.spec li.lnav03 a img,
.lNav.supply li.lnav04 a img,
.lNav.service li.lnav05 a img {
	visibility:hidden;
}
a.over:hover,
a:hover img.over {
	opacity:0.7;
	filter:alpha(opacity=70);
}


/*===================================================================
	module
===================================================================*/
#contents .headSection .ttl h1,
#contents .headSection .ttl p {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:bottom;
	padding-left:15px;
	background:url(/common/images/bg_dline_01.gif) repeat-y left top;
}
#contents .headSection .aside .guide li p{ letter-spacing:-1px !important; }
#contents .headSection .ttl h1{ _padding-bottom:5px; font-size:150%; line-height: 1.1em; letter-spacing:0.025em; }
/* ------ ttlMod01 ------ */
#contents .detailSection .main .detailGroup .ttlMod01 h2,
#contents .detailSection .main .detailGroup .ttlMod01 h3,
#contents .detailSection .main .detailGroup .ttlMod01 h4,
#contents .detailSection .main .detailGroup .ttlMod01 h5 {
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(/products/pro/common/images/bg_ttl_02.gif) no-repeat right center;
}
#contents .detailSection .main .detailGroup .ttlMod01 span {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0.8em 20px 0.7em 20px;
	background:url(/products/pro/common/images/bg_ttl_01.gif) no-repeat left center;
	line-height:1;
	color:#FFF;
	font-weight:bold;
}

/* ------ footCatNav ------ */
#contents .footCatNav ul:first-child{
	border-top:1px #173e53 solid;
}
#contents .footCatNav ul{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	border-bottom:1px #173e53 solid;
}
#contents .footCatNav ul li{
	float:left;
	padding:4px;
}
#contents .footCatNav ul li a{
	display:block;
	padding:7px 10px 7px 0;
	color:#173e53;
	letter-spacing:normal;
}
#contents .footCatNav ul li a:hover{
	background:#d5edfa;
	text-decoration:underline;
}
body.camera_01 #contents .footCatNav ul li.cur07 a,
body.camera_02 #contents .footCatNav ul li.cur08 a,
body.camera_03 #contents .footCatNav ul li.cur09 a,
body.dev_01 #contents .footCatNav ul li.cur10 a,
body.dev_02 #contents .footCatNav ul li.cur11 a,
body.ink #contents .footCatNav ul li.cur03 a,
body.paper #contents .footCatNav ul li.cur04 a,
body.download #contents .footCatNav ul li.cur05 a,
body.history #contents .footCatNav ul li.cur06 a,
body.nakai_2015 #contents .footCatNav ul li.cur13 a,
body.miyoshi_2015 #contents .footCatNav ul li.cur14 a,
body.terauchi_2015 #contents .footCatNav ul li.cur15 a {
	background:#173e53;
	color:#fff;
	text-decoration:none;
}
#contents .footCatNav ul li a span.wanderLink{
	display:block;
	height:21px;
	border-left:6px solid #173e53;
	padding-left:10px;
	background:url(/products/pro/images/ico_arrow.png) no-repeat right center;
}
#contents .footCatNav ul li a:hover span.wanderLink{
	background:url(/products/pro/images/ico_arrow.png) no-repeat right center;
}
#contents .footCatNav ul.col1 li{
	width:952px;
	height:35px;
}
#contents .footCatNav ul.col2 li{
	width:472px;
	height:35px;
}
#contents .footCatNav ul.col3 li{
	width:312px;
	height:35px;
}

/* ------ proseleLineup ------ */
#contents .proseleLineup {
	width:960px;
	margin:0 auto;
}
#contents .proseleLineup .bnr01 a {
	display:block;
	background:url(/products/pro/common/images/bn_prosele_01_o.jpg) no-repeat left top;
}
#contents .proseleLineup .bnr01 a:hover img {
	visibility:hidden;
}

/* ------ portalLineup ------ */
#contents .portalLineup {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	background-color:#e6f0fa;
}
#contents .portalLineup .portalWrap {
	padding:18px 3px 18px 13px;
}

#contents .portalLineup .portalHd {
	padding:0 10px 5px 0;
}

#contents .portalLineup .portalList { }
#contents .portalLineup .portalList li {
	position:relative;
	float:left;
	width:462px;
	margin:10px 10px 0 0;
}
#contents .portalLineup .portalList li a {
	display:block;
	padding:1px;
	border:1px solid #c8d2dc;
	background-color:#ffffff;
	color:#2c4054;
	text-decoration:none;
}
#contents .portalLineup .portalList li .portalCont {
	display:block;
	height:95px;
	padding:0 12px 0 130px;
	overflow:hidden;
	border:1px solid #c8d2dc;
	background:url(/products/pro/common/images/bt_portal_01_o.gif) no-repeat right bottom;
	cursor:pointer;
}
#contents .portalLineup .portalList li .image {
	position:absolute;
	top:11px;
	left:12px;
	cursor:pointer;
}
#contents .portalLineup .portalList li .hd {
	display:block;
	margin-top:15px;
	font-weight:bold;
	font-size:21px;
	line-height:1.4;
	cursor:pointer;
}
#contents .portalLineup .portalList li .text {
	display:block;
	font-size:11px;
	color:#333333;
	line-height:1.6;
	cursor:pointer;
}
#contents .portalLineup .portalList li .detail {
	position:absolute;
	right:3px;
	bottom:3px;
	cursor:pointer;
}

#contents .portalLineup .portalList li a:hover {
	border:2px solid #c0c0c0;
	padding:0;
}
#contents .portalLineup .portalList li a:hover .portalCont {
	border-color:#c0c0c0;
}
#contents .portalLineup .portalList li a:hover .detail {
	display:none;
}

#contents .portalLineup .portalList li a span,
#contents .portalLineup .portalList li a span em {
	color:#2c4054 !important;
	text-decoration:none !important;
	letter-spacing:normal !important;
}
/* ------ tblMod ------ */
.tblMod01 { width:100%; border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-collapse:collapse; }
.tblMod01 th { background-color:#FAFAFA; }
.tblMod01 th,
.tblMod01 td { padding:15px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }

.txtM { _font-size:95% !important; }




/* Supported products */
#contents .support_products {
	width:886px;
	padding:0 14px 9px;
	border:1px solid #D3D3D3;
	background:#FFFFFF;
	margin:30px 0 10px;
}
#contents .support_products h3 {
	margin:0 -14px 10px;
	text-align:left;
}
#contents .l30 {
	width:850px;
	padding:0 14px 9px;
	border:1px solid #D3D3D3;
	background:#FFFFFF;
	margin:30px 0 10px 30px;
}


#contents .border {
	width:886px;
	padding:0 14px 9px;
	border:2px solid #D3D3D3;
	margin:30px 0 10px 20px;
}
#contents h4.bggreynone{
    background: none !important;
    padding: 0 !important;
}


#contents .support_products ul{
	width:886px;
	margin:0 auto;
	overflow:hidden;
}
#contents .support_products ul li{
	float:left;
	padding:4px;
}

.mark {
    background-color: #f00;
    color: #fff;
    float: left;
    font-size: 100%;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 8px;
    padding: 2px 5px 1px;
}

/* featureBorderList */
.featureBorderList {
}
.featureBorderList li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e5e5e5;
	overflow: hidden;
}
.featureBorderList li.last {
	padding-bottom: 0;
	border-bottom: none;
}
.featureBorderList li .image {
	float: right;
	margin-left: 20px;
}
.featureBorderList li .text {
	overflow: hidden;
}


/*外部リンク明示*/
dl.agInfo {
	font-size:79%;
	line-height:15px;
}
dl.agInfo dt {
	float:left;
	width:15px;
	height:15px;
	background:url(/common/images/ico_pop_02.gif) no-repeat;
}
dl.agInfo dd {
	padding-left:18px;
}

/*ボタンの横並び,高さ揃え*/
ul.agBtn {
	list-style-type:none;
	position:relative;
	width:auto;
	height:60px;
}
ul.agBtn li.li01 {
	position:absolute;
	left:0;
	top:8px;
}
ul.agBtn li.li02 {
	position:absolute;
	left:145px;
	top:5px;
}
ul.agBtn li.li02 a img {
	vertical-align:text-bottom;
}


/*added by FM-Min*/
#contents .headSection .leftArea .title.txt {
    font-size: 24px;
    font-family："ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif: ;
    line-height: 1em;
}
.feature h3.ttl01 {
    background: url(/products/pro/common/images/h3_ico_blue_t.gif) no-repeat left;
    padding-left: 20px;
}
.bg-ltGrn {
    background-color: #f6f9f2;
}
.bzB {
    box-sizing: border-box;
}

.lNav.sixtab li {
  float:left;
  width:160px !important;
  height:43px;
}

.lNav.top li.lnav01 a,
.lNav.sixtab li.lnav01 a:hover { background:url(/products/pro/common/images/nav2_local_01_on.gif) no-repeat left top; }
.lNav.sixtab.feature li.lnav02 a,
.lNav.sixtab li.lnav02 a:hover { background:url(/products/pro/common/images/nav2_local_02_on.gif) no-repeat left top; }
.lNav.sixtab.spec li.lnav03 a,
.lNav.sixtab li.lnav03 a:hover { background:url(/products/pro/common/images/nav2_local_03_on.gif) no-repeat left top; }
.lNav.sixtab.supply li.lnav04 a,
.lNav.sixtab li.lnav04 a:hover { background:url(/products/pro/common/images/nav2_local_04_on.gif) no-repeat left top; }
.lNav.sixtab.katsuyou li.lnav05 a,
.lNav.sixtab li.lnav05 a:hover { background:url(/products/pro/common/images/nav2_local_05_on.gif) no-repeat left top; }
.lNav.sixtab.okomari li.lnav06 a,
.lNav.sixtab li.lnav06 a:hover { background:url(/products/pro/common/images/nav2_local_06_on.gif) no-repeat left top; }

.lNav.top li.lnav01 a,
.lNav.sixtab li.lnav01 a:hover { background:url(/products/colorio/common/images/nav2_local_01_on.gif) no-repeat left top; }
.lNav.sixtab.feature li.lnav02 a,
.lNav.sixtab li.lnav02 a:hover { background:url(/products/colorio/common/images/nav2_local_02_on.gif) no-repeat left top; }
.lNav.sixtab.spec li.lnav03 a,
.lNav.sixtab li.lnav03 a:hover { background:url(/products/colorio/common/images/nav2_local_03_on.gif) no-repeat left top; }
.lNav.sixtab.supply li.lnav04 a,
.lNav.sixtab li.lnav04 a:hover { background:url(/products/colorio/common/images/nav2_local_04_on.gif) no-repeat left top; }
.lNav.sixtab.katsuyou li.lnav05 a,
.lNav.sixtab li.lnav05 a:hover { background:url(/products/colorio/common/images/nav2_local_05_on.gif) no-repeat left top; }
.lNav.sixtab.okomari li.lnav06 a,
.lNav.sixtab li.lnav06 a:hover { background:url(/products/colorio/common/images/nav2_local_06_on.gif) no-repeat left top; }

.lNav li a:hover img,
.lNav.top li.lnav01 a img,
.lNav.feature li.lnav02 a img,
.lNav.spec li.lnav03 a img,
.lNav.supply li.lnav04 a img,
.lNav.service li.lnav05 a img,
.lNav.katsuyou li.lnav05 a img,
.lNav.okomari li.lnav06 a img {
  visibility:hidden;
}

.ancNav li.lgtxt {
    width: auto;
}
#contents .headSection .leftArea .title.txt {
  font-size: 24px;
  font-family："ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1em;
}

#contents .mainSection .summary .ttl .ttlGroup .model_ttl {
  font-family："ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 1em;
}

#contents .mainSection.top .img {
  width: 386px;
  padding-right: 32px;
}
#contents .mainSection.top .summary {
  vertical-align: top;
  width: 574px;
}

#contents .mainSection.top .point {
  width: 547px;
/*  font-size: 10px;*/
}

#contents .mainSection.top .point li {
  margin: 0 0 5px 0;
}

#contents .detailSection .ttl h3 {
  font-size: 24px;
  text-align: center;
  padding: 40px 0 20px 0;
}

#contents .detailSection.section01 h2.headMod02 {
  font-size: 173%;
}

#contents .detailSection.section01 {
  width: 100%;
  margin: 0 auto;
}

#contents .detailSection.section01 .main{
  width: 960px !important;
  margin: 0 auto;
  float: none;
}

#contents .detailSection.section01 .main .detailGroup .detail {
  padding:0;
  background-color:#f4f4f4;
}
#contents .detailSection.section01 .main .detailGroup .detail span.img a {
  padding-right:0;
  background: unset;
}

#contents .detailSection a img:hover  {
  opacity: 0.5 !important;
}

#contents .detailSection.section01 .main .detailGroup .detail .summary {
  padding: 40px;
  width: 440px;
}

#contents .detailSection.section01 .main .detailGroup .detail .summary .ttl {
  color: #000;
  font-weight: bold;
  padding-left: 22px;
}

#contents .detailSection.section01 .main .detailGroup .detail .summary.feature01 {
  background: url(/products/pro/common/images/01_ico.png)no-repeat;
}

#contents .detailSection.section01 .main .detailGroup .detail .summary.feature02 {
  background: url(/products/pro/common/images/02_ico.png)no-repeat;
}

#contents .detailSection.section01 .main .detailGroup .detail .summary.feature03 {
  background: url(/products/pro/common/images/03_ico.png)no-repeat;
}
#contents .detailSection.section01 .main .setModel ul,
#contents .detailSection.section01 .main .option ul {
	width: 100%;
	padding-top: 0;
}
#contents .detailSection.section01 .main .setModel ul li,
#contents .detailSection.section01 .main .option ul li {
	padding-right: 8px;
}

p.gray-btn a{
  display: inline-block !important;
  background: #797d80 url(/products/pro/common/images/btn_arrow_right.png) no-repeat 98% center !important;
  color: #fff;
  font-size: 18px;
  padding: 9px 24px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 2px;
  text-align: center;
  width: 215px;
  font-weight: bold;
}

.gray-btn a:hover,
.dl_box a:hover,
.info_box a:hover {
  opacity: 0.7 !important;
}

/*.feature_list p.gray-btn a{
  width: 424px;
  padding: 16px 24px;
  text-decoration: none;
}
*/
.specialcontents_img ul.img li:last-child {
  margin-right: 0;
}

.specialcontents_img ul.slide {
  display: inline-block;
}

.specialcontents_img .slide li {
  width: 223px;
  margin-right: 22.5px;
  float: left;
}

.specialcontents_img .slide li dl { }

.specialcontents_img .slide li dl dt span {
  display:block;
}

.specialcontents_img .slide li dl dt span img {
  height: 108px;
}

#contents .secLine {
  border-top: 1px solid #e5e5e5;
  height: 1px;
  width: 100%;
}

/*------purchase ---------*/

.purchase {
  margin: 0 auto;
  width: 812px;
}

.dl_box li {
  float: left;
}

.dl_box {
  margin-right: 12px;
}

.dl_box a,.info_box a {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  padding: 32px 47px;
  width: 400px;
  height: 120px;
  margin: 0 auto;
  color: #000;
  text-decoration: none;
}

.dl_box1 a,.info_box1 a {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  width: 400px;
  height: 120px;
  margin: 0 0 0 0;
  color: #000;
  text-decoration: none;
}

.dl_box a {
	background: #e7e7e7 url(/products/pro/common/images/ico_dl.gif) no-repeat 16% center !important;
}
.info_box a {
	background: #e7e7e7 url(/products/pro/common/images/ico_ph_calling.gif) no-repeat 16% center !important;
}

.info_text,
.dlIcon_text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5em;
  padding-left: 90px;
}
.info_box .info_text {
	font-size: 18px;
	padding-left: 65px;
}
.info_text .fsXS {
	font-size: 60%;
	line-height: 1.5em;
}

/* -START- purchase.txt(new) -- */
.purchase.tbl{
	margin-left: auto;
	margin-right: auto;
	max-width: 812px;
	width: 100%;
  display: table;
}
.purchase .tbl-cell{
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
.purchase .tbl-cell:nth-of-type(1){
	padding-right: 6px;
}
.purchase .tbl-cell:nth-of-type(2){
	padding-left: 6px;
}
.purchase .ico-box{
	box-sizing: border-box;
	min-height: 120px;
	max-width: 400px;
	position: relative;
	width: 100%;
}
.purchase .ico-box.bg-gry{
	background-color: #e7e7e7;
}
.purchase .ico-box.bg-line1{
	border: 1px solid #000;
}
.purchase .btn-dl .ico-box{
	background-image: url(/products/pro/common/images/ico_dl.gif);
	background-position: left 55px center;
	background-repeat: no-repeat;
	background-size: 15%;
}
.purchase .btn-tel .ico-box{
	background-image: url(/products/pro/common/images/ico_ph_calling.gif);
	background-position: left 25px center;
	background-repeat: no-repeat;
	background-size: 15%;
}
.purchase .ico-box .ico-space{
	padding: 47px 12px 48px 98px;
}
.purchase .btn-dl .ico-box .ico-space{
	padding: 13px 12px 13px 138px;
}
.purchase .txt-cmmt{
	font-size: 10px;
	margin-top: 10px;
}
.purchase .ico-box a,
.purchase .ico-box a:hover{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.purchase .btn-dl a{
	box-sizing: border-box;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.purchase .btn-dl .ico-box.bg-gry:hover{
	opacity: .7;
}
.purchase .btn-dl a > span{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.purchase .btn-tel .ico-box p:nth-of-type(2){
	margin-top: 5px;
}
.purchase .btn-tel .txt-deco{
	font-size: 13px;
}
.purchase .btn-tel .txt-small{
	font-size: 12px;
	font-weight: normal;
}
.purchase .btn-tel .txt-small a{
	font-size: 12px;
	font-weight: normal;
}
/* -END- purchase.txt(new) -- */

/* -START- purchase2.txt(new) -- */
.purchase2 a{
	color: #000;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
}
.purchase2 a.bg-box:hover{
	opacity: .7;
}
.purchase2 .fz-s{
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: -5px;
	padding-bottom: 5px;
	text-align: left;
}
.purchase2 .fz-xs{
	box-sizing: border-box;
	display: block;
	font-size: 10px;
	margin-top: -12px;
}
.purchase2 .btn-form a,
.purchase2 .btn-dl a{
	display: block;
}
.purchase2 .tbl{
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	width: 100%;
}
.purchase2 .tbl-cell{
	position: relative;
	width: 50%;
}
.purchase2 .tbl-cell:nth-of-type(1){
	padding-right: 7px;
}
.purchase2 .tbl-cell:nth-of-type(2){
	padding-left: 7px;
}
.purchase2 .btn-dl{
	margin: 14px auto 0;
	max-width: 473px;
}
.purchase2 .bg-box{
	box-sizing: border-box;
	padding: 15px 20px;
	text-align: center;
}
.purchase2 .bg-line1{
	border: 1px solid #000;
	box-sizing: border-box;
}
.purchase2 .bg-gry{
	background-color: #e7e7e7;
	box-sizing: border-box;
	position: relative;
}
.purchase2 .btn-tel .bg-ico{
	margin-top: -10px;
	padding-bottom: 25px;
	padding-top: 25px;
}
.purchase2 .btn-form .bg-gry{
	box-sizing: border-box;
	width: 100%;
}
.purchase2 .btn-form .bg-ico{
	top: 50%;
}
.purchase2 .btn-form .bg-box{
	height: 100%;
}
.purchase2 .bg-ico{
	display: inline-block;
	padding: 33px 15px 33px 75px;
	position: relative;
}
.purchase2 .bg-ico:before{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 56px;
	left: 0;
	width: 56px;
	position: absolute;
	transform: translate(0,-50%);
	top: 50%;
}
.purchase2 .btn-form .bg-ico:before{
	background-image: url(/products/pro/common/images/ico_ph_form.png);
}
.purchase2 .btn-tel .bg-ico:before{
	background-image: url(/products/pro/common/images/ico_ph_tel.png);
}
.purchase2 .btn-dl .bg-ico:before{
	background-image: url(/products/pro/common/images/ico_dl.gif);
}
/* -END- purchase2.txt(new) -- */


/*----service_box-----*/

.services {
	display: inline-block;
	width: 100%;
}

.service_box .ico_i a {
  background: #e7e7e7 url(/products/pro/common/images/ico_i.gif) no-repeat 50% 20% !important;
}

.service_box .ico_driversoftware a {
  background: #e7e7e7 url(/products/pro/common/images/ico_driversoftware.gif) no-repeat 50% 20% !important;
}

.service_box .ico_ques a {
  background: #e7e7e7 url(/products/pro/common/images/ico_ques.gif) no-repeat 50% 20% !important;
}
.service_box .ico_msg a {
  background: #e7e7e7 url(/products/pro/common/images/ico_msg.gif) no-repeat 50% 20% !important;
}
.service_box .ico_tools a {
  background: #e7e7e7 url(/products/pro/common/images/ico_tools.gif) no-repeat 50% 20% !important;
}
.service_box .ico_os a {
  background: #e7e7e7 url(/products/pro/common/images/ico_os.gif) no-repeat 50% 20% !important;
}

.service_box {
  display: block;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}
.service_box .box{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.service_box .box a {
  box-sizing: border-box;
  -webkit-align-items: center;
  display: inline-block;
  margin-right: 12px;
  background: #e7e7e7;
  padding: 17px 0;
  width: 150px;
  height: 120px;
  text-align: center;
}

.service_box .box.ico_os a {
  margin-right:0;
}

.services .service_box a:hover {
  opacity: 0.7 !important;
}
.services .service_box a {
  text-decoration: none;
  color: #000;
}

.services .service_box span.txt {
  font-size: 16px;
  font-weight: bold;
  top: 66%;
  position: relative;
}

.services .service_box .ico_driversoftware span.txt {
  font-size: 16px;
  font-weight: bold;
  top: 57%;
  position: relative;
}

/* share
=============================================================== */
#contents .share_title {
  font-size: 30px;
  text-align: center;
}
#contents .share_list {
  margin: 25px auto 0;
}
#contents .share_list ul {
  text-align: center;
}
#contents .share_list ul li {
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin: 0 15px;
}

/*==================for slick slider======================*/
.mainSection.top .image {
  float: left;
  width: 380px;
  opacity: 0;
  position: relative;
  display: block;
}

.mainSection.top .image > ul > div > div > li {
  position: relative;
}

.mainSection.top .image #slider span,
.mainSection.top .image #slider-unslide span {
  content: "*";
  position: absolute;
  top: 16px;
  right: 15px;
  width: 25px;
  height: 25px;
}

.mainSection.top .image #slider .item {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

.mainSection.top .image #slider .item img:hover {
  opacity: 0.8 !important;
}

.mainSection.top .image #sliderThumb,
.mainSection.top .image #sliderThumb-unslide {
  margin-top: -18px;
  text-align: left;
  z-index: 100;
}

.mainSection.top .image #sliderThumb li,
.mainSection.top .image #sliderThumb-unslide li {
  display: inline-block;
  margin: 0 3px;
  border: 1px solid #e1e1e1;
  width: 58px;
  cursor: pointer;
}

.mainSection.top .image #sliderThumb .slick-slide.slick-current,
.mainSection.top .image #sliderThumb-unslide .slick-slide.slick-current
{
  border: 1px solid #b9b9b9;
  opacity: 1.0 !important;
}

.mainSection.top .image #sliderThumb .slick-active,
.mainSection.top .image #sliderThumb-unslide .slick-active{
  opacity: 0.5;
}

.mainSection.top .image #sliderThumb li img,
.mainSection.top .image #sliderThumb-unslide li img {
  width: 100%;
}

.mainSection.top .image #sliderThumb .slick-list,
.mainSection.top .image #sliderThumb-unslide .slick-list {
	padding:0 !important;
}
.mainSection.top .image #sliderThumb .slick-slide,
.mainSection.top .image #sliderThumb-unslide .slick-slide {
	width:60px;
	border: 1px solid #e1e1e1;
	cursor: pointer;
	margin: 0 5px;
}

.mainSection.top .image #sliderThumb img,
.mainSection.top .image #sliderThumb-unslide img {
  width: 100%;
}

.ml70{
	margin-left:-70px !important;
}
.ml7percent{
  margin-left: 7% !important;
}
.ml5percent{
  margin-left: 5% !important;
}
.ml150{
	margin-left:150px !important;
}
.slick-next {
  background: url(/products/pro/common/images/ico_arrow-right.png)no-repeat!important;
  width: 15px!important;
  height: 26px!important;
}

.slick-prev {
  background: url(/products/pro/common/images/ico_arrow-left.png)no-repeat!important;
  width: 15px!important;
  height: 26px!important;
}

.slick-next:before,.slick-prev:before {
  display: none;
}
.zoomImage {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 9990;
  display: none;
}

.zoomImage .modal_lay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: 0;
}

.zoomImage .modalImage {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.zoomImage .modal_close {
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 2;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.zoomImage .modal_close:hover {
  opacity: 0.8;
}

.zoomImage .modal_close .close01 {
  display: inline-block;
  line-height: 1;
  font-size: 32px;
}

.zoomImage .modal_close .close02 {
  display: inline-block;
  line-height: 1;
  font-size: 26px;
}

.modalImage iframe {
  width: 850px;
  height: 638px;
}
/*==================for spec icon======================*/
.spec-icon {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #4a6593;
  color: #4a6593;
  font-size: 13px;
  font-weight: bold;
  width: 130px;
  height: 40px;
  text-align: center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*for chrome*/
 .spec-icon span {
  font-size: 60%;
  width: 130%;
  margin-left: -2px;
  display: inline-block;
  -webkit-transform: scale(0.8);
  -webkit-transform-origin: 0 0;}
}
.spec-icon span {/*for other broswer*/
  font-size: 8px;
}
.spec-ttl {
  font-size: 10px !important;
  background-color: #4a6593 !important;
  height: 19px;
  padding-top: 1px;
  color: #fff;
}

.spec-txt {
  padding-top: 3px;
}
.spec-icon.small1{
	height:20px !important;
}

.spec-icon.gray {
	border: 1px solid #797d7f;
	color: #797d7f;
	height: 20px !important;
	width: 100px;
	font-size: 13px;
}
.spec-icon .iLink01 {
    display: block;
    padding-left: 9px;
    background: url(/common/images/ico_link_01.gif) no-repeat left top;
    font-size: 11px;
    margin-top: 7px;
}
/*feature tile*/
.feature h3.ttl01 {
  background: url(/products/pro/common/images/h3_ico_blue_t.gif) no-repeat left;
  padding-left: 20px;
}
/*spec icon large and medium */
.spec-icon.large.sample {
  display: table-cell;
  vertical-align: middle;
}

.spec-icon.medium.sample {
  display: table-cell;
  vertical-align: middle;
}

.spec-icon.large {
  height: 86px;
  display: inherit;
  border: 1px solid #797d7f;
}
.spec-icon.medium {
  height: 65px;
  display: inherit;
}
.spec-icon.small {
  height: 20px;
  width: 100px;
}

.spec-icon.large .spec-txt {
  height: 61px;
    display: table-cell;
    vertical-align: middle;
    width: 136px;
}
.spec-icon.large .fsXS {
  font-size: 10px;
}
.spec-icon.large ul.row01 li,
.spec-icon.large ul.row02 li {
  margin: 0 !important;
}
.spec-icon.large .row01 {
  border-bottom: 1px dotted #4a6593;
  margin-bottom: 9px;
  margin-left: 2px;
  padding-bottom: 4px;
}
.spec-icon.large ul.row02 {
  margin-left:2px;
}
span.txt-disini {
    display: initial !important;
}
.left.flL.taL.w44.taC ul{
  height: 60px;
}
.spec-icon.large .spec-ttl02 {
    font-size: 10px;
    background-color: #4a6593 !important;
    height: 17px;
    margin-top: 0px;
    padding-top: 1px;
    color: #fff;
}
.spec-icon.large.ink {
  width: 268px;
}

.spec-icon.large.ink .spec-icon {
  border: 0;
  width: 150px;
  height: 38px;
}

.spec-icon.large.ink .spec-ttl {
  margin: 0 !important;
}

.spec-icon.large.ink .spec-sec .mt1 {
  margin-top: 1px;
}

.spec-icon.large.ink .spec-sec li {
  margin: 0 !important;
}
.spec-icon.large.ink .spec-sec .large-txt {
  font-size: 22px;
}
.spec-icon.large.ink .spec-sec .left {
  border-right: 1px dotted #4a6593;
  padding: 2px 5px 0px;
}
.spec-icon.large.ink .spec-sec .right {
  padding: 4px 5px 0px;
}
/* /spec icon large*/

/*===================for print screen========================*/
* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}
/*=============for top header link=======================*/
.home-link {
  margin-top: 20px !important;
  margin-bottom: -25px !important;

}
.home-link ,
.home-link1 {
	margin: 21px 16px -17px 0 !important;
}
.home-link a ,
.home-link1 a {
  color: #005AB4!important;
  font-size: 79%;
}
.summary-spec-icon.small {
    height: 20px;
    width: 100px;
}
.summary-spec-icon {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #797d7f;
    color: #797d7f;
    font-size: 13px;
    font-weight: bold;
    width: 136px;
    height: 40px;
    text-align: center;
}
.point .summary-spec-icon{
  border: 1px solid #797d7f;
  color: #797d7f;
}



/*pro_sitemap*/
div.pro_sitemap {
     width: 100%;
    background-color: #f4f4f4;
    padding: 45px 0 35px;
    margin-bottom: -70px;
}

div.pro_sitemap .ttl h3 {
  font-size: 14px;
}

div.pro_sitemap .ttl h3 a{
  color: #000000;
}

div.pro_sitemap .ttl h3 a :visited{
  color: #000000;
}

div.pro_sitemap li {
  margin-bottom: 2px;
}
div.pro_sitemap dd.listBlock.info_list li {
  margin-bottom: 4px;
}

div.pro_sitemap .layCol03 li {
  margin-bottom: 4px;
}
div.pro_sitemap .layCol04 li {
  margin-bottom: 4px;
}
div.pro_sitemap li a {
  line-height: 1.5;
}

div.pro_sitemap .layCol03 li > a {
  color: #000;
}

.mb-0 {
  margin-bottom: 0 !important;
}

#contents .pro_sitemap .subNav {
  width: 960px;
  margin: 0 auto;
}


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

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

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

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

.bdrnone {
  border: none !important;
}

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

.mt-20 {
  margin-top: 20px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

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

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

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

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

/*cate-bar*/

div.pro_sitemap .dash-bar {
  padding-left: 14px;
  background: url(/products/pro/common/images/link_dash_ico.png) no-repeat 0 0.35em;
  background-size: 7px auto;
  line-height: 1.5;
}

/*!pro_sitemap*/

/*    /for kasuyou & okomari page    */

.feature h3.ttl01 {
    background: url(/products/pro/common/images/h3_ico_blue_t.gif) no-repeat left;
    padding-left: 20px;
}
.katsuyou h3.ttl01 {
    background: url(/products/pro/common/images/h3_ico_blue_t.gif) no-repeat left;
    padding-left: 20px;
}
.okomari h3.ttl01 {
    background: url(/products/pro/common/images/h3_ico_blue_t.gif) no-repeat left;
    padding-left: 20px;
}

.home-link {
  margin-top: 10px !important;
  margin-bottom: -20px !important;
}

.home-link a {
 color: #fff !important;
 font-size: 79%;
 padding: 5px 15px;
 background-color: #005AB4 !important;
}

.home-link2 {
 margin-bottom: -20px !important;
 padding-top: 20px !important;
}
.home-link2 a {
 color: #005AB4!important;
 font-size: 79%;
 background-color: #FFFFFF !important;
}
.fsS78{
  font-size: 78% !important;
}
.katsuyoufont{

  font-size:16px;
}
.mr45{

  margin-right:45px;
}
.fsXXL{
font-size: 20px !important;
}
.fsXXXL{
font-size: 30px !important;
}

.katsuyou .guide .list{
  display: flex;
  flex-wrap: wrap;
  width: 880px;
  margin: 0 auto;
}
.katsuyou .guide .list li{
  width: 420px;
  list-style-type: none;
  margin-top: 20px;
  margin-right: 40px;
}
.katsuyou .guide .list li .title{
  font-size: 16px;
  padding: 18px 0;
  width: 100%;
}
.katsuyou .guide .list li .image.col2{
  display: flex;
}
.katsuyou .arrow_image{
  margin: 40px auto 0;
  width: 880px;
}
.katsuyou .bg1{
  background-color: #f2e3f8;
  text-align: center;
}
.katsuyou .bg2{
  background-color: #ffecb8;
  text-align: center;
}
.katsuyou .bg3{
  background-color: #cae3f8;
  text-align: center;
}
.katsuyou .bg4{
  background-color: #fadadf;
  text-align: center;
}
katabanList / katabanDetails
--------------------------------------------------------------------------------*/
.katabanList {padding: 5px 20px; background: #fafafa;}
.katabanList ul li {float: left; min-width: 74px; margin: 5px 8px 5px 0;}
.katabanList ul li a { padding: 0 0 0 21px; background: url(/common/images/ico_link_01.gif) no-repeat 0 2px;}

.katabanDetails {overflow: hidden;}
.katabanDetails > div {padding-top: 20px;}
.katabanDetails .box {margin-top: -1px;border-top: 1px solid #e2e2e2;}
.katabanDetails .box h3 {margin-left: 5px;}
.katabanDetails ul {/* margin: 0 -20px 0 0; */}
.katabanDetails ul li {float: left; width: 122px; margin: 0 17px 33px 0;}
.katabanDetails ul li img {border: 1px solid #e2e2e2;}
.katabanDetails ul li span {display: block;margin-top: 10px;text-align: center;font-size: 100%;word-wrap: break-word;}
.katabanDetails ul li span span {display: inline-block;;font-size: 79%; }


/*for responsive added by fm-min*/
/*====lNav.fourtab======*/
.lNav.fourtab li {
  width:25%;
  height: 41px
}
.lNav.fourtab ul {
    text-align: center;
    border: 1px solid #efefef;
  }

.lNav.fourtab ul li {
    font-size: 1rem;
    float: left;
    margin: 0;
    vertical-align: top;
    background: #005ab4;
    box-sizing: border-box;
    border-right: solid 1px #e6e6e6;
  }
.lNav.fourtab li a span {
    line-height: 41px;
  }
.lNav.fourtab li a:nth-child(4) a {
    border: 0;
  }

.lNav.fourtab li a {
    display: block;
    font-weight: bold;
    margin: 0;
    color: #fff;
    text-decoration: none;
  }
.lNav.fourtab.top .lnav01,
.lNav.fourtab.feature .lnav02,
.lNav.fourtab.spec .lnav03,
.lNav.fourtab.supply .lnav04 {
    background:#fff;
  }
.lNav.fourtab.top li.lnav01 a,
.lNav.fourtab li.lnav01 a:hover ,
.lNav.fourtab.feature li.lnav02 a,
.lNav.fourtab li.lnav02 a:hover,
.lNav.fourtab.spec li.lnav03 a,
.lNav.fourtab li.lnav03 a:hover ,
.lNav.fourtab.supply li.lnav04 a,
.lNav.fourtab li.lnav04 a:hover {
 background:#fff !important;
    color:#005ab4 !important;
    opacity: 1;
  }
.lNav.fourtab li.lnav01 a span,
.lNav.fourtab li.lnav02 a span,
.lNav.fourtab li.lnav03 a span,
.lNav.fourtab li.lnav04 a span,
.lNav.fourtab li.lnav01 a:hover span,
.lNav.fourtab li.lnav02 a:hover span,
.lNav.fourtab li.lnav03 a:hover span,
.lNav.fourtab li.lnav04 a:hover span {
  border-bottom: 2px solid #0059b3;
}

  /*!====INav.fourtab======*/

#contents.responsive .mainSection.top .point .spec-icon p {
  font-size: 12px;
}
#contents.responsive ul.banner.three_col li {
	width:33.33%;
	text-align: center !important;
}

#contents.responsive ul.banner li {
  float: left;
  width: 50%;
  padding: 10px 0;
  text-align: left;
}
#contents.responsive ul.banner li:nth-child(2),
#contents.responsive ul.banner li:nth-child(4) {
  text-align: right;
}
#contents.responsive .detailSection .main .detailGroup .ttlMod01.mb25 {
  margin-top: 8px !important;
  margin-bottom: 25px !important;
}

#contents .relatedMod01 .innerBlock .smpTxtArea .iLink01 {
	background-position: 0 0;
}
#contents .mainSection.top .point .spec-icon td {
	padding: 0 0 !important;
}

#contents .sp,
#contents.responsive .sp,
#contents .tbl_sp,
#contents.responsive .tbl_sp {
    display: none;
}
#contents .pc,
#contents.responsive .pc {
    display: block ;
}
 #contents .relatedMod01 .pc,
 #contents.responsive .relatedMod01 .pc {
  display: table-cell !important;
 }

 #contents.responsive .flLimport{
    float:left !important;
  }
  .ilink_arrow ul li p {
    display: block;
    padding: 0.1em 0 0 21px;
    background: url(/common/images/ico_link_01.gif) no-repeat left 0.2em;
  }
  .idown_arrow ul li p {
    display: block;
    padding: 0.1em 0 0 21px;
    background: url(/common/images/ico_down_01.gif) no-repeat left 0.2em;
  }
  .iup_arrow ul li p {
    display: block;
    padding: 0.1em 0 0 21px;
    background: url(/common/images/ico_up_01.jpg) no-repeat left 0.2em;
}
/* #contents.responsive .panel.point {
  display: block;
 }*/


@media screen and (max-width:767px){
    #contents.responsive .sp {
    display: block;
  }
  #contents.responsive .pc {
    display: none;
  }
  #contents.responsive {
    padding: 0;
  }
  /*====for hambager menu=====*/
  ul.mobile.menuItems.active {
    display: block !important;
  }
  /*====! for hambager menu=====*/
  #contents.responsive ul.banner li,
  #contents.responsive ul.banner.three_col li {
  width: 100%;
  text-align: center !important;
  }
  #contents.responsive ul.banner li img {
  width: 100%;
  text-align: center;
  }
  #contents.responsive .detailSection .service_box, #contents.responsive .detailSection .services {
    display: inline-block;
    width: 100%;
  }
  #contents.responsive .service_box{
    display: inline-block !important;
  }


  #contents.responsive .headSection .leftArea .logo {
    width: 47%;
    padding-right: 1%;
    vertical-align: middle;
  }
  .list .flL.model-list {
  	padding-top:12px;
  }
  #contents .headSection .leftArea .list {
    padding-left: 0px;
}
  #contents.responsive .headSection .innerBlock {
    width: auto;
    margin: 0 auto;
    padding: 0 2%;
    width: -webkit-fill-available;
  }
  #contents.responsive .headSection .leftArea {
    float: none;
    width: auto;
    margin-top: 10px;
　}
　#contents.responsive .headSection .rightArea {
    padding: 0;
　}
  #contents.responsive .headSection {
    height: auto;
    width: 100%;
  }
  #contents.responsive .headSection .logo,
  #contents.responsive .headSection .title,
  #contents.responsive .headSection .productsLogo,
  #contents.responsive .headSection .ttl h1,
  #contents.responsive .headSection .leftArea > h1 {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
    margin-bottom: 15px;
    width: 46%;
  }
  #contents.responsive .headSection .title {
    border-left: 1px dotted #ccc;
    padding-left: 10px;
    margin-left: 3px;
    width: 58%;
    padding-left: 2% !important;
    margin-top: 0;
    font-size: 15px !important;
    background :none !important;
  }
  #contents.responsive  h2.bg_bluettl {
  	background: #005ab4 !important;
    padding: 10px 20px;
    border-radius: 30px;
    background-image: none!important;
  }
  #contents .detailSection .main .detailGroup .ttlMod01 h2.bg_bluettl span {
  	background-image: none;
  	padding:0;
  }
  /*#contents.responsive .headSection .list, #contents.responsive .headSection .aside .guide */
  #contents.responsive .headSection .rightArea {
    float: left;
    width: 100%;
    padding-top: 10px;
  }
  #contents .headSection .innerBlock .rightArea .btn_purchase {
    margin:0;
}
  #contents.responsive .headSection .rightArea .purchase {
    margin: 0;
  }
/*====top======*/

  /*====for break=====*/
  #contents.responsive br.brsp {
    display: block;
  }

  #contents.responsive .mt30sp {
    margin-top: 30px !important;
  }

  /* slider */

#contents.responsive .mainSection{
  width: auto !important;
  padding: 0 2%;
}
#contents.responsive .mainSection.top .img{
  padding-right: 0;
  width: auto !important;
  display: block !important;
  overflow: hidden !important;
}
#contents.responsive .mainSection.top .image{
  width: 100% !important;
}
#contents.responsive .mainSection.top .image #sliderThumb{
  padding: 0 24px;
}
#contents.responsive .mainSection.top .image #sliderThumb .slick-prev{
  left: 5px !important;
}
#contents.responsive .mainSection.top .image #sliderThumb .slick-next{
  right: 5px !important;
}
/*.nozoom .zoomImage {
  display: none !important;
}*/
#contents.responsive .mainSection ul#slider li span.zoom_ico {
  display: none;
}
#contents.responsive .mainSection ul#slider-unslide li span.zoom_ico {
  display: none;
}
/* slider end */

/* slider start with fixed size */
/*  #contents.responsive .mainSection {
    width: auto !important;
    padding: 0.5em 15px;
    margin: 0;
  }
  #contents.responsive .mainSection.top .img,
  #contents.responsive .mainSection.top .slider_top {
    width: 100%;
    width: 265px;
    margin:0 auto;
    display: table !important;
    float: none;
    padding-right: 0;
  }
  .mainSection.top .image {
    max-width:265px;
  }

  .slick-slide.slick-current.slick-active img {
    width: 265px !important;
  }
  #contents.responsive .mainSection.top .summary {
    width: 100%;
    display: initial;
  }
  #sliderThumb li.slick-slide.slick-active {
    width:40px !important;
  }
  */
/* slider end with fixed size */
#contents.responsive .mainSection.top .summary {
    width: auto;
}
  #contents.responsive .mainSection .summary .point:first-child ul {
    display: block !important;
}
  #contents.responsive .mainSection .summary .ttl .ttlGroup .model_ttl {
    font-size: 31px;
  }
   #contents.responsive .mainSection .summary .ttl .ttlGroup .model_ttl.ttl02 {
    font-size: 25px;
  }
  #contents.responsive .mainSection .summary .spectbl-big{
  	border: solid 1px #4a6593;
    border-spacing: 0;
    width: auto;
    height: 65px;
  }
  #contents.responsive .mainSection .summary .ttl .ttlGroup .clearfix img.ml10 {
    margin-left:5px !important;
  }
  #contents.responsive .mainSection.top .point,
  #contents.responsive .mainSection.top .point ul {
    width: 100% !important;
  }

  #contents.responsive .mainSection.top .point .spec-icon .spec-ttl {
    font-size: 10px !important;
  }

  #contents.responsive .mainSection.top .point .spec-icon p img {
    margin: 0 !important;
  }

  #contents.responsive .mainSection img {
    display: inline !important;
  }
  #contents.responsive .detailSection .ttl h3 {
    padding: 40px 0 20px 0;
  }
  #contents.responsive .detailSection {
    width: auto !important;
    padding: 0.5em 15px;
  }
  #contents.responsive .detailSection.section01 .main {
    width:100% !important;
  }
  #contents.responsive .detailSection.section01 h2.headMod02,
  #contents.responsive .detailSection .main .detailGroup .detail .summary .ttl {
    font-size: 130%;
    padding-left:0 !important;
  }
  #contents.responsive .detailSection.section01 .main .detailGroup .detail .summary.feature01,
  #contents.responsive .detailSection.section01 .main .detailGroup .detail .summary.feature02,
  #contents.responsive .detailSection.section01 .main .detailGroup .detail .summary.feature03 {
    background-size: 50px auto;
  }

  .feature #contents.responsive .headSection .rightArea,
  .spec #contents.responsive .headSection .rightArea,
  .supply #contents.responsive .headSection .rightArea {
    top: 45%;
  }

  .feature #contents.responsive .detailSection .main .detailGroup {
    padding: 8px 8px !important;
  }

  .feature #contents.responsive .detailSection .main .detailGroup .flL,
  .feature #contents.responsive .detailSection .main .detailGroup .flR {
    margin-bottom: 15px;
    float: none;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
  }

  .feature #contents.responsive .detailSection .main .detailGroup .pb25 {
    padding-bottom : 0 !important;
  }
  .feature #contents.responsive .detailSection .main .detailGroup .lineS {
      border-bottom: 1px solid #ccc;
      background: none;
  }
/*  .feature #contents.responsive .detailSection .main .detailGroup .flL img ,.flR img {
    display: block !important;
    margin: 10px auto !important;
  }*/
  .feature #contents.responsive .detailSection .main .detailGroup .bg-ltGrn,
  #contents.responsive .detailSection .main .detailGroup .detail a {
    background: none;
  }
  .feature #contents.responsive .detailSection .main .detailGroup .bg-ltGrn a img {
    display: inline !important;
    margin: 0 !important;
  }
  #contents.responsive .detailSection .main .detailGroup .ttlMod01 {
    margin-top: 8px !important;
  }

  .feature #contents.responsive .detailSection .main .detailGroup h3.ttl01 {
    border-left: 5px solid #235cb3;
    padding-left: 15px;
    background: none;
    margin: 20px 0 10px;
  }
  #contents.responsive .detailSection .main .detailGroup .detail .summary {
    display: block;
    width: auto !important;
    padding: 30px 25px 25px 25px !important;
  }

  #contents.responsive .detailSection .main .detailGroup .detail .img {
    display: block;
    margin: 0 auto;
    width: auto !important;
    padding: 0 30px 25px!important;
  }
  #contents.responsive .detailSection .main .detailGroup .detail a .img {
    width: 100%;
  }
  #contents.responsive .detailSection .main .detailGroup .detail .summary p.gray-btn a {
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #797d80 url(/products/bizprinter/common/images/btn_arrow_right.png) no-repeat 98% center !important;
    padding: 9px 0px;
    margin-top: 1em;
    display: block !important;
    border-radius: 0;
    width:100%;
  }
  #contents.responsive .detailSection.section02,
  #contents.responsive .detailSection.section03 {
    font-size: 117%;
  }
  #contents.responsive .detailSection .headMod03 {
    font-size: 19px;
  }
 #contents.responsive .detailSection .purchase .ico-box {
    display: table;
    max-width: 100%;
    border: none;
    empty-cells: show;
    border-collapse: collapse;
    background-image: none;
  }
  #contents.responsive .detailSection .purchase .btn-dl .ico-box a {
    display: table-cell;
    height: 120px;
    vertical-align: middle;
    background-image: url(/products/common/images/ico_dl.gif);
    background-position: left 10% center;
    background-repeat: no-repeat;
    background-size: 12%;
    text-align: center;
    text-indent: 25px;
    font-size: 18px;
    position: unset;
  }
  #contents.responsive .detailSection .purchase .btn-dl a > span {
    position: unset;
  }
  #contents.responsive .detailSection .purchase .btn-dl .ico-box .ico-space {
    padding: 0;
  }
    /*#contents.responsive .detailSection .purchase .btn-tel .ico-box .ico-space p {
    text-align: left;
    width: 245px;
    margin: 0 auto;
}*/
  #contents.responsive .detailSection .purchase .tbl-cell {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
 }
 #contents.responsive .detailSection .purchase .tbl-cell.btn-tel {
  margin-top: 1.5em;
 }
  #contents.responsive .detailSection .purchase .tbl-cell:nth-of-type(1),
  #contents.responsive .detailSection .purchase .tbl-cell:nth-of-type(2) {
  padding: 0;
 }
  #contents.responsive .detailSection .purchase .btn-tel .ico-box .ico-space {
    display: table-cell;
    height: 120px;
    vertical-align: middle;
    border: 1px solid #000;
    background-image: url(/products/common/images/ico_ph_calling.gif);
    background-position: left 10% center;
    background-repeat: no-repeat;
    background-size: 12%;
    padding: 0;
    text-align: center;
    padding-left: 17%;
  }
  #contents.responsive .detailSection .purchase .btn-tel .ico-box .ico-space p a {
    font-size: 16px;
  }
  #contents.responsive .detailSection .purchase .btn-tel .ico-box .ico-space span.txt-small a{
    font-size: 12px;
}
  #contents.responsive .detailSection .purchase .ico-space br,.point br {
    display: block !important;
  }
  #contents.responsive .detailSection .purchase .fz-xs {
  	font-size: 12px;
  }
  #contents.responsive .detailSection .service_box .box {
    display: inline-grid;
    width: 49%;
    border: none;
    empty-cells: show;
    border-collapse: collapse;
    float: left;
    margin-top: 8px;
  }
  #contents.responsive .detailSection .service_box .box a {
    display: table-cell;
    box-sizing: border-box;
    background: #e7e7e7;
    padding: 0;
    width: 100%;
    height: 120px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    font-weight: bold;
  }
  #contents.responsive .detailSection .services .service_box div.box:nth-child(even) {
    float: right;
  }
/*!====top======*/

  /*====.lNav.fourtab======*/
   #contents.responsive .lNav.fourtab {
    min-width: 100% !important;
    height: auto;
    display: flex;
   }
   #contents.responsive .lNav.fourtab ul {
    width: 100%;
    border-top: 1px solid #efefef;
    border: 0;
   }
  #contents.responsive .lNav.fourtab ul li{
    width: 50% !important;
    border:none;
  }
  #contents.responsive .lNav.fourtab ul li a{
    border-bottom: 1px solid #e6e6e6;
    position: relative;
  }
  #contents.responsive .lNav.fourtab ul li:nth-child(1) a,
  #contents.responsive .lNav.fourtab ul li:nth-child(3) a {
    border-right: 1px solid #e6e6e6;
  }
  /*!====.lNav.fourtab======*/
  /*====ancNav======*/
  #contents.responsive .ancNav {
    width: auto;
    margin: 0 auto !important;
    position: relative;
    padding: 0.5em 15px;
  }
  #contents.responsive .ancNav ul.mt10 {
    margin-top: 0 !important;
  }
  #contents.responsive .ancNav ul li {
    width: 100%;
    background: none;
    position: relative;
    display: block;
    font-weight: bold;
    margin: 0.2em 0;
    padding: 0;
    font-size: 105%;
  }
  #contents.responsive .ancNav ul li a {
    display: block;
    padding: 8px 25px 8px 0 !important;
    border-bottom: 1px solid #005AB4;
    text-decoration: none !important;
  }
  #contents.responsive .ancNav ul li a:hover {
    color:#005AB4;
  }
  #contents.responsive .ancNav.ilink_arrow ul li p,
  #contents.responsive .ancNav.idown_arrow ul li p,
  #contents.responsive .ancNav.iup_arrow ul li p {
    background:none !important;
    padding: 0 !important;
  }
  #contents.responsive .ancNav.idown_arrow ul li a:after {
    transform: rotate(135deg) !important;
  }
  #contents.responsive .ancNav.iup_arrow ul li a:after {
    transform: rotate(315deg) !important;
  }
  #contents.responsive .ancNav ul li a:after {
    content: "";
    position: absolute;
    border-top: 2px solid #005AB4;
    border-right: 2px solid #005AB4;
    width: 6px;
    height: 6px;
    top: 40%;
    right: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #contents.responsive .ancNav .iLink02 {
    background: none;
    padding: 0 !important;
    display: block;
  }
  .supply #contents.responsive .note {
    font-size: 79% !important;
  }
  .spec #contents.responsive  ul li.iBlk {
    padding-bottom: 20px;
  }
  .feature #contents.responsive .ancNav .iDown02,
  .spec #contents.responsive .ancNav .iDown02,
  .supply #contents.responsive .ancNav .iDown02{
    background: none;
    padding: 0 !important;
    display: block;
  }
  .feature #contents.responsive .ancNav p[class*="iDown"] a:after,
  .spec #contents.responsive .ancNav p[class*="iDown"] a:after,
  .supply #contents.responsive .ancNav p[class*="iDown"] a:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  #contents.responsive .ancNav.smpFeature_1 .current01 a:after,
  #contents.responsive .ancNav.smpFeature_2 .current02 a:after,
  #contents.responsive .ancNav.smpFeature_3 .current03 a:after,
  #contents.responsive .ancNav.smpFeature_4 .current04 a:after,
  #contents.responsive .ancNav.smpFeature_5 .current05 a:after,
  #contents.responsive .ancNav.smpFeature_6 .current06 a:after,
  #contents.responsive .ancNav.smpFeature_7 .current07 a:after,
  #contents.responsive .ancNav.smpFeature_8 .current08 a:after,
  #contents.responsive .ancNav.smpFeature_9 .current09 a:after,
  #contents.responsive .ancNav.smpFeature_10 .current10 a:after,
  #contents.responsive .ancNav.smpFeature_11 .current11 a:after,
  #contents.responsive .ancNav.smpFeature_12 .current12 a:after,
  #contents.responsive .ancNav.smpFeature_13 .current13 a:after,
  #contents.responsive .ancNav.smpFeature_14 .current14 a:after,
  #contents.responsive .ancNav.smpFeature_15 .current15 a:after,
  #contents.responsive .ancNav.smpFeature_16 .current16 a:after,
  #contents.responsive .ancNav.smpFeature_17 .current17 a:after,
  #contents.responsive .ancNav.smpFeature_18 .current18 a:after,
  #contents.responsive .ancNav.smpFeature_19 .current19 a:after,
  #contents.responsive .ancNav.smpFeature_20 .current20 a:after{
    display:none;
  }

  .smpCurrent a{
    background:#fff !important;
     color:#005AB4 !important;
  }

  /*!====ancNav======*/

  #contents.responsive .fsS,#contents.responsive .fsM,#contents.responsive p {
    font-size: 14px;
  }

  #contents.responsive .lineS {
    padding-bottom: 10px;
    background: url(/common/images/bg_line_01.gif) repeat-x left bottom;
  }

  #contents.responsive .flex-table {
    display: flex;
    flex-direction: column;
  }
  #contents.responsive .flex-table td {
  width: 100% !important;
  }
  #contents.responsive .wspc {
  width:100%;
  margin: 0 auto;
  text-align: center;
  }
  #contents.responsive .wsp {
  width: 100%;
  margin: 0 auto !important;
  }
  #contents.responsive li br,#contents.responsive p br,#contents.responsive .ttl br{
  display: none;
  }
  #contents.responsive a img.vm {
  display:inherit;
  }
  #contents.responsive .col4 {
    float: left;
    width: 50%;
  }

  #contents.responsive img {
    max-width: 100%;
    display: inherit;
    margin: 0 auto;
    height: auto;
  }
  #contents.responsive .smpThWidth {
    table-layout: auto !important;
  }
  #contents.responsive .smpThWidth td, .smpThWidth th {
    min-width: 30px;
    padding: 2px;
  }
  #contents.responsive .tblMod01.smpThWidth {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
  }

  #contents.responsive .tblMod01.smpThWidth td.taC {
    min-width: 10px;
    vertical-align: middle;
  }
  #contents.responsive .relatedMod01 .innerBlock {
    padding:0 !important;
  }
   #contents.responsive .relatedMod01 .pc {
  display: none !important;
 }
  #contents.responsive .relatedMod01 table {
    width: 100%;
}
  #contents.responsive .relatedMod01 td.ico {
    float: left !important;
    padding: 8px !important;
  }
  #contents.responsive .smpRelatedMod01 td.smpTxtArea {
    padding: 8px !important;
    overflow: hidden;
  }
  #contents.responsive .relatedMod01 .innerBlock h4 {
    border-bottom:1px solid #ccc;
    padding: 8px;
    margin: 0;
    display: block;
  }

  #contents.responsive .relatedMod01 table td, .relatedMod01 table th {
    border: none;
    padding: 8px 0;
    background: none;
    vertical-align: top;
    min-width: 30px;
  }
  #contents.responsive .smpRelatedMod01 td {
    display: list-item !important;
    list-style: none !important;
  }
  #contents.responsive .featureItem .flR .note,
  #contents.responsive .featureItem .flL .note {
    margin-bottom: 10px;

  }
  #contents.responsive .featureItem .note {
    font-size: 79% !important;
  }
  .featureItem .feature.two_col li.col:first-child {
    padding-right: 0;
}
.featureItem ul.feature.two_col li.col {
  width: 100%;
  padding-bottom:20px;
}
.featureItem .feature.two_col li.col .row {
  padding-bottom: 20px;
}
.featureItem .feature.two_col li.col .taC {
    height: auto !important;
}
.featureItem .feature.two_col.mt30 {
  margin-top: 0 !important;
  /*!====feature======*/
}



/*======spec&supply==========*/
  .spec #contents.responsive .ancNav.lineS,
  .supply #contents.responsive .ancNav.lineS {
    background: none;
  }
  .spec #contents.responsive .detailSection.mt30,
  .supply #contents.responsive .detailSection.mt30 {
    margin-top: 10px !important;
  }
  .spec #contents.responsive table.tblMod01.fsM th,
  .spec #contents.responsive table.tblMod01.fsM td,
  .supply #contents.responsive table.tblMod01.fsM th,
  .supply #contents.responsive table.tblMod01.fsM td {
    font-size: 11px !important;
    padding: 8px 2px;
    white-space: initial !important;
    line-height: 1.4;
    letter-spacing: -0.5px;
  }
  .feature #contents.responsive table.tblMod01 th,
  .spec #contents.responsive table.tblMod01.fsM th,
  .supply #contents.responsive table.tblMod01.fsM th {
    background-color: #f6f5ed;
  }
  .spec #contents.responsive .mt60,
  .supply #contents.responsive .mt60 {
    margin-top: 30px !important;
  }
  .spec #contents.responsive table.tblMod01 .tbl_sp {
    display: block !important;
  }
  /*accordion*/
  #contents.responsive .accordion {
   background-color: #005ab4;
   color: #fff;
   cursor: pointer;
   height: 46px;
   width: 100%;
   padding: 0;
   text-align: center;
   outline: none;
   font-size: 15px;
   transition: 0.4s;
   border: none;
   font-weight: bold;
   line-height: 44px;
 }
 #contents.responsive .accordion.active {
   background-color: #e7eff7;
   color: #333;
 }
 #contents.responsive .accordion:after {
   background-image: url(/products/pro/common/images/acordian_down_arrow.gif);
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: right;
   content: '';
   color: #fff;
   font-weight: normal;
   float: right;
   margin-left: -46px;
   font-size: 35px;
   height: 46px;
   width: 46px;
 }
 #contents.responsive .accordion.active:after {
   height: 46px;
   width: 46px;
   background: #005ab4;
   background-image: url(/products/pro/common/images/acordian_up_arrow.gif);
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: right;
 }

#contents.responsive .active:after {
 content: "";
}

#contents.responsive .panel {
  text-align: center;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}
/*pro_sitemap*/
#contents .pro_sitemap .subNav {
  width: 100%;
}
#contents .pro_sitemap .subNav .layCol01,
#contents .pro_sitemap .subNav .layCol02,
#contents .pro_sitemap .subNav .layCol03 {
width: 100%;
margin-bottom: 10px;
}
#contents .pro_sitemap .subNav .layCol02 {
border: none;
height: auto;
}
div.pro_sitemap .ttl h3.mb30 {
margin-bottom: 10px !important;
}
div.pro_sitemap {
margin-bottom : -50px;
width: auto;
padding: 45px 10px 35px 10px;
}
/*bizprinter sitemap*/
#contents .pro_sitemap .subNav {
    width: 100%;
}
#contents .pro_sitemap .subNav .layCol01,
#contents .pro_sitemap .subNav .layCol02,
#contents .pro_sitemap .subNav .layCol03 {
  width: 100%;
  margin-bottom: 10px;
}
#contents .pro_sitemap .subNav .layCol02 {
  border: none;
  height: auto;
}
div.pro_sitemap .ttl h3.mb30 {
  margin-bottom: 10px !important;
}
div.pro_sitemap {
  margin-bottom : -50px;
  width: auto;
  padding: 45px 10px 35px 10px;
}

/*gallery page*/
.model-gallery .gallery-list ul li:nth-child(odd) {
  margin: 0 auto 20px;
}
.model-gallery .gallery-list ul li {
  float: none;
  max-width: 460px;
  margin: 0 auto 20px;
}

/*!gallery page*/
}

@media screen and (max-width: 360px){
  #contents.responsive .detailSection .purchase .btn-dl .ico-box a {
    background-position: left 15px center;
  }
  #contents.responsive .detailSection .purchase .btn-tel .ico-box {
    background:none;
  }
  .purchase .btn-dl .ico-box .ico-space {
    padding: 13px 12px 13px 105px;
  }
  #contents.responsive .detailSection .purchase .btn-tel .ico-box .ico-space {
    background: none;
    padding-left: 0;
    text-align: center;
  }
  .spec #contents.responsive table.tblMod01.fsM th,
  .spec #contents.responsive table.tblMod01.fsM td,
  .supply #contents.responsive table.tblMod01.fsM th,
  .supply #contents.responsive table.tblMod01.fsM td {
    font-size: 70% !important;
  }

}
@media screen and (max-width: 443px){
  #contents.responsive ul.specicon .spec-icon.large.ink,
  #contents.responsive ul.specicon li:first-child {
    width: 99.5%;
    display: block;
  }
  #contents.responsive ul.specicon .spec-icon.large.ink .spec-sec ul li {
    width: 100%;
  }
  #contents.responsive ul.specicon li {
    width: 50%;
    float: left;
  }
  #contents.responsive ul.specicon li .spec-icon.large .spec-txt ul.row01 li:first-child,
  #contents.responsive ul.specicon li .spec-icon.large .spec-txt ul.row02 li:first-child {
    width: 25%;
    float: left;
  }
  #contents.responsive ul.specicon li .spec-icon.large .spec-txt ul.row01 li,
  #contents.responsive ul.specicon li .spec-icon.large .spec-txt ul.row02 li {
    width: 75%;
    float: left;
  }
  #contents.responsive ul.specicon li .spec-icon.large .spec-txt ul.row01 li img,
  #contents.responsive ul.specicon li .spec-icon.large .spec-txt ul.row02 li img {
    padding: 0 10%;

  }
  #contents.responsive ul.specicon li .spec-icon.large .spec-txt ul.row01 {
    padding-bottom: 24px;
    padding-top: 5px;
    margin-bottom: 8px;
  }
  #contents.responsive ul.specicon li .spec-icon.large{
    width: 98%;
    margin-right:2%;
  }
  #contents.responsive ul.specicon li:nth-child(odd) {
    margin-right: 0;
  }
  #contents.responsive ul.specicon .spec-icon.large .spec-txt {
    display: block;
    width: 100%;
  }
  #contents.responsive ul.specicon .spec-icon.large .spec-txt.one-line {
    padding: 27px 0;
  }
  #contents.responsive ul.specicon .spec-icon.large.sample,
  #contents.responsive ul.specicon .spec-icon.medium.sample {
    display: block !important;
    width: 98%;
  }
  #contents.responsive ul.specicon .spec-icon.medium.sample.threeline p {
    padding: 20px 0;
  }
  #contents.responsive ul.specicon .spec-icon.large.sample p {
    padding: 29px 0;
  }
  #contents.responsive ul.specicon .spec-icon.medium.sample p {
    padding: 27px 0;
  }
  #contents.responsive ul.specicon .spec-icon.large .spec-txt.txt {
  	padding-bottom:25px;
  	height: auto;
  }
  #contents.responsive ul.specicon .spec-icon.large .spec-txt.txt.lh120 {
  	padding-bottom:18px;
  	margin-top: 20px;
  }
  #contents.responsive ul.specicon .spec-icon.large.ink .spec-sec .left {
    padding: 2px 11px 0px 11px;
  }
  #contents.responsive ul.specicon .spec-icon.large.ink .spec-sec .right {
    width: 44%;
  }
  #contents.responsive ul.specicon .spec-icon.large.ink .spec-sec .left li {
  	width: auto;
  }

  #contents.responsive ul.specicon .spec-icon.large ul.row02,
  #contents.responsive ul.specicon .spec-icon.large ul.row01 {
    margin-left: 0px;

  }
  #contents.responsive .featuretb.fsM {
  	font-size: 11px;
  }
  #contents.responsive .featuretb th,
  #contents.responsive .featuretb td {
  	padding:10px;
  }
  }