@charset "utf-8";

/*************************************************
CSS
update:15.10.23
*************************************************/


/* メニュー */
.menuTab{
	margin-bottom: 30px;
	text-align: center;

	font-size: 16px;
	font-weight: bold;
	line-height: 49px;
	/*width: 700px;*/
 }

.menuTab li{
	display: inline-block;
	text-align: center;
	width: 23%;
	height: 49px;

}

.twoLines{
	height: 49px;
	position: relative;
}
.twoLines span{
    position: absolute;
    top: 50%;
    margin-top: -1em;
    left:0;
}

/* クイック出力タブ分け */

.subNavi{
  width: 100%;
  font-size: 0px;
  margin-bottom: 45px;
}

.subNavi ul{
  text-align: center;
  font-weight: bold;
  line-height: 56px;

}

.subNavi li{
  display: inline-block;
  border: 1px solid #838383;
  color: #333;
  font-size: 15px;
  width: 229px;
  height: 56px;
  margin-right: 2px;
  background-color: #ffffff;
  position: relative;
}



.subNavi li {
    background: url(/-/Media/Ricoh/Sites/co_jp/3dp/images/arrow.png) no-repeat 95% center;
}

.subNavi li.last {
    margin-right: 0px !important;
}


.subNavi li.on, .subNavi li:hover{
  background:  #000000 url(/-/Media/Ricoh/Sites/co_jp/3dp/images/arrow_on.png) no-repeat 95% center;
  border: 1px solid #878781;
  color: #ffffff;
}

.box_wrap{
	padding: 45px 50px 0px 50px;
	margin-bottom: 16px;
	border: 1px solid #c7c7c7;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* メニュー カラーバリエーション */

/* 01 */

.menuColor01{
    border-bottom: 3px solid #1da5ae;
 }

.menuColor01 li{
	border-top: 2px solid #686868;
	border-left: 2px solid #686868;
	border-right: 2px solid #686868;
	color: #3c3c3c;

}

.menuColor01 li:hover{
	border-top: 2px solid #1da5ae;
	border-left: 2px solid #1da5ae;
	border-right: 2px solid #1da5ae;
	background-color: #1da5ae;
	color: #ffffff; 
}

.menuColor01 li:hover{
	border-top: 2px solid #1da5ae;
	border-left: 2px solid #1da5ae;
	border-right: 2px solid #1da5ae;
	background-color: #1da5ae;
	color: #ffffff; 
}

.menuColor01 .on{
	border-top: 2px solid #1da5ae;
	border-left: 2px solid #1da5ae;
	border-right: 2px solid #1da5ae;
	background-color: #1da5ae;
	color: #ffffff; 
}

/* 02 */

.menuColor02{
    border-bottom: 3px solid #000000;
 }

.menuColor02 li{
	border-top: 2px solid #686868;
	border-left: 2px solid #686868;
	border-right: 2px solid #686868;
	color: #3c3c3c;

}

.menuColor02 li:hover{
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #000000;
	color: #ffffff; 
}

.menuColor02 li:hover{
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #000000;
	color: #ffffff; 
}

.menuColor02 .on{
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #000000;
	color: #ffffff; 
}

/* テキストインデント */

#content .left .center{
	text-align: center;
}


#content .left .ddr {
    float: right;
    margin-left: 17px;
}


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

/* quick出力 */

body.quick #content .box dl {
    margin-top: 30px !important;
}

body.quick #content .materials_list li ul li,
body.custom #content .materials_list li ul li{
    margin-bottom: 0px;
    text-indent: 0;
    padding-left: 0;
    margin-right: 4px;
}

body.quick #content .zoukei_sample li ul li{
    margin-bottom: 0px;
    text-indent: 0;	
    padding-left: 0;
    margin-right: 8px;
	margin-right: 8px\9; /* IE10以下 */
}

/* firefoxのみ */
@-moz-document url-prefix() {
	body.quick #content .zoukei_sample li ul li{
	    margin-bottom: 0px;
	    text-indent: 0;	
	    padding-left: 0;
	    margin-right: 8px;
	    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	    box-sizing: border-box;

	}
}

/* firefoxのみ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body.quick #content .zoukei_sample li ul li{
	    margin-right: 8px;
	}
}


body.quick #content .materials_list li ul li a,
body.quick #content .zoukei_sample li ul li a{
	display: inline-block;
}



.materials_list {
    list-style: none;
    font-size: 14px;
    line-height: 26px;
}

.zoukei_sample{
	font-size: 12px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
}


/* 出力サービス・見積り方式選択 */

.Bsummary_print h5{
	font-size: 16px !important;
}

.order_choice div{
	width: 325px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
	background: #f4f4f4;
	padding: 22px 20px 35px;
	margin-top: 22px;
	float: left;
}

.order_choice h4{
	font-size: 19px;
	text-align: center;
	margin-bottom: 16px;
	color: #fff;
	background: #4f4f4f;
	padding-top: 10px;
	padding-bottom: 10px;
}

.order_choice p.arrow{
	width: 325px;
	margin-top: 15px;
	float: left;
}

.quick .page_anc li {
    float: left;
    margin-right: 30px;
    font-size: 14px;
}

.attention_page_navi{
	font-size: 16px;
}

.quick .foot_bn ul li{
	float: left;
}

.quick .foot_bn ul:after{
	content: "";
	display: block;
	clear: both;
}

.notes{
	font-size: 14px;
    line-height: 26px;
    margin-bottom: 60px;
}


/*	アイコン	*/

/* new */
.ico_new01{
	background: url(/-/Media/Ricoh/Sites/co_jp/3dp/service/print_service/images/new_01.png) no-repeat top left;
}