@charset "UTF-8";
/*
========================================

	service > its > nwConsulting.css
    
========================================*/	

div.tabContents ul.row {border:none; }

div.tabContents ul.row li {
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border-radius:0;
	border:none;
		
    /*-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all  1s ease;*/
}

div.tabContents ul.row li.selected {
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

div.tabContents ul.row li dl {
    /*-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all  1s ease;*/
	
	/*border:3px solid #e5e5e5;*/
	border-radius:5px;
	box-sizing:border-box;
}

div.tabContents ul.row li.plan dl {background:rgba(200,230,201,0);border:6px double rgba(200,230,201,1);}
div.tabContents ul.row li.do dl {background:rgba(187,222,251,0);border:6px double rgba(187,222,251,1);}
div.tabContents ul.row li.check dl {background:rgba(197,202,233,0);border:6px double rgba(197,202,233,1);}
div.tabContents ul.row li.act dl {background:rgba(248,187,208,0);border:6px double rgba(248,187,208,1);}

div.tabContents ul.row li dl dt {
	margin-bottom:8px;
	padding:16px 16px 0 16px;
	border:none;
}

div.tabContents ul.row li dl dt span.title {
	clear:both;
	padding:4px 0 2px 0;
	display:block;
	color:#fff;
	text-align:center;
	font-weight:normal;
	border-radius:3px;
}

div.tabContents ul.row li.plan dl dt span.title {background:#358437;}
div.tabContents ul.row li.do dl dt span.title {background:#176ec5;}
div.tabContents ul.row li.check dl dt span.title {background:#2c3a94;}
div.tabContents ul.row li.act dl dt span.title {background:#b21655;}

div.tabContents ul.row li dl dd {padding:0 16px 24px 16px;}

div.tabContents ul.row li img {margin-bottom:8px;}

/*下向きの矢印*/

div.tabContents ul.row li dl {position:relative;}

div.tabContents ul.row li dl::after {
    content:'';
    position:absolute;
    width:0;
	height:0;
    border:10px solid transparent;
    border-top-color:#ccc;
    top:105%;
    left:50%;
    margin-left:-10px;
}

div.tabContents ul.row li.plan dl::after {border-top-color:rgba(200,230,201,1);}
div.tabContents ul.row li.do dl::after {border-top-color:rgba(187,222,251,1);}
div.tabContents ul.row li.check dl::after {border-top-color:rgba(197,202,233,1);}
div.tabContents ul.row li.act dl::after {border-top-color:rgba(248,187,208,1);}
/*div.tabContents ul.row li.act dl::after {display:none;}*/

div.tabContents ul.row li.plan02 {
	text-align:center;
	font-weight:bold;
	color:#666;
}
/*
div.tabContents ul.row li.plan02 span.triangle {
	display:inline-block;
    content:'';
    width:0;
	height:0;
    border:10px solid transparent;
	border-bottom-color:rgba(248,187,208,1);
}*/

/*@media only screen and (min-width: 480px) {*/
@media print, screen and (min-width: 480px) {/*印刷設定と480px以上の場合*/

div.pdca {
	width:90%;
	margin:0 auto;
	padding:0;
	border-radius:5px;
}

div.tabContents ul.row {
	background:url(/service/its/nwConsulting/img/bg_chart.jpg) no-repeat center center;
	background-size:26%;
}	

div.tabContents ul.row li.do,
div.tabContents ul.row li.check {float:right !important;}	

/*div.tabContents ul.row li.plan dl {margin:36px 0 0 auto !important;}
div.tabContents ul.row li.do dl {margin:0 0 0 auto !important;	}
div.tabContents ul.row li.check dl {margin:0 auto 0 0 !important;	}
div.tabContents ul.row li.act dl {margin:0 auto 0 0 !important;	}*/

div.tabContents ul.row li.plan dl {border:4px double rgba(200,230,201,1);}
div.tabContents ul.row li.do dl {border:4px double rgba(187,222,251,1);}
div.tabContents ul.row li.check dl {border:4px double rgba(197,202,233,1);}
div.tabContents ul.row li.act dl {border:4px double rgba(248,187,208,1);}

div.tabContents ul.row li.plan02 {display:none;}

div.tabContents ul.row li.selected dl {background:rgba(255,255,255,1);border-style:solid;}

div.tabContents ul.row li img {
	width:100%;
	margin:0 0 8px 0;
	padding:0;
}

/*下向きの矢印*/
div.tabContents ul.row li dl::after {display:none;}

}