@charset "UTF-8";
/* CSS Document */

/*News*/
.jp_news_lst {
	padding: 8px 32px 8px 0;
	background: url("/-/Media/Ricoh/Sites/co_jp/cmn_v1/img/icon_s_right_01.png") 100% 50% no-repeat;
}



/*title
--------------------------*/
.tl_ico_document{
  background-image: url("/-/Media/Ricoh/Sites/co_jp/solutions/security/img/document/tl_ico.jpg");
  padding:5px 0 0 57px;
  min-height: 36px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 17px;
}

.tl_ico_facility{
  background-image: url("/-/Media/Ricoh/Sites/co_jp/solutions/security/img/facility/tl_ico.jpg");
  padding:0px 0 8px 57px;
  min-height: 36px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 12px;
}
.tl_ico_facility span{
	font-size: 0.6em;
}


.tl_ico_it{
  background-image: url("/-/Media/Ricoh/Sites/co_jp/solutions/security/img/it/tl_ico.jpg");
  padding:0px 0 8px 57px;
  min-height: 36px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 12px;
}
.tl_ico_it span.sTl{
	font-size: 0.6em;
}
.tl_ico_it span.bTl{

}

@media (max-width: 900px) {
	.tl_ico_it{
	  background-image: url("/-/Media/Ricoh/Sites/co_jp/solutions/security/img/it/tl_ico.jpg");
	  padding:0px 0 8px 57px;
	  min-height: 36px;
	  background-repeat: no-repeat;
	  background-position: left center;
	  margin:12px 0 12px 0;
		line-height: 0.6em;
	}
	.tl_ico_it span.sTl{
		font-size: 0.6em;
		line-height: 1.3em;
		display: block;
	}
	.tl_ico_it span.bTl{
		line-height: 1.2em;
	}
}



.co_ico_it{
	font-size: 0.9em;
	color: #fff;
	background-color: #1f445e;
	margin:0 0 10px 0 ;
	padding: 3px;
}




.thumb_bg_none {
    background: none !important;
}




.tl_ico_management{
  background-image: url("/-/Media/Ricoh/Sites/co_jp/solutions/security/img/management/tl_ico.jpg");
  padding:7px 0 0 57px;
  min-height: 36px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 12px;
}

.icon_management{
	background: #a57503;
	margin: 0 10px 0 0;
	padding:9px 17px 9px 17px;
	color: #ffffff;
	font-size: 1.0em;
	font-weight: 600;
}

/**/
@media (min-width: 641px) {
	.pc_w_step{
		max-width:80%;
		margin: 20px auto 20px auto;
	}

}

	.ld_management_bold{
		/*min-height: 90px;*/
		color: #a57503;
		font-size: 1.0em;
		font-weight: 600;
		margin: 5px 0 5px 0;
	}
	.border_management{
		/*min-height: 100px;*/
		border: 1px solid #c8bfa9;
		padding: 7px;
		font-size: 1em;
	}







/* management module Box
----------------------------------------*/
/**/
.jp_step_vertical .jp_step_box .jp_point_area .jp_pt_ttl_label {
	font-size: 1.3em;
    padding: 15px 0 0 17px;
}



/* column
-----------------------------------------*/
.tl_column_top{
	font-size: 1.2em;
	margin-bottom: 16px;
	line-height: 2em;
}
.tl_column_top .tl_column_top_icon01{
	display: block;
	background: #5aa8e6;
	margin-right: 10px;
	padding: 3px 10px 3px 10px;
	color: #ffffff;
	font-size: 0.9em;
	float: left;
}
.tl_column_top .tl_column_top_icon02{
	display: block;
	background: #d94356;
	margin-right: 10px;
	padding: 3px 10px 3px 10px;
	color: #ffffff;
	font-size: 0.9em;
	float: left;
}

.tl_column_top .tl_column_top_icon03{
	display: block;
	background: #ffb924;
	margin-right: 10px;
	padding: 3px 10px 3px 10px;
	color: #ffffff;
	font-size: 0.9em;
	float: left;
}
.tl_column_top .tl_column_text{
	display: block;
	padding-top: 3px;
	line-height: 1.6;
	float: left;
}

@media (min-width: 641px) {
	.boxTopPadding{
		padding-top: 0px;
		padding-left: 20px;
	}
}
@media (max-width: 640px) {
	.boxTopPadding{
		padding-top: 20px;
	}
}




.jp_point_area .jp_point_sct .column_icon{
	padding: 0px !important;
}


.column_border_box {
	background: #ffffff;
    border: 7px #527083 solid;
    padding: 20px;
}

.tl_column_icon03{
	background: #f39800;
	margin-bottom: 20px;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 0.9em;
}


/* img
-------------*/
.img_va_middle{
	vertical-align: middle;
}


.cf {
		display:inline-block;
		min-height:1%;  /* for IE 7*/
	}
.cf:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}


/* vc
---------------*/
.cvBox_min{
	min-height: 288px;
}