/* CSS Document */

/** -------------------------------------------------------
 ** layout
 ** ------------------------------------------------------- */


/** -------------------------------------------------------
 ** possibility (common)
 ** ------------------------------------------------------- */
.posSec {
	margin: 24px 0 0 0;
}
.posSec:first-child {
	margin: 0;
}
.posSec p {
	margin: 12px 0 0 0;
	font-size: 108%;
	line-height: 1.4;
}
.posSecCap {
	display: block;
	margin: 10px 0 0 0;
	font-size: 108%;
	font-weight: bold;
}
.posSecTit {
	font-size: 123.1%;
	font-weight: bold;
}

/* table */
.posSecTable {
	margin: 8px 0 0 0;
}
.posSecTable table {
	width: 100%;
	border-top: 1px solid #bbbec1;
	border-left: 1px solid #bbbec1;
	font-size: 108%;
}
.posSecTable table th,
.posSecTable table td {
	padding: 6px;
	border: 1px solid #bbbec1;
}
.posSecTable table td {
	text-align:right;
}
.posSecTable table thead th {
	background-color: #5b6771;
	color: #fff;
	text-align: center;
}
.posSecTable table tbody th {
	font-weight: normal;
}
.posSecTable table tbody th,
.posSecTable table tfoot th {
	background-color: #ebeef0;
}
.posSecTable table tfoot th,
.posSecTable table tfoot td {
	border-top: 2px solid #bbbec1;
}
.posSecTable table .bg-blue {
	background-color: #d6ecfa;
}
.posSec .posSecTableNotes {
	margin-top: 8px;
	text-align: right;
	font-size: 100%;
}

/* (posSecCompTable) */
.posSecCompTable table {
	border: 1px solid #bbbec1;
	font-size: 100%;
}
.posSecCompTable table thead th {
	font-size: 116%;
}
.posSecCompTable table tbody td {
	border-right: 0;
	font-size: 108%;
}
.posSecCompTable table tbody td.comp-a {
	width: 232px;
	padding: 12px 16px 12px 16px;
	text-align:left;
}
.posSecCompTable table tbody td.comp-b {
	width: 216px;
	padding: 24px 24px 12px 20px;
	background-color: #d6ecfa;
	border: 1px solid #bbbec1;
	text-align:left;
}
.posSecCompTable table tbody td.comp-b:after {
	position: relative;
	left: -25px;
	top: -35px;
	display: block;
	width: 10px;
	height: 30px;
	margin-top: -15px;
	background: url("/business/solution/digital-signage/possibility/images/ic_comp_arw.png") no-repeat;
	content: "";
}
.posSecCompTable table tbody td.comp-b-total {
	position: relative;
	padding: 12px 8px 12px 36px;
	background: #bce0f7 url("/business/solution/digital-signage/possibility/images/ic_comp_arw_total.png") no-repeat 12px center;
}
.posSecCompTable table tbody td.comp-b-total ul {
	font-size: 93%;
}
.posSecCompTable table tbody td.comp-b-total ul li {
	display: block;
	padding: 8px 0;
	margin: 10px 0 0 0 ;
	background-color: #fff;
	text-align: center;
}
.posSecCompTable table tbody td.comp-b-total ul li:first-child {
	margin: 0;
}

/* posFuncSec */
.posFuncSec {
	margin: 30px 0 0 0;
}
.posFuncSec:first-child {
	margin: 0;
}
.posFuncSec table {
	width: 100%;
	border-collapse: separate;
	font-size: 108%;
}
.posFuncSec table thead th {
	padding: 7px;
	border-right: 1px solid #5b6771;
	border-bottom: 1px solid #fff;
	background-color: #5b6771;
	color: #fff;
	font-size: 96%;
}
.posFuncSec table thead th.bg-gray {
	border-right: 1px solid #fff;
	background-color: #333333;
	text-align: center;
}
.posFuncSec table thead th strong {
	display: inline-block;
	padding: 6px;
	margin: 0 6px 0 0;
	background-color: #fc0;
	color: #333;
}
.posFuncSec table thead th img{
	margin-left:20px
}
.posFuncSec table tbody td {
	position: relative;
	width: 218px;
	border-bottom: 1px solid #bbbec1;
	vertical-align: top;
}
.posFuncSec table tbody td.last-child {
	width: 198px;
}
.posFuncSec table tbody td:before {
	position: absolute;
	left: -28px;
	top: 0;
	width: 32px;
	height: 100%;
	background: url("/business/solution/digital-signage/possibility/images/bg_func_arw.png") right center;
	content: "";
}
.posFuncSec table tbody td:first-child {
	border-left: 1px solid #bbbec1;
}
.posFuncSec table tbody td:first-child:before {
	display: none;
}
.posFuncSec table tbody td.last-child {
	border-right: 1px solid #bbbec1;
}
.posFuncSec table tbody td strong {
	display: block;
	padding: 7px 9px;
	background-color: #ebeef0;
	color: #009999;
}
.posFuncSec table tbody td ul {
	padding: 8px 8px 12px 12px;
	font-size: 85%;
}
.posFuncSec table tbody td ul li {
	padding: 0 0 0 1em;
	margin: 4px 0 0 0;
	text-indent: -1em;
}
.posFuncSec table tbody td ul li:before {
	content: "・";
}
.posFuncSec table tbody td ul li:first-child {
	margin: 0;
}


.posFuncSecBtn {
	width: 540px;
	margin: 15px 0 0 auto;
}
.posFuncSecBtn a {
	display: block;
	padding: 10px 0;
	background-color: #009999;
	border-radius: 6px;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.posFuncSecBtn a:before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 8px 0 0;
	background: url("/business/solution/digital-signage/possibility/images/ic_func_arw.png") no-repeat;
	content: "";
	vertical-align: 1px;
}
.posFuncSecBtn a:hover {
	background-color: #2aabaa;
}

/* pos4KSceneSec */
.pos4KSceneSecWrap {
	width: 670px;
}
.pos4KSceneSec {
	float: left;
	width: 327px;
	margin: 0 8px 32px 0;
}
.pos4KSceneSecTit {
	padding: 8px;
	background-color: #5b6771;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
}
.pos4KSceneSec p {
	display: block;
	color: #009999;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.pos4KSceneSec .pos4KSceneSecLine1 {
	padding: 24px 0 28px 0;
}
.pos4KSceneSec .pos4KSceneSecLine2 {
	padding: 14px 0 20px 0;
}

/* -- SP -- */
body.responsive-sp .pos4KSceneSecWrap {
	width: auto;
}
body.responsive-sp .pos4KSceneSec {
	float: none;
	width: auto;
	margin: 0 0 6%;
}
body.responsive-sp .pos4KSceneSec:after {
	clear: both;
	display: block;
	content: "";
}
body.responsive-sp .pos4KSceneSecTit {
	margin-bottom: 4%;
}
body.responsive-sp .pos4KSceneSec img {
	float: left;
	max-width: 45%;
}
body.responsive-sp .pos4KSceneSec .pos4KSceneSecLine1,
body.responsive-sp .pos4KSceneSec .pos4KSceneSecLine2 {
	float: right;
	width: 50%;
	padding: 0;
	text-align: left;
	font-size: 100%;
	
}

/* posSecCase */
.posSecCase {
	width: 300px;
	margin: 20px auto 0 auto;
}
.posSecCase p {
	margin: 10px 0 0 0;
	font-size: 93%;
	text-align: center;
}

/* recProductBlock */
.recProductBlock {
	margin-top: 40px;
}
.recTxtCatch {
	display: block;
	margin: 0 0 10px 0;
	font-size: 108%;
}

/** -------------------------------------------------------
 ** rSecondIdx
 ** ------------------------------------------------------- */
.rSecondIdx {
	width: 966px;
	margin-top: 40px;
}

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

/* rSecondIdxSec
----------------------------------------------------------- */
.rSecondIdxSec {
	float: left;
	width: 427px;
	padding: 19px 19px 23px 19px;
	margin: 0 16px 16px 0;
	background-color: #fff;
	border: 1px solid #bbbec1;
	text-align: left;
}
.rSecondIdxSecInner {
	margin: 16px 0 0 0;
}
.rSecondIdxSecInner .rSecondIdxSecTit {
	font-size: 18px;
	font-weight: bold;
}
.rSecondIdxSecInner p {
	margin: 8px 0 0 0;
	font-size: 14px;
	line-height: 1.6;
}
.rSecondIdxSecBtn {
	margin: 22px 0 0 0;
}

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

/** -------------------------------------------------------
 ** possibility01
 ** ------------------------------------------------------- */
.colBlock .colCap {
	padding: 8px;
	font-size: 93%;
}
.colBlock .colTxt {
	margin: 20px 0 0 254px;
}

/* nSecResult */
.nSecResult {
	margin: 36px 10px 32px 10px;
	background-color: #ffffe0;
	border: 1px solid #d7dbde;
}
.nSecResultTit {
	display: inline-block;
	padding: 8px 14px;
	margin: -1px 0 0 -1px;
	background-color: #ff7200;
	color: #fff;
	font-size: 123.1%;
	font-weight: bold;
}
.nSecResultInner {
	padding: 18px;
}

/* nListCheckOragne */
ul.nListCheckOragne {
	font-size: 116%;
	font-weight: bold;
}
ul.nListCheckOragne li {
	padding: 0 0 0 26px;
	margin: 14px 0 0 0;
	background: url("/business/solution/digital-signage/images/n_list_check_orange.png") no-repeat 0 2px;
}
ul.nListCheckOragne li:first-child {
	margin: 0;
}

/* nLocalPageList */
.nLocalPageList {
	margin: 30px 10px 0 10px;
}
.nLocalPageListTit {
	font-size: 108%;
}
.nLocalPageListInner {
	margin: 6px 0 0 0;
}
.nLocalPageListInner ul {
	border: 1px solid #b9bec2;
	font-size: 108%;
}
.nLocalPageListInner ul li {
	border-top: 1px solid #b9bec2;
}
.nLocalPageListInner ul li:first-child {
	border-top: 0;
}
.nLocalPageListInner ul li a,
.nLocalPageListInner ul li span {
	position: relative;
	display: block;
	padding: 14px 14px 14px 36px;
	color: #222;
	text-decoration: none;
}
.nLocalPageListInner ul li a:before,
.nLocalPageListInner ul li span:before {
	position: absolute;
	left: 16px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: url("/business/solution/digital-signage/images/n_ic_local_page_list.png") no-repeat;
	content: "";
}
.nLocalPageListInner ul li a:hover {
	background-color: #f0f0f0;
}
.nLocalPageListInner ul li a em {
	color: #000099;
	text-decoration: underline;
}
.nLocalPageListInner ul li span {
	background-color: #d6ecfa;
}

/** -------------------------------------------------------
 ** possibility03
 ** ------------------------------------------------------- */
.nSceneSubSection {
	position: relative;
	margin: 14px 0 0 0;
	border: 1px solid #BBBEC1;
}
.nSceneSubSection:first-child {
	margin-top: 0;
}
.nSceneSubSectionInner {
	padding: 16px;
}
.nSceneSubSection.flLeft {
	width: 234px;
}
.nSceneSubSection .flRight  {
	width: 372px;
}
.nSceneSubSection .flRight  p {
	font-size: 108%;
	line-height: 1.6;
}
.nSceneSubSectionCase {
	padding: 16px;
	margin: 16px 0 0 0;
	background-color: #f6f6f6;
}
.nSceneSubSectionCase p {
	margin: 12px 0 0 0;
}
.nSceneSubSectionCase p:first-child {
	margin: 0;
}