@charset "utf-8";
/**
 * products.css
 * Ricoh Co., Ltd.
 */

/*---------------------------------------
	btnFunc
----------------------------------------*/
/* clearfix */
ul.btnFunc {
	zoom:1;
}
ul.btnFunc:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
ul.btnFunc li {
	float: left;
}
ul.btnFunc li img {
	vertical-align: bottom;
}

/*---------------------------------------
	itemBtnList
----------------------------------------*/
ul.itemBtnList {
	margin-left: -15px;
}
ul.itemBtnList li {
	margin-left: 15px;
	float: left;
	display: inline;
}

/*---------------------------------------
	snavListTxtTop
----------------------------------------*/
.mainArea .snavListTxtTop {
	margin-bottom: 20px;
}

/*---------------------------------------
	productIcons
----------------------------------------*/
ul.productIcons {
	margin-top: -10px;
	margin-bottom: 5px;
}
ul.productIcons li {
	padding-right: 2px;
	float: left;
	line-height: 1.0;
}
ul.productIcons li.lastChild {
	padding-right: 0;
}
ul.productIcons li span.blt {
	font-size: 83.3%;
	color: #666666;
}

/* clearfix */
ul.productAnchorLink {
	margin-left: 0 !important;
	padding-bottom: 10px;
	zoom:1;
}
ul.productAnchorLink:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
ul.productAnchorLink li {
	margin-right: 34px;
	margin-bottom: 10px;
	float: left;
}
ul.productAnchorLink li a {
	margin-left: 0 !important;
}

/*---------------------------------------
	pointsArea
----------------------------------------*/
#pointsArea {
	padding-top: 16px;
	background: url('/fax/common/img/bg/bg_points.gif') no-repeat 0 0;
}
#pointsAreaInner {
	padding-bottom: 5px;
	padding-left: 15px;
	background: url('/fax/common/img/bg/bg_points.gif') no-repeat 0 100%;
}
#pointsArea img {
	vertical-align: bottom;
}
#pointsArea dl {
	margin: 0 9px 0 0;
	padding-bottom: 11px;
	float: left;
	width: 231px;
	position: relative;
	top: 0;
	left: 0;
}
#pointsArea dl dt {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 36px;
	right: 13px;
}
.pointsSmall #pointsAreaInner dl dt {
	position: absolute;
	top: 30px;
	right: 13px;
}

#pointsArea dl dt img {
	width: 50px;
	height: 50px;
}
.mainArea .snavNarrow li a,
.mainArea .snavNarrow li strong {
	padding-right: 15px;
	padding-left: 15px;
}

/*---------------------------------------
	productLineup
----------------------------------------*/
/* .productLineup */
.productLineup {
	width: 470px;
}

/* .productPhoto */
.productLineup .productPhoto {
	margin-bottom: 20px;
}
.productLineup .productPhoto dl dt {
	padding-right: 10px;
	float: left;
	width: 100px;
	text-align: center;
}
.productLineup .productPhoto dl dd {
	padding-left: 10px;
	float: left;
	width: 350px;
}
.productLineup .productPhoto dl dd .lead {
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
}

/* .productSummary */
.productLineup .productSummary {
	margin-bottom: 10px;
	width: 100%;
	background: url("/-/Media/Ricoh/Sites/industry/common/img/bg/bar-02.gif") repeat-y 50% 0;
}
.productLineup .productSummary .odd {
	padding-right: 10px;
	float: left;
	width: 225px;
}
.productLineup .productSummary .even {
	padding-left: 10px;
	float: left;
	width: 225px;
}
.productLineup .productSummary dl {
	margin-bottom: 10px;
	width: 100%;
}
.productLineup .productSummary dl:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.productLineup .productSummary dl dt {
	margin-bottom: 10px;
	padding-top: 5px;
	font-size: 133.3%; /* = 16px */
	font-weight: bold;
}
.productLineup .productSummary dl dd {
	margin-bottom: 3px;
	float: left;
}
.productLineup .productSummary dl dd img {
	vertical-align: bottom;
}

/*---------------------------------------
	productContact
----------------------------------------*/
div.productContact {
	margin-bottom: 0;
	background: url("/-/Media/Ricoh/Sites/industry/common/img/bg/bg-boxcmn-03-bottom.gif") no-repeat 0 100%;
}
div.productContact .wrap {
	padding: 10px 10px;
	background: url("/-/Media/Ricoh/Sites/industry/common/img/bg/bg-boxcmn-03-top.gif") no-repeat 0 0;
}
#mainColumn div.productContact .contact02 {
	padding-top: 0;
	background: url(/-/Media/Ricoh/Sites/industry/common/img/blt/blt-contact-tel_mail.gif) no-repeat 15px 0;
}
#mainColumn div.productContact .contact02 .contactTxt2 {
	margin-bottom: 0;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 0;
	min-height: 57px;
	background: none;
}
* html #mainColumn div.productContact .contact02 .contactTxt2 {
	height: 57px;
}
#mainColumn div.productContact .contact02 .btnArea {
	margin-top: -1.2em;
}
* html #mainColumn div.productContact .contact02 .btnArea {
	margin-top: 0;
	padding-top: 5px;
}

/*---------------------------------------
	linkCmnCol
----------------------------------------*/
.linkCmnCol2 {
	background: url('/common/img/bg/bar-dashed-vertical.gif') repeat-y 50% 0;
}
.linkCmnCol6 li strong,
.linkCmnCol6 li a,
.linkCmnCol3 li strong,
.linkCmnCol3 li a,
.linkCmnCol2 li strong,
.linkCmnCol2 li a,
.linkCmnCol1 li strong,
.linkCmnCol1 li a {
	display: inline;
}
.linkCmnCol3 li em,
.linkCmnCol2 li em,
.linkCmnCol1 li em {
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
}
.linkCmnCol3 li.ext strong,
.linkCmnCol3 li.ext a {
	padding-top: 0;
	padding-left: 12px;
	display: block;
	float: left;
	width: 150px;
	background-position: 0 1px;
}

.linkCmnCol3 li.ext em {
	float: left;
}

/*---------------------------------------
	support
----------------------------------------*/
ul.linkTab {
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	width: 690px;
	background: url('/IPSiO/common/img/bg_tab_line.gif') repeat-x 0 100%;
}
ul.linkTab:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
ul.linkTab li {
	margin-right: 5px;
	float: left;
}
ul.linkTab li a {
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	padding: 10px;
	display: block;
	background-color: transparent;
}
ul.linkTab li.stay {
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background-color: transparent;
}
ul.linkTab li.stay span {
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	padding: 10px;
	background: url('/IPSiO/common/img/bg_tab_stay.gif') repeat-x 0 1px #fff;
	display: block;
	font-weight: bold;
}
.supportWeek {
	width: 8em;
	display: block;
}
.supportTime {
	margin-top: -1.5em;
	margin-left: 8em;
	display: block;
}
.supportSpotTitle {
	width: 8em;
	display: block;
}
.supportSpotPrice {
	margin-top: -1.5em;
	margin-left: 8em;
	display: block;
}
.supportAnnotation p {
	font-weight: bold;
}

/*---------------------------------------
	supply
----------------------------------------*/
.tableCmn03 th.supplyName,
.tableCmn03 td.supplyName {
	border-right: none;
}
.tableCmn03 th.supplyImg,
.tableCmn03 td.supplyImg {
	border-left: none;
}

/*---------------------------------------
	images layout
----------------------------------------*/
.imgMedium,
.imgPanel,
.imgSmall,
.imgXSmall,
.imgMin {
	margin-bottom: 0 !important;
}

.imgMedium,
.imgPanel,
.imgSmall,
.imgXSmall,
.imgMin {
	text-align: right;
}

.imgLarge span.caption,
.imgMedium span.caption,
.imgPanel span.caption,
.imgSmall span.caption,
.imgXSmall span.caption,
.imgMin span.caption,
.imgLarge ul,
.imgMedium ul,
.imgSmall ul,
.imgXSmall ul,
.imgMin ul {
	display: block;
	text-align: left;
}

/* imgMax */
.imgMax {
	text-align: center;
}
.imgMax img {
	border: solid 1px #ccc;
}
.imgMax ul.double li.firstChild {
	float: left;
}
.imgMax ul.double li.lastChild {
	float: right;
}
.imgMax ul.double li img {
	border: none;
}
.imgMax ul.triple li {
	padding-right: 35px;
	float: left;
	width: 200px;
}
.imgMax ul.triple li.lastChild {
	padding-right: 0;
	float: right;
}

/* imgLarge */
.imgLarge {
	margin-right: auto;
	margin-left: auto;
	width: 450px;
}
.imgLarge img {
	border: solid 1px #ccc;
}
.imgLarge.noborder img,
.imgMax.noborder img,
.imgLarge img.noborder,
.imgMax img.noborder {
	border: none;
}
.imgLarge ul.double li.firstChild {
	float: left;
}
.imgLarge ul.double li.lastChild {
	float: right;
}
.imgLarge ul.triple li {
	padding-right: 15px;
	float: left;
	width: 140px;
}
.imgLarge ul.triple li.lastChild {
	padding-right: 0;
	float: right;
}

/* imgMedium */
.imgMedium {
	margin: 0 0 0 10px;
	float: right;
	width: 320px;
}
.imgMedium ul.double li.firstChild {
	float: left;
}
.imgMedium ul.double li.lastChild {
	float: right;
}
.imgMedium ul.triple li {
	padding-right: 10px;
	float: left;
	width: 100px;
}
.imgMedium ul.triple li.lastChild {
	padding-right: 0;
	float: right;
}

/* imgPanel */
.imgPanel {
	margin: 0 0 0 10px;
	float: right;
	width: 250px;
}
.imgPanel ul.double li.firstChild {
	float: left;
}
.imgPanel ul.double li.lastChild {
	float: right;
}

/* imgSmall */
.imgSmall {
	margin: 0 0 0 10px;
	float: right;
	width: 200px;
}
.imgSmall ul.double li.firstChild {
	float: left;
}
.imgSmall ul.double li.lastChild {
	float: right;
}

/* imgXSmall */
.imgXSmall {
	margin: 0 0 0 10px;
	float: right;
	width: 140px;
}

/* imgMin */
.imgMin {
	margin: 0 0 0 10px;
	float: right;
	width: 100px;
	text-align: center;
}

/*---------------------------------------
	widgetIcon
----------------------------------------*/
.widgetIcon .imgIcon {
	padding-right: 10px;
	float: left;
	width: 150px;
}
.widgetIcon .txt {
	float: left;
	width: 510px;
	position: relative;
}
.boxBor01 .widgetIcon .txt {
	width: 470px;
}

/*---------------------------------------
	table layout
----------------------------------------*/
table .price {
	white-space: nowrap;
}
td.function {
	padding-bottom: 8px;
}
td.function ul li {
	padding: 0 2px 2px 0;
	float: left;
}
td.function ul li img {
	display: block;
}
.tableCmn03 tbody tr.heading th {
	background-color: #E7E7E7;
}
.tableCmn03 tbody th {
	background-color: #F5F5F5;
}
.tableCmnCompare th,
.tableCmnCompare td {
	padding: 10px 5px;
}
.tableCmnNarrow th,
.tableCmnNarrow td {
	padding: 5px;
}
.tableCmnNarrow td {
	font-size: 75%; 
}
.tableFloat p.imgLeft {
	padding-top: 1.6em;
	width: 240px;
}
.tableFloat div.txt {
	float: right;
	width: 420px;
	overflow: visible;
}

/*---------------------------------------
	icon
----------------------------------------*/
h3 .bgHeading .icon {
	padding-left: 5px;
	vertical-align: middle;
}

/*---------------------------------------
	unit
----------------------------------------*/
.unitSmall,
.unitMedium,
.unitLarge,
.unitXLarge {
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
.unitSmall {
	width: 220px;
}
.unitMedium {
	width: 300px;
}
.unitLarge {
	width: 448px;
}
.unitXLarge {
	width: 670px;
}
.tableUnit,
p.tableUnit {
	margin-bottom: 2px;
	text-align: right;
}
.txtAreaCmn .tableUnit,
.txtAreaCmn p.tableUnit {
	margin-top: -2.5em;
}
.txtAreaCmn .txt .tableUnit,
.txtAreaCmn .txt p.tableUnit {
	margin-top: 0;
}

/*---------------------------------------
	jquery.lightbox
----------------------------------------*/
#lightbox-nav,
#lightbox-image-details-currentNumber {
	display: none !important;
}

/*---------------------------------------
	.supportInfoChild
----------------------------------------*/
ul.supportInfoChild {
	margin-left: 12px;
}

/*---------------------------------------
	.floatBanner
----------------------------------------*/
ul.floatBanner  {
	margin-left: -2px;
}
ul.floatBanner li {
	float: left;
	margin-right: 2px;
}

/*---------------------------------------
	utility
----------------------------------------*/
.w01 { width:  1%; }
.w02 { width:  2%; }
.w03 { width:  3%; }
.w04 { width:  4%; }
.w05 { width:  5%; }
.w06 { width:  6%; }
.w07 { width:  7%; }
.w08 { width:  8%; }
.w09 { width:  9%; }
.w10 { width: 10%; }
.w11 { width: 11%; }
.w12 { width: 12%; }
.w13 { width: 13%; }
.w14 { width: 14%; }
.w15 { width: 15%; }
.w16 { width: 16%; }
.w17 { width: 17%; }
.w18 { width: 18%; }
.w19 { width: 19%; }
.w20 { width: 20%; }
.w21 { width: 21%; }
.w22 { width: 22%; }
.w23 { width: 23%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w26 { width: 26%; }
.w27 { width: 27%; }
.w28 { width: 28%; }
.w29 { width: 29%; }
.w30 { width: 30%; }
.w31 { width: 31%; }
.w32 { width: 32%; }
.w33 { width: 33%; }
.w34 { width: 34%; }
.w35 { width: 35%; }
.w36 { width: 36%; }
.w37 { width: 37%; }
.w38 { width: 38%; }
.w39 { width: 39%; }
.w40 { width: 40%; }
.w41 { width: 41%; }
.w42 { width: 42%; }
.w43 { width: 43%; }
.w44 { width: 44%; }
.w45 { width: 45%; }
.w46 { width: 46%; }
.w47 { width: 47%; }
.w48 { width: 48%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w51 { width: 51%; }
.w52 { width: 52%; }
.w53 { width: 53%; }
.w54 { width: 54%; }
.w55 { width: 55%; }
.w56 { width: 56%; }
.w57 { width: 57%; }
.w58 { width: 58%; }
.w59 { width: 59%; }
.w60 { width: 60%; }
.w61 { width: 61%; }
.w62 { width: 62%; }
.w63 { width: 63%; }
.w64 { width: 64%; }
.w65 { width: 65%; }
.w66 { width: 66%; }
.w67 { width: 67%; }
.w68 { width: 68%; }
.w69 { width: 69%; }
.w70 { width: 70%; }
.w71 { width: 71%; }
.w72 { width: 72%; }
.w73 { width: 73%; }
.w74 { width: 74%; }
.w75 { width: 75%; }
.w76 { width: 76%; }
.w77 { width: 77%; }
.w78 { width: 78%; }
.w79 { width: 79%; }
.w80 { width: 80%; }
.w81 { width: 81%; }
.w82 { width: 82%; }
.w83 { width: 83%; }
.w84 { width: 84%; }
.w85 { width: 85%; }
.w86 { width: 86%; }
.w87 { width: 87%; }
.w88 { width: 88%; }
.w89 { width: 89%; }
.w90 { width: 90%; }
.w91 { width: 91%; }
.w92 { width: 92%; }
.w93 { width: 93%; }
.w94 { width: 94%; }
.w95 { width: 95%; }
.w96 { width: 96%; }
.w97 { width: 97%; }
.w98 { width: 98%; }
.w99 { width: 99%; }
.w100 { width: 100%; }

.nowrap {
	white-space: nowrap;
}

/*---------------------------------------
2014/10/01 add
----------------------------------------*/
.Maker dt{
float:left;
}
.Maker dd{
padding-left:120px;
}
/*---------------------------------------
2024/02/07 add
----------------------------------------*/
.c-flex.space-around {
    justify-content: space-around;
}
.c-flex {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 640px) {
	.rsp_mb16 {
      margin-bottom: 16px !important;
    }
}