.f_right,
.f_left{
	background: url(/img/bg_image2.png) center bottom no-repeat;
	}
	.f_right img.PhotoSize,
	.f_left img.PhotoSize{
		display: block;
		width: 200px;
		margin: 0;
		padding: 3px;
		background: #ffffff;
		border: 1px solid #cccccc;
		}

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

/* 導入事例 */
.TopCase{
	display: block;
	width: 730px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: url(/case/img/bg_TopCase.jpg) left bottom no-repeat;
	}
	.TopCase .TopCaseT{
		position:relative;
		margin: 0;
		padding: 0;
		background: url(/case/img/TopCaseT.jpg) left top no-repeat;
		width: 730px;
		height: 65px;
		}
	.TopCase .TopCaseT_none{
		margin: 0;
		padding: 0;
		background: url(/case/img/TopCaseT_none.jpg) left top no-repeat;
		width: 600px;
		height: 25px;
		}
		.TopCase .TopCaseT a{
			position: absolute;
			top: 28px;
			left: 454px;
			margin: 0;
			padding: 0;
			width: 127px;
			height: 34px;
			text-indent: -10000px;
			overflow: hidden;
			}
			.TopCase .TopCaseT a:hover{
				background: url(/img/TopCaseT_on.jpg) left top no-repeat;
				}
	.TopCase .TopCaseC{
		margin: 10px 0 0 0;
		padding: 0 20px;
		}
		.TopCase .TopCaseC dl{
			background: url(/case/img/bg_TopCaseC_T.gif) left top no-repeat;
			margin: 0;
			padding: 0 0 5px 0;
			}
			.TopCase .TopCaseC dt{
				margin: 10px 0 0 10px;
				_margin: 10px 0 0 5px;
				padding: 0;
				width: 35%;
				float: left;
				border-left: 5px solid #3f7bba;*/
				background: url(/img/TopCaseC_dt.gif) left top no-repeat;
				}
				.TopCase .TopCaseC dt span.category{
					display: block;
					margin: -3px 0 0 12px;
					padding: 0;
					font-size: 10px;
					}
				.TopCase .TopCaseC dt span.name{
					display: block;
					margin: 0 0 0 12px;
					padding: 0;
					font-weight: bold;
					}
			.TopCase .TopCaseC dd{
				margin: 10px 10px 0 0;
				padding: 0;
				width: 60%;
				float: right;
				text-align: right;
				color: #cc0000;
				font-size: 12px;
				font-weight: bold;
				}
				.TopCase .TopCaseC dd img{
					margin: 0 0 0 7px;
					padding: 0;
					}
		.TopCase .TopCaseC table{
			background: url(/case/img/bg_TopCaseC_C.gif) left top no-repeat;
			margin: 0;
			padding: 0;
			border-collapse: collapse;
			}
			.TopCase .TopCaseC table tr{
				margin: 0;
				padding: 0;
				}
				.TopCase .TopCaseC table tr td.photo{
					margin: 0;
					padding: 0 0 10px 10px;
					vertical-align: top;
					}
					.TopCase .TopCaseC table tr td.photo img{
						margin: 0;
						padding: 1px;
						background: #ffffff;
						border: 1px solid #cccccc;
						width: 146px;
						}
				.TopCase .TopCaseC table tr td.doc{
					margin: 0;
					padding: 10px;
					background: url(/img/dotline01.gif) 10px 0 repeat-x;
					}
				.TopCase .TopCaseC table tr td.name{
					margin: 0;
					padding: 0 0 10px 10px;
					width: 100%;
					}
					.TopCase .TopCaseC table tr td.name span{
						font-weight: bold;
						}
				.TopCase .TopCaseC table tr td.more{
					margin: 0;
					padding: 0 10px 10px 0;
					width: 110px;
					vertical-align: bottom;
					}
					.TopCase .TopCaseC table tr td.more a{
						display: block;
						margin: 0;
						padding: 0;
						background: url(/case/img/CaseMore.gif) 0 0 no-repeat;
						width: 110px;
						height: 28px;
						text-indent: -10000px;
						overflow: hidden;
						}
						.TopCase .TopCaseC table tr td.more a:hover{
							background: url(/case/img/CaseMore_on.gif) 0 0 no-repeat;
							}

.CaseSearchT{
	margin: 40px auto 0 auto;
	padding: 0;
	background: url(/case/img/CaseSearchT.jpg) left top no-repeat;
	width: 560px;
	height: 34px;
	text-indent: -10000px;
	}
.CaseSearchC{
	margin: 10px auto 0 auto;
	padding: 0;
	width: 560px;
	font-size: 12px;
	}
	.CaseSearchC table th,
	.CaseSearchC table td{
		vertical-align: middle;
		}
	.CaseSearchC table th.sort1,
	.CaseSearchC table th.sort2{
		display: block;
		width: 135px;
		height: 37px;
		text-indent: -10000px;
		}
		.CaseSearchC table th.sort1 span{
			display: block;
			width: 135px;
			height: 37px;
			background: url(/case/img/sort1.jpg) 0 0 no-repeat;
			}
		.CaseSearchC table th.sort2 span{
			display: block;
			width: 135px;
			height: 37px;
			background: url(/case/img/sort2.jpg) 0 0 no-repeat;
			}

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

	/* 導入事例 */
	.Case_DocArea_TOP{
		margin: 0;
		padding: 20px 40px 40px 40px;
		}
		.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 20px;
		padding: 20px 25px;
		background: url(/case/img/bg_merit.gif) 0 0 repeat-x;
		}
	.Case_DocArea2{
		margin: 0;
		padding: 20px;
		}
		.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;
			}
	.Case_Next{
		margin: 0 40px;
		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;
			}

/*----------------------------------------------------------------
　導入メリット
--------------------------------------------------------------- */
.merit{
	margin: 0 auto 30px auto;
	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;
			}

.nonborder { border:none; outline:none; }

	/* メリット詳細 */
		.Merit_DocArea{
			margin: 0;
			padding: 20px 40px;
			/*background: url(/case/img/bg_merit.gif) 0 0 repeat-x;*/
			}
			.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.Merit04{background: url(/case/img/icon_merit04.gif) 0 0 no-repeat;}
				h5 span.Cheack{background: url(/case/img/icon_cheack.gif) 0 0 no-repeat;}

		.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;
				}