/* CSS Document */
@import url("side-place.css");
#check:after, #needs:after, #main .bottom:after {
	content: "";
	clear: both;
	display: block;
}
#middle {
	margin-top: 30px;
}

#main h2 {
	padding: 0 0 20px 0;
	font-size: 1.3em;
	font-weight: normal;
	border-bottom: 1px dotted #000;
	margin-bottom: 20px;
}
#main h2 span {
	font-size: 0.8em;
	padding-left: 10px;
	color: #FF7807;
}

#main .relation {
	border: 1px dashed #999;
	padding: 5px;
}

#main .relation dl {
	display: table;
	margin: 5px 0;
}

#main .relation dt {
	display: table-cell;
	color: #003366;
	font-size: 1.1em;
	font-weight: bold;
}
#main .relation dd:before {
	content: "：";
}
#main .relation dd {
	display: table-cell;
}

#main .relation dd strong {
	display: inline-block ;
	background: #CAE4FF;
	font-weight:  normal;
	}

#main h3.system {
	padding-left: 25px;
	margin-bottom: 15px;
	font-size: 1.1em;
	font-weight: normal;
	background: url(../img/h3-icon.gif) no-repeat left 3px;
}
#main h4 {
	color: #FF7807;
	margin-bottom: 5px;
}
#main .text {
	margin: 0 30px 30px;
}
#main section {
	margin: 0 0 30px;
}
#main .bottom {
	margin: 0 50px 30px;
}
/*===============================================
画面の横幅が960pxまで
===============================================*/
@media screen and (max-width: 960px) {
#main h2 {
	padding: 30px 0 20px 5%;
}
#main .bottom .left,
#main .bottom .right{
	width: 45%;
}
}