@charset "UTF-8";

*{
	box-sizing:border-box;
}

/* categoryInd */

body.categoryInd h1{
	position:relative;
	color:#cc0000;
	background:url(/img/life/bg_h1_index.jpg) no-repeat;
	background-size:cover;
	background-position:80% top;
}
  body.categoryInd h1:before {
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(255,255,255,0.8);
  }
	body.categoryInd h1 span.inner{
		position:relative;
		display:block;
		padding:0 0 0 60px;
		font-weight:bold;
	}
		body.categoryInd h1 span.inner:before{
			position:absolute;
			top:-10px;
			left:-10px;
			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{
		position:relative;
		display:block;
		color:#333333;
		font-size:0.7em;
		padding:20px 0 20px 0;
	}
	body.categoryInd #main-box h1 + div.sectionCol {
		margin-top:-20px;
	}
	




#main-box .index-d h3{
	position:relative;
	margin:12px 0 0;
	padding:0px 0px;
	border-radius:5px 5px 0 0;
}
#main-box .index-d h3 a{
	display:block;
	padding:6px 12px;
}

#main-box .index-d h3:after{
	position:absolute;
	font-family:"jpsmt";
	content:"\3e";
	font-size:0.8rem;
	color:#FFFFFF;
	right:4px;
	top:35%;
}

#main-box .index-d .section{
	border-left:1px solid rgba(204,204,204,0.7);
	border-right:1px solid rgba(204,204,204,0.7);
	border-top:1px solid rgba(204,204,204,0.3);
	border-bottom:1px solid rgba(204,204,204,0.7);
}


/* 定型 box 											  */



#main-box div.index-h div.box.head{
	border-top:4px solid #ce0000;
	border-radius:3px 3px 0 0;
}

#main-box div.index-h div.wrap{
	border-top:1px solid rgba(204,204,204,0.5);
	padding-top:4px;
}

#main-box div.index-h div.col2-l,
#main-box div.index-h div.col2-r{
	margin-bottom:15px;
}


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

.benefitContact{
	display:inline-block;
	font-weight:bold;
	font-size:1rem;
	padding:6px;
	border:1px solid rgba(0,0,0,1);
}

/*　カタログ販売　*/

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;
		}