@charset "utf-8";

/******************************************************************	Ver 1.0		*
*	業務実績、製品紹介
********************************************************************************/
#right #performance .area
{
	background:url("pic/top_message_bg_pro.png") left top no-repeat;
}

#right #performance .headline
{
	background: url("img/headline_text_pro.png") left top no-repeat;
	height: 50px;
	margin: 20px 0 0 0;
}

#right #performance .text
{
	background:	-moz-linear-gradient(left 0deg,rgba(213, 229, 255,0),rgba(213, 229, 255,0.6));
	background: -webkit-gradient(linear,left top,right top,from(rgba(213, 229, 255,0)),to(rgba(213, 229, 255,0.6)));

	font-size: 14px;
	text-align: justify;
	line-height: 140%;
	margin-top: 30px;
	padding: 10px;
	border-radius:4px;
}

#right #products h4
{
/*	background: url(img/index_sub_title_bg1.png) left top no-repeat;*/
}

#right #products .tx
{
}

#right #products .image
{
}

#right #products .image img
{
	border:4px solid #f4f4f4;
/*	border-radius:4px;*/
	box-shadow:1px 1px 4px #888;
}

#right #products .image  .pictitle
{
	background-color: rgba(0,0,0,.7);
	color:#e0e0e0;
}

#right #products .tx .image
{
}

/*	製品1	*/

/*	製品2	*/
#right #products .ptrn2 .txtx
{
	float: right;
	width: 300px;
}

#right #products .ptrn2 .image
{
	float: left;
	margin: 15px 0 0 15px;
}

#right #products .ptrn2 .image img
{
}

#right #products .ptrn2 .image .imgl,
#right #products .ptrn2 .image .imgr
{
	clear: both;
	height: 230px;
}

#right #products .ptrn2 .image .imgl
{
	float: left;
}

#right #products .ptrn2 .image .pictitle
{
	position:relative;
	top:-50px;

	width: 270px;
	padding: 10px 10px;
	text-align: center;
	box-shadow:1px 1px 3px #444;
}

/*	製品3	*/
#right #products .ptrn3 .txtx
{
}

#right #products .ptrn3 .image
{
	float: left;
	margin: 15px 15px 0;
}

#right #products .ptrn3 .image .imgu
{
	height: 240px;
}

#right #products .ptrn3 .image .imgu img
{
}

#right #products .ptrn3 .image .pictitle
{
	position:relative;
	top:-50px;

	width: 280px;
	padding: 10px 10px;
	text-align: center;
	box-shadow:1px 1px 3px #444;
}

#right #products .ptrn3 .imgu .pictitle
{
/*	width: 610px;*/
}

/*	製品4	*/
#right #products .ptrn4 .txtx
{
}

#right #products .ptrn4 .image
{
	margin: 15px 15px 0;
}

#right #products .ptrn4 .image img
{
}

#right #products .ptrn4 .image .imgl,
#right #products .ptrn4 .image .imgr
{
	height: 230px;
}

#right #products .ptrn4 .image .imgl
{
	float: left;
}

#right #products .ptrn4 .image .imgr
{
	float: right;
}

#right #products .ptrn4 .image .pictitle
{
	position:relative;
	top:-50px;

	width: 270px;
	padding: 10px 10px;
	text-align: center;
	box-shadow:1px 1px 3px #444;
}

/*	製品5	*/
#right #products .ptrn5 .txtx
{
}

#right #products .ptrn5 .image
{
	float: left;
	width: 640px;
	margin: 15px 15px 0;
}

#right #products .ptrn5 .image img
{
}

#right #products .ptrn5 .image .imgl,
#right #products .ptrn5 .image .imgc,
#right #products .ptrn5 .image .imgr
{
	float: left;
	height: 260px;
}

#right #products .ptrn5 .image .imgl,
#right #products .ptrn5 .image .imgc
{
	margin-right: 15px;
}

#right #products .ptrn5 .image .imgr
{
}

#right #products .ptrn5 .image .pictitle
{
	position:relative;
	top:-50px;

	background-color: rgba(0,0,0,.5);
	width: 160px;
	padding: 10px 10px;
	text-align: center;
	box-shadow:1px 1px 3px #444;
}

/*	パターン固有設定	*/
#right #products #pro1 .img1,
#right #products #pro1 .img2,
#right #products #pro3 .img1
{
	margin-bottom: 15px;
}

/*************	その他	*************/
#right #products #pro0 .txtx
{
}

#right #products .txtx .d1,
#right #products .txtx .d2
{
	width: 300px;
	float: left;
	line-height: 180%;
}

#right #products .txtx .d1
{
	margin-right: 15px;
}

#right #products #pro0 .image0
{
	text-align: center;
}