@charset "utf-8";

/* TOP
----------------------------------------------------------------------*/
#mainImage {background:url(../case/img/mainimage_case.jpg) top center no-repeat;}

#snav li a.snavColTitle:hover{background-image:none;}
#snav li.on a.snavColTitle{background-image:none;}

.categoryTab{
	width:728px;
	margin-left:-8px;
	margin-top:30px;
	margin-bottom:22px;
}
.categoryTab:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.categoryTab ul li a{
	float:left;
	display:block;
	width:174px;
	padding:10px 0;
	margin-left:8px;
	margin-bottom:8px;
	background-color:#eee;
	color:#333;
}
.categoryTab ul li a span{
	border-left:solid 5px #0070BD;
	padding-left:10px;
}
.categoryTab ul li a:hover{text-decoration:none;}

.categoryTab ul li.c01 a span{border-left-color:#EB708B;}
.categoryTab ul li.c02 a span{border-left-color:#EBA227;}
.categoryTab ul li.c03 a span{border-left-color:#44A97F;}
.categoryTab ul li.c04 a span{border-left-color:#4F8CCA;}
.categoryTab ul li.c05 a span{border-left-color:#BCA083;}
.categoryTab ul li.c06 a span{border-left-color:#8576C9;}
.categoryTab ul li.c07 a span{border-left-color:#22C7D9;}
.categoryTab ul li.c08 a span{border-left-color:#C7E10D;}

.categoryTab ul li.c01 a.act,
.categoryTab ul li.c01 a:hover{background-color:#FBE2E8;}
.categoryTab ul li.c02 a.act,
.categoryTab ul li.c02 a:hover{background-color:#FBECD4;}
.categoryTab ul li.c03 a.act,
.categoryTab ul li.c03 a:hover{background-color:#DAEEE5;}
.categoryTab ul li.c04 a.act,
.categoryTab ul li.c04 a:hover{background-color:#DCE8F4;}
.categoryTab ul li.c05 a.act,
.categoryTab ul li.c05 a:hover{background-color:#F2ECE6;}
.categoryTab ul li.c06 a.act,
.categoryTab ul li.c06 a:hover{background-color:#E7E4F4;}
.categoryTab ul li.c07 a.act,
.categoryTab ul li.c07 a:hover{background-color:#D3F4F7;}
.categoryTab ul li.c08 a.act,
.categoryTab ul li.c08 a:hover{background-color:#F4F9CF;}

.categoryList{margin-bottom:50px;}
.categoryList ul li{
	border-bottom:solid 1px #ddd;
	padding-bottom:20px;
	margin-bottom:20px;
}
.categoryList ul li:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.categoryList ul li p.img{
	float:left;
	width:160px;
	height:120px;
	padding:0;
	margin:0;
}
.categoryList ul li .text{
	float:right;
	width:550px;
}
.categoryList ul li .text p.companyName{
	font-weight:bold;
	font-size:18px;
}
.categoryList ul li .text p.companyName span{
	font-size:66.66%;
	color:#fff;
	background-color:#D90000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:1px 5px;
}
.categoryList ul li .text ul.productList li{
	border-bottom:none;
	background:url(../img/icon09.png) left center no-repeat;
	padding-left:22px;
	padding-bottom:0;
	float:left;
	margin-right:22px;
	margin-bottom:5px;
}

/* 事例
----------------------------------------------------------------------*/
.useProducts{
	margin-bottom:20px;
	border:solid 1px #ddd;
	background-color:#f9f9f9;
	padding:10px;
}
.useProducts ul li{
	border-bottom:none;
	background:url(../img/icon09.png) left center no-repeat;
	padding-left:22px;
	padding-bottom:0;
	float:left;
	margin-right:22px;
	margin-bottom:5px;
}
.useProducts ul:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.mainimage{margin-bottom:20px;}
.mainimage .lead{
	position:relative;
	width:720px;
	height:390px;
	margin-bottom:5px;
}
.mainimage .lead img{
	position:absolute;
	top:0;
	left:0;
}
.mainimage .lead  p{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	color:#fff;
	padding:10px 0;
	margin-bottom:0;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	background-color: rgba( 0, 0, 0, 0.5 );
	background:url(../case/img/bg_black.png)\9;
}
.mainimage .caption{
	font-size:12px;
	text-align:right;
}
.info{
	border:solid 2px #d90000;
	padding:10px;
	text-align:center;
	margin-bottom:20px;
}
.company{
	margin:20px 0 40px;
}
.company:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.company .overview{
	float:left;
	width:350px;
}
.company .officePhoto{
	float:right;
	width:350px;
}
.fontSmall{
	font-size:12px;
}
h2 span.fs{font-size:16px;}
h4{
	padding:0;
	color:#4aa780;
}
h5{margin-bottom:5px;}
.advantage{font-size:18px; font-weight:bold; color:#d90000;}
.answer{
	margin-bottom:20px;
	line-height:1.7;
}
.answer:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.leftBox{float:left;}
.rightBox{float:right;}
p.imgCaption{
	font-size:12px;
	margin:0;
	padding:0;
	line-height:1.3;
}

.qsMark,
.ansMark{
	font-size:20px;
	font-weight:bold;
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	margin-right:5px;
}
.ansMark{color:#c00;}
.person{color:#0070BD;}
.last{
	text-align:right;
	font-size:12px;
}
.companyNote,
.voice{
	border:solid 1px #ddd;
	background-color:#f9f9f9;
	padding:10px;
}
ul.pointList{
	border:solid 1px #ddd;
	background-color:#f9f9f9;
	padding:7px 10px;
}
ul.productCaseList{
	width:728px;
	margin-bottom:10px;
}
ul.productCaseList:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
ul.productCaseList li{
	float:left;
	width:174px;
	margin-right:8px;
}
ul.productCaseList3{
	width:735px;
	margin-bottom:10px;
}
ul.productCaseList3:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
ul.productCaseList3 li{
	float:left;
	width:230px;
	margin-right:15px;
}
ol.listNumber{
	list-style:decimal;
	margin-left:20px;
}
.bold{font-weight:bold;}
.pt100{padding-top:100px;}
.ml10{margin-left:10px}
.mt10{margin-top:10px}
.mb0{margin-bottom:0px}
.mb10{margin-bottom:10px}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.w140{width:140px;}
.w180{width:180px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w350{width:350px;}
.w410{width:410px;}
.w420{width:420px;}
.w400{width:400px;}
.w460{width:460px;}
.w480{width:480px;}
.w500{width:500px;}
.w560{width:560px;}