@charset "utf-8";

/*************************************************
CSS
/cmn_jp_v1/css/option.css

15.09.29
update:15.09.29
*************************************************/

/* ============================== Width */
.w95p { width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w90p { width: 90% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w85p { width: 85% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w75p { width: 75% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w65p { width: 65% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w55p { width: 55% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w45p { width: 45% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


.w10px { width:  10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w20px { width:  20px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w30px { width:  30px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w40px { width:  40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w50px { width:  50px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w60px { width:  60px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w70px { width:  70px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w90px { width:  90px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w100px { width:  100px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w180px { width:  180px !important;}
.w320px { width:  320px !important;}

.w12ph  { width:  12.5% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ============================== Padding */
.pd4  { padding: 4px !important; }
.pd12 { padding: 12px !important; }
.pt4  { padding-top: 4px !important; }
.pt12 { padding-top: 12px !important; }
.pt18 { padding-top: 18px !important; }
.pt50 { padding-top: 50px !important; }
.pl4  { padding-left: 4px !important; }
.pl12 { padding-left: 12px !important; }
.pl34 { padding-left: 34px !important; }
.pr4  { padding-right: 4px !important; }
.pr12 { padding-right: 12px !important; }
.pr34 { padding-right: 34px !important; }
.pb4  { padding-bottom: 4px !important; }
.pb12 { padding-bottom: 12px !important; }

.pl5p { padding-left: 5% !important; }

/* ============================== Margin */
.md4  { margin: 4px !important; }
.md12 { margin: 12px !important; }
.mt2  { margin-top: 2px !important; }
.mt4  { margin-top: 4px !important; }
.mt12 { margin-top: 12px !important; }
.mt18 { margin-top: 18px !important; }
.mt20 { margin-top: 20px !important; }
.mt58 { margin-top: 58px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.ml4  { margin-left: 4px !important; }
.ml12 { margin-left: 12px !important; }
.ml20 { margin-left: 20px !important; }
.mr0  { margin-right: 0px !important; }
.mr4  { margin-right: 4px !important; }
.mr12 { margin-right: 12px !important; }
.mb4  { margin-bottom: 4px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 16px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb18 { margin-bottom: 18px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb28 { margin-bottom: 28px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb54 { margin-bottom: 54px !important; }
.mb56 { margin-bottom: 56px !important; }
.mb64 { margin-bottom: 64px !important; }


/* ============================== position */
.po_t5 { top:5px; }

/* ============================== height */
.ha { height: auto !important; }
.h10px { height:  10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h20px { height:  20px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h30px { height:  30px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h40px { height:  40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h50px { height:  50px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h60px { height:  60px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h70px { height:  70px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h90px { height:  90px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h100px { height:  100px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ============================== Border */
.bdb1_99 { border-bottom: 1px solid #999999 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bb1 { border-bottom: 1px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bb2 { border-bottom: 2px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bt1 { border-top: 1px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bd1_de { border: 1px solid #dedede !important; }
.bd2_de { border: 2px solid #dedede !important; }
.bd1_c7 { border: 1px solid #c7c7c7 !important; }
.bt_none { border-top: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* ============================== vertical-align */
.text-top { vertical-align: text-top !important; }


/* ============================== font */
.fsize21 { font-size: 21px !important; }
.fw_b { font-weight: bold; }
.fs_o { font-style: oblique; }
.of_v { overflow: visible !important; }

/* ============================== float */
.floatl{
  float:left;
}
.floatr{
  float:right;
}

/* ============================== etc */
.nowrap { white-space: nowrap !important; }
.justify{ text-align: justify !important; }
.txt_cntr{ text-align: center !important; }
.of_v { overflow: visible !important; }
.sub-style {
    font-size: 1px !important;
 }
.sup-style01 {
	height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	bottom: 4px;
}

.sup-style02 {
	height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	bottom: -3px;
}


#css_tune{
  position: absolute;
  top: 137px;
  left: -22px;
  z-index: -1000;
  opacity: 0.5;
}

p.name{
    font-size: 12px !important;
    margin-top: 5px !important;
    line-height: 20px !important;
}

.tableStyle01 thead th, .tableStyle01 thead td {
    background-color: #fffde9 !important;
}

/* 171204 追加CSS
----------------------------------------------------------------*/
h3.l2 {
    background: url(/-/Media/Ricoh/Sites/co_jp/3dp/common/images/dt_dot_l2.gif) repeat-y left top;
    height: 40px;
    line-height: 1.5;
}
.movieBox {
	float: left;
	width: 340px;
	margin-bottom: 30px;
}
.movieBox + .movieBox {
	float: right;
}
.samplelist {
	margin-bottom: 40px;
	width: 740px;
}
.samplelist li {
	float: left;
	margin: 0 35px 20px 0px;
	text-align: center;
}
.samplelist li span {
	display: block;
	padding-top: 4px;
}
.stepDl_body {
	background: url(/-/Media/Ricoh/Sites/co_jp/3dp/common/images/side_dot.gif) repeat 0 0;
	padding: 5px;
}
.stepDl {
	background: #FFF;
	padding: 10px;
}
.stepDl_body + .stepDl_body {
	margin-top: 11px;
	position: relative;
}
.stepDl_body + .stepDl_body .stepDl:before {
	position: absolute;
	display: inline-block;
	content: " ";
	width: 100%;
	height: 11px;
	background: #FFF url(/-/Media/Ricoh/Sites/co_jp/3dp/lineup/fdm/onyx_pro_one/images/step_icon.png) no-repeat center 0;
	left: 0;
	top: -11px;
}
#content .left .box dl.stepDl dt {
	font-size: 18px;
	font-weight: bold;
	background: url(/-/Media/Ricoh/Sites/co_jp/3dp/common/images/h3_border.gif) repeat-x left bottom;
	padding: 0 0 15px 0;
	height: auto;
	margin-bottom: 10px;
}
#content .left .box dl.stepDl dt span {
	display: inline-block;
	margin-right: 10px;
	color: #FFF;
	background: #17A6AF;
	padding: 5px 10px;
	border-radius: 3px;
}
#content .left .box dl.stepDl dd {
	font-size: 16px;
	margin-bottom: 6px;
}

/* お問い合わせ
----------------------------------*/
#content .left .contactInfo {
	background: url(/-/Media/Ricoh/Sites/co_jp/3dp/common/images/side_dot.gif) repeat 0 0;
	padding: 15px;
	margin-top: 60px;
}
#content .left .contactInfo + .contactInfo {
	margin: 30px 0;
}
#content .left .contactInfo .contactInfo_ttl {
	color: #17A6AF;/*df334c*/
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
#content .left .contactInfo .contactInfo_ttl + p {
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px;
}
#content .left .contactInfo .itemleft {
	float: left;
	padding: 15px;
	background: #FFF;
}
#content .left .contactInfo .itemright {
	float: right;
	padding: 15px;
	background: #FFF;
}
#content .left .contactInfo .itemleft dl,
#content .left .contactInfo .itemright dl {
	width: 295px;
}
#content .left .contactInfo .itemleft dt,
#content .left .contactInfo .itemright dt {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.4;
}
#content .left .contactInfo .itemleft dd,
#content .left .contactInfo .itemright dd {
	font-size: 16px;
	line-height: 1.4;
}
#content .left .contactInfo .itemleft ul {
	margin-top: 5px;
}
#content .left .contactInfo .itemleft ul li {
	margin-top: 0;
}
#content .left .contactInfo .contactInfo_fab .cv_btn {
	width: 300px;
}
#content .left .contactInfo .contactInfo_fab .cv_btn a,
#content .left .contactInfo .itemleft ul .cv_btn a {
	width: 100%;
	padding: 9px 0;
}
#content .left .contactInfo .contactInfo_fab .cv_btn a:after,
#content .left .contactInfo .itemleft ul .cv_btn a:after {
	top: 9px;
}
#content .left .contactInfo .itemright li {
	margin-top: 25px;
}
#content .left .contactInfo .itemright li + li {
	margin-top: 5px;
}
#content .left .contactInfo .contactInfo_tel {
	background: #FFF;
	padding: 15px;
}
#content .left .contactInfo .contactInfo_tel .floatl {
    /*border-right: 1px dotted #CCC;
    padding-right: 20px;*/
}
#content .left .contactInfo .contactInfo_tel .unttl {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}
#content .left .contactInfo .contactInfo_tel .tel {
	background: url(/-/Media/Ricoh/Sites/co_jp/3dp/lineup/fdm/onyx_pro_one/images/tel_icon.png) no-repeat 0 0;
	padding-left: 60px;
	font-size: 32px;
}
#content .left .contactInfo .contactInfo_tel .tel span {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
}
#content .left .contactInfo .contactInfo_tel a {
	width: 100%;
}
#content .left .contactInfo .contactInfo_tel .catalog_btn {
	margin-bottom: 0;
	padding-left: 20px;
	background: url(/-/Media/Ricoh/Sites/co_jp/3dp/lineup/fdm/onyx_pro_one/images/inqueryBtnArrow.png) no-repeat 0 center;
}
#content .left .contactInfo .contactInfo_tel .catalog_btn a {
	padding-left: px;
	background: no-repeat 0 0;
}
#content .left .contactInfo .contactInfo_tel .floatr {
	width: 280px;
	padding-left: 30px;
	border-left: 1px dotted #CCC;
}
#content .left .contactInfo .contactInfo_tel .floatr .cv_btn {
	margin: 5px 0;
}

#content .left .contactInfo .contactInfo_fab {
	background: #FFF;
	padding: 15px;
	margin-top: 15px;
}
#content .left .contactInfo .contactInfo_fab dl {
}
#content .left .contactInfo .contactInfo_fab dt {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}
#content .left .contactInfo .contactInfo_fab dd {
	font-size: 16px;
	line-height: 1.4;
}
#content .left .contactInfo .contactInfo_fab dd a {
	display: inline-block;
	margin-top: 20px;
	padding: 0 100px;
}
.ddl {
	float: left;
	margin-right: 12px;
}

.c_envisiontec {
	background-color: #FF4E00;
}
td span {
	font-size: 11px;
}
.btn a#readMoreToggle:after {
 	transform: rotate(90deg);
	top: 0
}
.btn a#readMoreToggle.close:after {
 	transform: rotate(-90deg);
	top: 0
}
.content_main_maza22 .product dl dt {
	text-shadow: 0 0 50px #333;
}
.content_main_maza22 .product dl dd {
	text-shadow: 0 0 50px #111;
}