@charset "UTF-8";

/*--------------------------------------------------------------------
case_plan.html
case_plan.css
--------------------------------------------------------------------*/

/*------------Title---------------------------------------------------------------*/
div#Title { background-image: url(../../img/title/case_bg.jpg); }
div#Title h2 { background-image: url(../../img/title/case_t.png); }

/*------------InHeader---------------------------------------------------------------*/
div#InHeader div#Global ul li#GMBtn04 a {	background-color: #eaf6fd; }

/*------------InFooter---------------------------------------------------------------*/
div#InFooter ul li.FNav04 a {	color: #0080b3; }


/*------------case---------------------------------------------------------------*/
div#case h3 { background-image: url(../../img/pc/case/case_sub_t.png); }
div#case h4 {
	margin-top: 70px;
	padding-top: 25px;
	border-top: 1px solid #bfbfbf;
	height: 65px;
	background: url(../../img/pc/case/case_t.png) no-repeat center bottom;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#case div.CaseBox {
	width: 100%;
	margin: 70px auto 0;
}
div#case div.CaseBox table {
	width: 100%;
	border-collapse: collapse;
}
div#case div.CaseBox table tr th,
div#case div.CaseBox table tr td {
	width: auto;
	padding: 0.8em 0;
	text-align: left;
	vertical-align: middle;
}
div#case div.CaseBox table tr th {
	padding-left: 40px;
	padding-right: 15px;
}
div#case div.CaseBox table tr:nth-child(4) th,
div#case div.CaseBox table tr:nth-child(4) td {
	background: #eaf6fd;
	vertical-align: top;
}
div#case div.CaseBox table tr th span {
	display: block;
	width: 56px;
	height: 56px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#case div#Case01 table tr:nth-child(1) th span { background-image: url(../../img/pc/case/case_t01.png); }
div#case div#Case02 table tr:nth-child(1) th span { background-image: url(../../img/pc/case/case_t02.png); }
div#case div#Case03 table tr:nth-child(1) th span { background-image: url(../../img/pc/case/case_t03.png); }
div#case div#Case04 table tr:nth-child(1) th span { background-image: url(../../img/pc/case/case_t04.png); }
div#case div.CaseBox table tr:nth-child(2) th span { background-image: url(../../img/pc/case/request.png); }
div#case div.CaseBox table tr:nth-child(3) th span { background-image: url(../../img/pc/case/reality.png); }
div#case div.CaseBox table tr:nth-child(4) th span { background-image: url(../../img/pc/case/correspondence.png); }
div#case div.CaseBox table tr:nth-child(1) td {
	font-size: 1.78em;
	font-weight: bold;
}
div#case div.CaseBox table tr:nth-child(2) td {
	font-size: 1.14em;
	font-weight: bold;
	color: #dc6400;
}
div#case div.CaseBox table tr td dl dt {
	font-size: 1.42em;
	font-weight: bold;
	color: #1e5c83;
}
div#case div.CaseBox table tr td ul {
	list-style: none;
	margin-left: 1em;
}
div#case div.CaseBox table tr td ul li {
	padding-left: 1.2em;
	text-indent: -1.2em;
}
div#case div.CaseBox table tr td ul li:before {
	padding-right: 0.2em;
	content: "●";
}
div#case div#Implementation { margin-top: 90px; }
div#case div#Implementation h5 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.78em;
	font-weight: bold;
}
div#case div#Implementation dl {
	padding: 1.5em 55px;
	background-color: #eaf6fd;
}
div#case div#Implementation dl:nth-child(2) { background-color: #e6f5d1; }
div#case div#Implementation dl dt {
	margin-bottom: 0.4em;
	font-size: 1.42em;
	font-weight: bold;
}
div#case div#Implementation dl dd {
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#case div#Implementation dl:nth-child(1) dd {
	min-height:  99px;
	background-image: url(../../img/pc/case/imple_illust01.png);
}
div#case div#Implementation dl:nth-child(2) dd {
	min-height: 102px;
	background-image: url(../../img/pc/case/imple_illust02.png);
}
div#case div#Implementation dl:nth-child(3) dd {
	min-height: 132px;
	background-image: url(../../img/pc/case/imple_illust03.png);
}
div#case div#Implementation dl dd ul li {
	list-style: none;
	margin: 0.4em 0;
	padding-left: 1em;
	text-indent: -1em;
}
div#case div#Implementation dl dd ul li:before { content: "・"; }


/*------------price---------------------------------------------------------------*/
div#price h4 {
	padding-top: 25px;
	border-top: 1px solid #bfbfbf;
	height: 65px;
	background: url(../../img/pc/case/plan_t.png) no-repeat center bottom;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#price div.PriceList {
	margin-top: 20px;
	padding: 1em 55px;
	border: 1px solid #0080b3;
}
div#price div.PriceList table {
	width: 100%;
	border-collapse: collapse;
}
div#price div.PriceList table tr th,
div#price div.PriceList table tr td {
	width: auto;
	padding: 0;
	text-align: left;
	vertical-align: middle;
}
div#price div.PriceList table tr th {
	width: 9em;
	font-size: 1.64em;
	font-weight: bold;
}
div#price div.PriceList table tr td ul li {
	list-style: none;
	margin: 0.3em 0;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
div#price div.PriceList table tr td ul li:before {
	padding-right: 0.2em;
	content: "●";
}
div#price div#example {
	margin: 20px 55px 0;
	padding: 1em 0;
	background: url(../../img/pc/case/plan_illust01.png) no-repeat right center;
}
div#price div#example p { width: 550px; }


/*------------problem---------------------------------------------------------------*/
div#problem p {
	height: 120px;
	background: url(../../img/pc/case/problem.jpg) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}