@charset "utf-8";


/*----------------------------------------
	自治体向けソリューション
-----------------------------------------*/
.solbg1{
	background:url(/business/dx/files/solution_bunkyo02.jpg)right center no-repeat;
	height:241px;

}

/* そのまま移行 */
.menu li  {
	float:left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.uni_tabnavi3 li a span{
 width:220px;
}

#list_ch{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#list_ch ul li.ch1{
    font-size:75%;
    color: #727172;
    display: list-item;
    list-style-image:url(/business/dx/files/koumoku.gif);
    list-style-position: outside;
    margin:5px 0px 5px 15px;
    width: auto;

}
.solution {
	font-size: 14px;
	font-weight: bold;
	color: #6B017D;
}



.campus02{
	background-image:url(/business/dx/files/solution_campus02_on.gif);
	height: 15px;
	width: 107px;
	float: left;
}
.campus02 a{
	display:block;
}
.campus02 a:hover {
	background-color:transparent;
}
.campus02 a:hover img{
	visibility:hidden;
}

.campus06{
	background-image:url(/business/dx/files/solution_campus06_on.gif);
	height: 15px;
	width: 162px;
	float: left;
}
.campus06 a{
	display:block;
	height: 15px;
	width: 162px;
}
.campus06 a:hover {
	background-color:transparent;
}
.campus06 a:hover img{
	visibility:hidden;
}	
	
.campus01{
	background-image:url(/business/dx/files/solution_campus01_on.gif);
	height: 15px;
	width: 107px;
	float: left;
}
.campus01 a{
	display:block;
	height: 15px;
	width: 107px;
}
.campus01 a:hover {
	background-color:transparent;
}
.campus01 a:hover img{
	visibility:hidden;
}
	
.campus03{
	background-image:url(/business/dx/files/solution_campus03_on.gif);
	height: 15px;
	width: 76px;
	float: left;
}
.campus03 a{
	display:block;
	height: 15px;
	width: 76px;
}
.campus03 a:hover {
	background-color:transparent;
}
.campus03 a:hover img{
	visibility:hidden;
}

.campus04{
	background-image:url(/business/dx/files/solution_campus04_on.gif);
	height: 15px;
	width: 119px;
	float: left;
}
.campus04 a{
	display:block;
	height: 15px;
	width: 119px;
}
.campus04 a:hover {
	background-color:transparent;
}
.campus04 a:hover img{
	visibility:hidden;
}


.campus08{
	background-image:url(/business/dx/files/solution_campus08_on.gif);
	height: 15px;
	width: 100px;
	float: left;
}
.campus08 a{
	display:block;
	height: 15px;
	width: 100px;
}
.campus08 a:hover {
	background-color:transparent;
}
.campus08 a:hover img{
	visibility:hidden;
}


.campus07{
	background-image:url(/business/dx/files/solution_campus07_on.gif);
	height: 15px;
	width: 100px;
	float: left;
}
.campus07 a{
	display:block;
	height: 15px;
	width: 100px;
}
.campus07 a:hover {
	background-color:transparent;
}
.campus07 a:hover img{
	visibility:hidden;
}


.campus09{
	background-image:url(/business/dx/files/solution_campus09_on.gif);
	height: 15px;
	width: 91px;
	float: left;
}
.campus09 a{
	display:block;
	height: 15px;
	width: 91px;
}
.campus09 a:hover {
	background-color:transparent;
}
.campus09 a:hover img{
	visibility:hidden;
}


.campus10{
	background-image:url(/business/dx/files/solution_campus10_on.gif);
	height: 15px;
	width: 108px;
	float: left;
}
.campus10 a{
	display:block;
	height: 15px;
	width: 108px;
}
.campus10 a:hover {
	background-color:transparent;
}
.campus10 a:hover img{
	visibility:hidden;
}

.campus05{
	background-image:url(/business/dx/files/solution_campus05_on.gif);
	height: 15px;
	width: 115px;
	float: left;
}
.campus05 a{
	display:block;
	height: 15px;
	width: 91px;
}
.campus05 a:hover {
	background-color:transparent;
}
.campus05 a:hover img{
	visibility:hidden;
}


/*----------------------------------------
	自治体向けソリューション
-----------------------------------------*/

.float_right{
	float:right;
	width:75%;
}
.float_left{
	float:left;
	width:25%;
}

.CaseBox{
	padding:10px 10px 10px 10px;
	border:2px solid #AAAAAA;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
h3.MakerNameBox{
	display:block;
	background-color:#549ed7;
	color:#FFFFFF;
	padding:5px 3px 5px 10px;
	margin-bottom:15px;
	font-weight:bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.CaseBoxLeft{
	float:left;
	padding-top:15px;
	width:25%;
	text-align:center;
}
.CaseBoxRight{
	float:right;
	width:75%;
}

.CaseBoxTable{
	width:97%;
	border:2px solid #a8a8a8;
	line-height:1.4em;
	color:#666666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:5px;
}
.CaseBoxTable th{
	background-color:#E2EDF5;
	border:1px solid #a8a8a8;
	padding:5px 0px 5px 0px;
	text-align:center;
	font-weight:bold;
}
.CaseBoxTable th.lastline,
.CaseBoxTable td.lastline{
	border:1px solid #a8a8a8;
}
.CaseBoxTable td{
	border:1px solid #a8a8a8;
	padding:5px 8px 5px 8px;
}

/*----------------------------------------
	標的型攻撃対策
-----------------------------------------*/
.aptbg1{
	background-image:url(/business/dx/files/MNC_solution_apt_bg.jpg);
	background-position:0 50%;
	background-size:cover;
}

.tbl_style_apt{
	width: 100%;
}
/* 幅 */
.tbl_style_apt tr:nth-child(1) td:nth-child(1){width:17%;}
.tbl_style_apt tr:nth-child(1) td:nth-child(2){width:15%;}
.tbl_style_apt tr:nth-child(1) td:nth-child(3){width:17%;}
.tbl_style_apt tr:nth-child(1) td:nth-child(4){width:17%;}
.tbl_style_apt tr:nth-child(1) td:nth-child(5){width:17%;}
.tbl_style_apt tr:nth-child(1) td:nth-child(6){width:17%;}
.tbl_style_apt tr:nth-child(2) td:nth-child(1){width:9%;}
.tbl_style_apt tr:nth-child(2) td:nth-child(2){width:8%;}

/* 背景色（青） */
.tbl_style_apt tr:nth-child(1) td:nth-child(n+2){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(1) td:nth-child(n+2){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(2) td:nth-child(2){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(3) td:nth-child(1){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(4) td:nth-child(1){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(5) td:nth-child(1){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(6) td:nth-child(1){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(7) td:nth-child(3){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(8) td:nth-child(2){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(9) td:nth-child(1){background:#4982AD;color:#FFF;text-align:center;}
.tbl_style_apt tr:nth-child(2) td:nth-child(1){background:#4b95cc;color:#FFF;}
.tbl_style_apt tr:nth-child(7) td:nth-child(1){background:#4b95cc;color:#FFF;}
.tbl_style_apt tr:nth-child(7) td:nth-child(2){background:#4b95cc;color:#FFF;}.tbl_style_apt tr:nth-child(8) td:nth-child(1){background:#6caddf;color:#FFF;}

.tbl_style_apt td{
	border-right:1px solid #AAA;
	border-bottom:1px solid #AAA;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:6px;
}
.noline_t{border-top:none !important;}
.noline_r{border-right:none !important;}
.noline_l{border-left:none !important;}
.noline_b{border-bottom:none !important;}

/*** PC ***/
@media screen and (min-width: 481px) {
	/* タブ */
	.tab {
		padding:0 5px;
	}
	.tab > div {
		padding:10px 0px;
		opacity: 0.8;
		-moz-opacity: 0.8;
		filter: alpha(opacity=80);
		cursor: pointer;
		list-style: none;
		transition: 0.3s;
		border-top:3px solid #ccc;
		border-left:3px solid #ccc;
		border-right:3px solid #ccc;
		-webkit-border-top-left-radius: 0.4rem;
		-webkit-border-top-right-radius: 0.4rem;
		-moz-border-radius-topleft: 0.4rem;
		-moz-border-radius-topright: 0.4rem;
		text-align:center;
		color:#666;
		font-size:0.9rem;
	}
	.tab div.active {
		opacity: 1.0 !important;
		-moz-opacity: 1.0 !important;
		filter: alpha(opacity=100) !important;
		cursor: auto;
		border-top:3px solid #193450;
		border-left:3px solid #193450;
		border-right:3px solid #193450;
		color:#333;
	}
	.area > div {
		display: none;
	}
	.area > div.show {
		display: block;
	}
	.tab_iconbox{
		display: block;
	}
}

/*** スマホ ***/
@media screen and (max-width: 480px) {
	/* タブ */
	.tab {
		padding:0px 5px;
	}
	.tab > div {
		padding:15px 0px;
		opacity: 0.8;
		-moz-opacity: 0.8;
		filter: alpha(opacity=80);
		cursor: pointer;
		list-style: none;
		transition: 0.3s;
		border-top:2px solid #ccc;
		border-left:2px solid #ccc;
		border-right:2px solid #ccc;
		-webkit-border-top-left-radius: 0.4rem;
		-webkit-border-top-right-radius: 0.4rem;
		-moz-border-radius-topleft: 0.4rem;
		-moz-border-radius-topright: 0.4rem;
	}
	.tab div.active {
		opacity: 1.0 !important;
		-moz-opacity: 1.0 !important;
		filter: alpha(opacity=100) !important;
		cursor: auto;
		border-top:2px solid #193450;
		border-left:2px solid #193450;
		border-right:2px solid #193450;
	}
	.area > div {
		display: none;
	}
	.area > div.show {
		display: block;
	}
	.tab_iconbox{
		display: block;
	}
}

/*----------------------------------------
	攻撃を止める対策・止めない対策
-----------------------------------------*/
h1.secstop{font-family: 'Noto Sans Japanese' !important;}

h1.secstop div.subt{
	font-size:1.6rem;
	letter-spacing:-0.1rem;
	margin-bottom:-5px;
}
h1.secstop div.maint{
	font-size:2.8rem;
	letter-spacing:-0.1rem;
	margin-bottom:-5px;
}
h1.secstop div.maint span.sping{
	letter-spacing:-0.5rem !important;
}
p.subt{
	font-size:1.0rem;
	margin-bottom:10px;
}
.pdbox{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	margin:0 auto;
}





/*----------------------------------------
	第2回 AI・人口知能 EXPO出展
-----------------------------------------*/
.pre_bgcolor1{background:#3da7ce;}
.pre_bgcolor2{background:#447ec0;}
.pre_bgcolor3{background:#45b6ad;}
.pre_bgcolor4{background:#725da6;}
.pre_bgcolor5{background:#5eb344;}
.pre_bgcolor6{background:#d0b836;}


table.td_gr tr td:nth-child(1){
	background:#efefef;
}
/* 仕様ページ用（共通） */
table.td_cen1 tr td:not(:first-child){
	text-align:center;
}
table.td_cen2 tr td:first-child{
	text-align:center;
}

/*** PC ***/
@media screen and (min-width: 481px) {

	.presen_list{
		-webkit-border-radius:0.4rem;
		-moz-border-radius:0.4rem;
		border-radius:0.4rem;
		border:1px solid #ccc;
	}
	.presen_list div.category_t{
		-webkit-border-top-left-radius: 0.4rem;
		-webkit-border-bottom-left-radius: 0.4rem;
		-moz-border-radius-topleft: 0.4rem;
		-moz-border-radius-bottomleft: 0.4rem;
	}

	.linkvector{
		background:url(/business/dx/files/citrix_sol_vdi_5tools_btn_vector.png)95% center no-repeat;
		background-size:8% auto;
	}
	.linkvector2{
		background:url(/business/dx/files/citrix_sol_vdi_5tools_btn_vector.png)97% center no-repeat;
		background-size:auto 55%;
	}
	.linkvector3{
		background:url(/business/dx/files/citrix_sol_vdi_5tools_btn_vector.png)97% center no-repeat;
		background-size:20px auto;
	}
	.linkvectorbtn{
		background:url(/business/dx/files/splunk_vector_h.png)98% center no-repeat;
		background-size:18px auto;
	}
	.linkvectorbtn2{
		background:url(/business/dx/files/fireeye_vector_h.png)98% center no-repeat;
		background-size:18px auto;
	}



}
/*** スマホ ***/
@media screen and (max-width: 480px) {
	.presen_list{
		-webkit-border-radius:0.4rem;
		-moz-border-radius:0.4rem;
		border-radius:0.4rem;
		border:1px solid #ccc;
	}
	.presen_list div.category_t{
		-webkit-border-top-left-radius: 0.4rem;
		-webkit-border-top-right-radius: 0.4rem;
		-moz-border-radius-topleft: 0.4rem;
		-moz-border-radius-topright: 0.4rem;
	}

	.linkvector{
		background:url(/business/dx/files/citrix_sol_vdi_5tools_btn_vector.png)95% center no-repeat;
		background-size:8% auto;
		padding:5px 0px;
	}
	.linkvector2{
		background:url(/business/dx/files/citrix_sol_vdi_5tools_btn_vector.png)97% center no-repeat;
		background-size:auto 55%;
	}
	.linkvector3{
		background:url(/business/dx/files/citrix_sol_vdi_5tools_btn_vector.png)97% center no-repeat;
		background-size:17px auto;
	}
	.linkvectorbtn{
		background:url(/business/dx/files/splunk_vector_h.png)98% center no-repeat;
		background-size:15px auto;
	}
	.linkvectorbtn2{
		background:url(/business/dx/files/fireeye_vector_h.png)98% center no-repeat;
		background-size:15px auto;
	}


}







/*** PC ***/
@media screen and (min-width: 481px) {
	.iconposition{
		float:right;
		padding-left:30px;
		width:230px;
	}
	.iconposition img{
		width:180px;
	}
	.ruby1:before{
		content:"や";
		font-size: 0.8rem;
		text-align: center;
		position: relative;
		top: -25px;
		left:20px;
		margin-left:-12px;
	}
	.ruby2:before{
		content:"と";
		font-size: 0.8rem;
		text-align: center;
		position: relative;
		top: -25px;
		left:20px;
		margin-left:-12px;
	}
}
/*** スマホ ***/
@media screen and (max-width: 480px) {
	.iconposition{
		padding:10px 0 20px 0;
		width:100%;
		text-align:center;
	}
	.iconposition img{
		width:220px;
	}
	.ruby1{font-size:0.9rem;}
	.ruby2{font-size:0.9rem;}

}



/*----------------------------------------
	IoT・データインテリジェンス
-----------------------------------------*/

.sttxt{
	font-size:1.4rem;
	font-family: 'Noto Sans Japanese';
	color:#316bba;
}



/*** PC ***/
@media screen and (min-width: 481px) {
	.soliotbg1{
		background:url(/business/dx/files/solution_iot_drawing02.png)right -50px top -10px no-repeat;
	}
	.soliotbg2{
		background:url(/business/dx/files/solution_iot_drawing07.png)right -50px top -10px no-repeat;
	}


	ul.en_prolayout li:nth-child(1){
		float:left;
		display:block;
		width:50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding-right:10px;
	}
	ul.en_prolayout li:nth-child(2){
		float:right;
		display:block;
		width:50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:10px;
	}
	a.makerbox{
		display:block;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		color:#333;
		font-size:1.0rem;
		padding:30px 15px 0px 15px;
		border: none;
		box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.3), inset 0 2px 5px rgba(255, 255, 255, 0.6);
		text-decoration: none;
		height:130px;

	}
	a.makerbox img{
		margin:0 auto;
	}
	a.makerbox p{
		text-align:center;
	}



	.iconposition2{
		float:right;
		padding-left:30px;
		width:250px;
	}
	.iconposition2 img{
		width:100%;
	}


	/* iframeポップウィンドウ虫眼鏡 */
	a[class*="iframe"] {
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	a[class*="iframe"]:after {
		content: "";
		width: 42px;
		height: 41px;
		background: url("/business/dx/files/MNC_content_lightbox_icon.png") left top no-repeat;
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 2;
	}
	a[class*="iframe"] {
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
	}
	a[class*="iframe"]:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
	}


	#iotpop_fb{
		/* Flex宣言 */
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width:900px;
		height:675px;
		flex-wrap:wrap;
		margin:0 auto;
	}


a.poplinkbox1{
	width:140px;
	height:150px;
	background:url(/business/dx/files/solution_iot_pop3.jpg)0 0 no-repeat;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a.poplinkbox2{
	width:145px;
	height:170px;
	background:url(/business/dx/files/solution_iot_pop6.jpg)0 0 no-repeat;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}




}


/*** スマホ ***/
@media screen and (max-width: 480px) {
	.soliotbg1{
		background:#FFF;
	}
	.soliotbg2{
		background:#FFF;
	}

	ul.en_prolayout li:nth-child(1){
		display:block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom:10px;
	}
	ul.en_prolayout li:nth-child(2){
		display:block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	a.makerbox{
		display:block;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		color:#333;
		font-size:1.0rem;
		padding:30px 15px 15px 15px;
		border: none;
		box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.3), inset 0 2px 5px rgba(255, 255, 255, 0.6);
		text-decoration: none;
	}

	a.makerbox img{
		display:block;
		margin:0 auto 20px;
	}
	a.makerbox p{
		text-align:center;
	}

	.iconposition2{
		padding:10px 0 20px 0;
		width:100%;
		text-align:center;
	}
	.iconposition2 img{
		width:100%;
	}
}