@charset "utf-8";

#banner {
	background: url(../img/index/bg-banner.jpg) no-repeat center center #f5f0ed;
}
#article h3.other {
  color: #000000;
  font-size: 153.8%;
  padding: 0;
	overflow: hidden;
}
#article h3.flow {
  background: url(../img/network_solutions/bg-line_flow.gif) no-repeat left bottom;
	padding-bottom: 9px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#article h3.costperformance {
	background: url(../img/network_solutions/bg-line_costperformance.gif) no-repeat left bottom;
	padding-bottom: 9px;
	margin-bottom: 40px;
	margin-top: 40px;
	
}
.network_solutions p {
	margin-top: 30px;
}
.network_solutions p.txt {
	margin-top: 0;
}
.network_solutions p.txt_special {
	margin-top: 53px;
}
.network_solutions dl {
	border: 3px solid #dadee4;
}
.network_solutions dl dt {
  border-bottom: 2px solid #dadee4;
	padding: 9px 20px;
	color: #9a2a2a;
	font-weight: bold;
	font-size: 115.4%;
}
.network_solutions dl dd {
	padding: 15px 20px 22px 20px;
}
.network_solutions dl dt.special {
	border-top: 2px solid #dadee4;
}
.network_solutions dl dd dl.sub {
	border: none;
	width: 626px;
	overflow: hidden;
}
.network_solutions dl dd dl.sub:after {
	content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
.network_solutions dl dd dl.sub dt {
	float: left;
	width: 15px;
	border-bottom: none;
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	padding: 0;
}
.network_solutions dl dd dl.sub dd {
	float: left;
	width: 611px;
	padding: 0;
	font-weight: normal;
} 

@media screen and (max-width: 760px) {	
	#article h3.other {
		font-size: 134%;
	}
	
	.network_solutions p img {
		width: 100%;
		max-width: 670px;
		height: auto;
	}
	
	.network_solutions dl dd dl.sub	{
		width: auto;
	}
	
	.network_solutions dl dd dl.sub dt {
		float: left;
		clear: both;
		padding: 0;
		width: 15px;
	}	
	
	.network_solutions dl dd dl.sub dd {
		float: none;
		width: auto;
	}
}