/* CSS Document */

/** -------------------------------------------------------
 ** rSecondIdx
 ** ------------------------------------------------------- */
.rSecondIdx {
	width: 972px;
	margin-top: 20px;
}

/* -- SP -- */
body.responsive-sp .rSecondIdx {
	width: auto;
	padding: 5% 3.125%;
	margin-top: 0;
}

/* rSecondIdxSec
----------------------------------------------------------- */
.rSecondIdxSec {
	float: left;
	position: relative;
	width: 300px;
	margin: 0 24px 20px 0;
	background-color: #2f2f2f;
	text-align: left;
}
.rSecondIdxSecInner {
	padding: 18px 48px 16px 14px;
	background: url("/business/solution/digital-signage/case/images/r-bg-idx-panel.gif") no-repeat right center;
}
.rSecondIdxSec:hover .rSecondIdxSecInner {
	background-image: url("/business/solution/digital-signage/case/images/r-bg-idx-panel-over.gif");
}
.rSecondIdxSecInner .rSecondIdxSecTit {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.rSecondIdxSecInner p {
	margin: 8px 0 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
}
.rPanelLink {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
.rPanelLink a {
	display: block;
	width: 100%;
	height: 100%;
}

/* -- SP -- */
body.responsive-sp .rSecondIdxSec {
	float: none;
	width: auto;
	margin: 3.3333333333333335% auto 0;
}
body.responsive-sp .rSecondIdxSec:first-child {
	margin-top: 0;
}