@charset "utf-8";

/*-------------------------
		CUSTOMERS STYLE
-------------------------*/

h2#customers {
	height: 51px;
	margin: 0 0 50px -5px;
	text-indent: -9999px;
	background: url(../../images/h2_customers.gif) no-repeat 0 0;
}
h2#mainImage {
	height: 320px;
	text-indent: -9999px;
	background: url(../../images/h3_customers-main.jpg) no-repeat 0 0;
}
h3 {
	font-weight: bold;
}
div.about {
	width: 800px;
	margin: 0 auto 40px auto;
	line-height: 2;
}
ul#reason {
	margin-bottom: 50px;
	padding: 19px 10px;
	background: url(../../images/bg_reason.gif) no-repeat 0 0;
	border-bottom: solid 10px #a0b3ea;
}
ul#reason li {
	width: 147px;
	height: 146px;
	float: left;
	margin-right: 10px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#reason li.reason01 {background: url(../../images/img_reason01.gif) no-repeat 0 0;}
ul#reason li.reason02 {background: url(../../images/img_reason02.gif) no-repeat 0 0;}
ul#reason li.reason03 {background: url(../../images/img_reason03.gif) no-repeat 0 0;}
ul#reason li.reason04 {background: url(../../images/img_reason04.gif) no-repeat 0 0;}
ul#reason li.reason05 {background: url(../../images/img_reason05.gif) no-repeat 0 0;margin-right: 0;}

h3#item {
	height: 32px;
	margin-bottom: 30px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../images/h3_item.gif) no-repeat 0 0;
}
ul#itemList {
	width: 742px;
	margin: 0 auto 35px auto;
}
ul#itemList li {
	width: 178px;
	height: 113px;
	float: left;
	margin-right: 10px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#itemList li.itemList01 {background: url(../../images/photo_item01.jpg) no-repeat 0 0;}
ul#itemList li.itemList02 {background: url(../../images/photo_item02.jpg) no-repeat 0 0;}
ul#itemList li.itemList03 {background: url(../../images/photo_item03.jpg) no-repeat 0 0;}
ul#itemList li.itemList04 {background: url(../../images/photo_item04.jpg) no-repeat 0 0;margin-right: 0;}

ul#maker {
	width: 720px;
	padding: 8px 8px 8px 12px;
	margin: 0 auto 50px auto;
	border: solid 1px #d2d2d2;
	background: #f1f0ec;
}
ul#maker li {
	width: 137px;
	height: 48px;
	float: left;
	margin: 0 8px 5px 0;
}
ul#maker li.maker05,
ul#maker li.maker10 {margin-right: 0;}
ul#maker li.bottom {margin-bottom: 0;}

h3#voice {
	height: 28px;
	margin-bottom: 30px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../images/h3_voice.gif) no-repeat 0 0;
}
#voiceBox {
	height: 226px;
	padding: 15px 15px 15px 20px;
	background: url(../../images/bg_voice.gif) no-repeat 0 0;	
}
dl#voiceList {
	height: 190px;
	overflow-y: scroll;
}
dl#voiceList dt {
	width: 50px;
	float: right;
	clear: both;
}
dl#voiceList dd {
	margin: 0 65px 10px 0;
}
h3#case {
	height: 28px;
	margin-bottom: 30px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../images/h3_case.gif) no-repeat 0 0;
}

/* スライダーCSS */
#caseWrap {
	width: 764px;
	margin: 0 auto;
}
#caseItem {
	width: 640px;
	padding: 2px 38px;
	float: left;
	text-align: left;
}
#caseItem li {
	float: left;
	display: inline;
	width: 112px;
	height: 112px;
	margin-right: 20px;
	text-align: center;
}
#caseItem li img {
	border: solid 1px #d2d2d2;
}
.backBtn {
	float: left;
	width: 24px;
}
.backBtn a:hover {
	width: 24px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity: 0.8;
	zoom: 1;
}
.nextBtn {
	float: right;
	width: 24px;
}
.nextBtn a:hover {
	width: 25px;
	height: 40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity: 0.8;
	zoom: 1;
}
/* スライダーCSS END */

/* スクロールバーCSS */
.jspContainer {
	overflow: hidden;
	position: relative;
}
/* スクロールバーを除いたエリア */
.jspPane {
	position: absolute;
}
/* 縦スクロールバー */
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
}
/* 横スクロールバー */
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
}
/* 背景 */
.jspTrack {
	background: #ccc;
	position: relative;
}
/* ノブ */
.jspDrag {
	background: #333;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
/* スクロールバーCSS END */

#customersFooter {
	width: 742px;
	margin: 0 auto 30px auto;
}
div.customersFooterL {
	width: 430px;
	float: left;
	padding: 66px 0 2px 0;
	border-bottom: solid 1px #ccc;
}
div.customersFooterL h4 {
	color: #a2cf51;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}
div.customersFooterR {
	width: 296px;
	float: right;
}
p#contactBnr {
	margin-top: 10px;
}
p#contactBnr a:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity: 0.8;
	zoom: 1;
}