@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: example.css
	data:2008/10/28 kinoshita

■目次 ==========================================
■[01]:4つのサービス
■[02]:セイコーロジシステムとは
**************************************************** */



/*-----------------------------------------------------------
■[01]:4つのサービス
------------------------------------------------------------*/

div.ExampleBox{
	background: url(/img/example/bg_line.gif) no-repeat bottom;
	width: 720px;
	float: left;
}

.mb15 { margin-bottom : 15px; }

div.BeforeAfter{
	float: left;
	width: 619px;
	padding-left : 61px;
	padding-bottom: 15px;
}
div.BeforeAfter div.LBox,div.BeforeAfter div.RBox{
	height: 169px;
	float: left;
}

div.BeforeAfter div.LBox{ width: 289px; background: url(/img/example/bg_sub1.gif) no-repeat bottom;}
div.BeforeAfter div.RBox{ width: 310px; margin-left : 20px; background: url(/img/example/bg_sub2.gif) no-repeat bottom; }


div.BeforeAfter div.LBox img,div.BeforeAfter div.RBox img{
	margin-top : 10px;
	margin-bottom: 8px;
}


div.BeforeAfter div.LBox p.title{ font-weight: bold; padding-left: 20px; padding-top: 10px; line-height: 18px; }
div.BeforeAfter div.RBox p.title{ font-weight: bold; padding-left: 20px; padding-top: 11px; line-height: 18px; }

/* IE6以下のみ */
* html div.BeforeAfter div.LBox p.title{ padding-top: 6px; } 
* html div.BeforeAfter div.RBox p.title{ padding-top: 6px; } 

/* IE7のみ */
*:first-child+html div.BeforeAfter div.LBox p.title { padding-top: 8px; }
*:first-child+html div.BeforeAfter div.RBox p.title { padding-top: 9px; }


div.BeforeAfter div.RBox p.title2{
	font-weight: bold;
	padding-left: 20px;
	padding-top: 15px;
	line-height: 18px;
}

/* IE6以下のみ */
* html div.BeforeAfter div.RBox p.title2{ padding-top: 16px; } 

div.BeforeAfter div.LBox p.text,div.BeforeAfter div.RBox p.text{
	padding-left: 60px;
	padding-top: 10px;
	line-height: 18px;
}

div.Zu1{
	width: 639px;
	padding-left : 41px;
	margin-bottom : 15px;
}

div.Zu2{
	width: 639px;
	padding-left : 41px;
	margin-top : 15px;
}

div.Zu1 p,div.Zu2 p{
	padding-left : 20px;
	line-height: 24px;
	font-weight: bold;
	width: 599px;
	margin-top : 10px;
	margin-bottom : 15px;
	background-color: #e6e6eb;
}

/* IE6のみ除外 */
div.Zu2 { padding-bottom /**/: 3px; }
/* IE7のみ */
*:first-child+html div.Zu2 { padding-bottom: 1px; }