@charset "UTF-8";

*{
	box-sizing:border-box;
}

/* categoryInd */

body.categoryInd h1{
	border-top:8px solid #cc0000;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	height:230px;
	color:#cc0000;
	background:url(/img/life/bg_h1_index.jpg) left top;
}
	body.categoryInd h1 span.inner{
		position:relative;
		display:block;
		padding:40px 0 65px 105px;
		font-weight:bold;
	}
		body.categoryInd h1 span.inner:before{
			position:absolute;
			top:34px;
			left:20px;
			display:inline-block;
			content:"";
			background:url(/img/life/ico_h1.png) no-repeat;
			background-size:contain;
			width:65px;
			height:47px;
		}
	body.categoryInd h1 span.read{
		display:block;
		color:#333333;
		font-size:0.7em;
		padding:0 0 0 20px;
	}

#main-box div.sectionCol{
	margin-top:20px;
	width:564px;
}
	#main-box div.sectionCol:nth-of-type(2n){
		margin-left:32px;
	}



/* 定型 box 											  */

#main-box div.index-h div.inner{
	background: url("/img/service/standard/bg_index_h.gif") repeat-x 0 100%;

}

#main-box div.index-h div.box.head{
	background: url("/img/service/standard/bg_index_h_upper.gif") no-repeat 0 0;
	padding:10px 0 0 0;
}

#main-box div.index-h div.inner{
	background-size:100% auto;
}

#main-box div.index-h div.col2-l,
#main-box div.index-h div.col2-r{
	width: 474px;
}


/* 福利厚生サービス												*/

.benefitContact{
	font-weight:bold;
	font-size:1.2rem;
	border:1px solid rgba(0,0,0,1);
	width:600px;
}

/*　カタログ販売　*/

ol.point{
	padding:0 50px;
}
	ol.point li{
		display:inline-block;
		vertical-align:top;
		width:33%;
		text-align:center;
		margin:6px 0;
	}

	ul.imgList li{
		display:inline-block;
		vertical-align:top;
		width:auto;
		text-align:center;
		margin:6px 16px;
	}
		ul.ableList li img{
			width:90%;
			height:auto;
			margin:4px 0 10px;
		}