/*=======================CONTENTS===========================

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  導入事例
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*----------------------------------------------------------------
　導入事例トップ
--------------------------------------------------------------- */

#Contents .C_TOP{
	margin: 0 0 20px 0;
	padding: 0;
	}
	#Contents .C_TOP img{
		margin: 0;
		padding: 0;
		}

	.TopCase{
		margin: 0;
		padding: 0 0 30px 0;
		background: url(/img/bg_TopCase.jpg) left bottom no-repeat;
		}

	/* 導入事例 */
	.Case_DocArea_TOP{
		margin: 0;
		padding: 20px 20px 40px 20px;
		width: 560px;
		}
		.Case_DocArea_TOP img{
			margin: 0;
			padding: 2px;
			width: 200px;
			border: 1px solid #cccccc;
			background: #ffffff;
			}
		.Case_DocArea_TOP h5{
			font-size: 15px;
			color: #184779;
			}
			.Case_DocArea_TOP h5 span{
				display: block;
				font-size: 12px;
				color: #ff6600;
				line-height: 0.8em;
				}
		.Case_DocArea_TOP .Case_profile{
			font-size: 12px;
			text-align: right;
			min-height: 60px;
			}
			.Case_DocArea_TOP .Case_profile strong{
				color: #333333;
				}
			.Case_DocArea_TOP .Case_profile .icon_blank{
				width: auto;
				margin: 0;
				padding: 0;
				border: none;
				}
			.Case_DocArea_TOP .Case_profile .HPlink{
				font-size: 9px;
				}

	.Case_DocArea{
		margin: 0;
		padding: 20px;
		background: url(/case/img/bg_merit.gif) 0 0 no-repeat;
		width: 560px;
		}
	.Case_DocArea2{
		margin: 0;
		padding: 20px;
		width: 560px;
		}
		.Case_DocArea_TOP strong,
		.Case_DocArea strong,
		.Case_DocArea2 strong{
			color: #f54c4c;
			}
	.Case_DocArea_TOP h5{
		font-size: 14px;
		}
		.Case_DocArea_TOP h5 span{
			display: block;
			font-size: 12px;
			color: #ff6600;
			line-height: 0.8em;
			}
	.f_right img.PhotoSize{
		display: block;
		width: 200px;
		margin: 8px 0 15px 15px;
		}
	.f_left img.PhotoSize{
		display: block;
		width: 200px;
		margin: 8px 15px 15px 0;
		}
	.Case_Next{
		margin: 20px;
		padding: 0 20px 10px 20px;
		border: 1px solid #cccccc;
		list-style: none;
		}
		.Case_Next li{
			margin: 0;
			padding: 0 0 0 10px;
			line-height: 1.5em;
			background: url(/img/listmark04.gif) left center no-repeat;
			}
		.Case_Next li.title{
			margin: 0 0 7px 0;
			padding: 0;
			line-height: 2.5em;
			background: url(/img/dotline01.gif) left bottom repeat-x;
			font-weight: bold;
			font-size: 1.1em;
			}

		h6{
			color: #22558c;
			font-size: 14px;
			}

/*----------------------------------------------------------------
　導入メリット
--------------------------------------------------------------- */
.merit{
	margin: 0 0 30px 0;
	padding: 0;
	width: 600px;
	height: 283px;
	}
	.merit img{
		display: block;
		margin: 0 auto;
		padding: 0;
		}
	.merit a.MeritMore{
		display: block;
		margin: 0 auto;
		padding: 0;
		width: 590px;
		height: 38px;
		overflow: hidden;
		text-indent: -10000px;
		background: url(/case/img/MeritMore.gif) 0 0 no-repeat;
		}
		.merit a:hover.MeritMore{
			background: url(/case/img/MeritMore_on.gif) 0 0 no-repeat;
			}

/*		.merit a span{
			display: block;
			text-indent: -10000px;
			}
		.mrt_01 a{background: url(/case/img/merit01.jpg) 0 0 no-repeat}
		.mrt_02 a{background: url(/case/img/merit02.jpg) 0 0 no-repeat}

		.mrt_01 a:hover{background: url(/case/img/merit01_on.jpg) 0 0 no-repeat}
		.mrt_02 a:hover{background: url(/case/img/merit02_on.jpg) 0 0 no-repeat}
*/
.nonborder { border:none; outline:none; }
	/* メリット詳細 */
		.f_left{ float: left; }
		.f_right{ float: right; }

		.Merit_DocArea{
			margin: 0;
			padding: 20px;
			background: url(/case/img/bg_merit.gif) 0 0 no-repeat;
			width: 560px;
			}
			.Merit_DocArea strong{
				color: #f54c4c;
				}

		.Merit_DocArea h5{
			font-size: 18px;
			line-height: 60px;
			}
			.Merit_DocArea h5 span{
				display: block;
				text-indent: -10000px;
				margin: 0 10px 0 0;
				width: 54px;
				height: 54px;
				float: left;
				}
				h5 span.Merit01{background: url(/case/img/icon_merit01.gif) 0 0 no-repeat;}
				h5 span.Merit02{background: url(/case/img/icon_merit02.gif) 0 0 no-repeat;}
				h5 span.Merit03{background: url(/case/img/icon_merit03.gif) 0 0 no-repeat;}
				h5 span.Cheack{background: url(/case/img/icon_cheack.gif) 0 0 no-repeat;}
		h6{
			margin: 0;
			padding: 0;
			font-size: 13px;
			}
		.f_right img.PhotoSize{
			display: block;
			width: 200px;
			margin: 8px 0 15px 15px;
			}
		.f_left img.PhotoSize{
			display: block;
			width: 200px;
			margin: 8px 15px 15px 0;
			}
		.Merit_Next{
			margin: 20px;
			padding: 10px 20px;
			border: 1px solid #cccccc;
			list-style: none;
			}
			ul.Merit_Next li{
				margin: 0;
				padding: 0 0 0 10px;
				line-height: 1.5em;
				background: url(/img/listmark04.gif) left center no-repeat;
				font-weight: bold;
				}