@charset "UTF-8";

/* ***************************************************
* CSS file For 
	FileName: point04.css
	
■目次 ==========================================
■[01]:　機械加工における品質向上のポイント（4-1.画像計測方式）
**************************************************** */

/*-----------------------------------------------------------
■[01]:　機械加工における品質向上のポイント（4-1.画像計測方式）
------------------------------------------------------------*/

div.P04Con{
	margin: 0 0 40px;
}

div.Machining{
	background: url(/img/point/041_img_01.jpg) no-repeat right top;
	margin: 16px 0 30px;
	padding: 0 260px 0 0;
}

div.Discharge{
	margin: 16px 0 30px;
}

div.Shave{
	background: url(/img/point/041_img_03.jpg) no-repeat right top;
	margin: 16px 0 30px;
	padding: 0 260px 0 0;
}

div.Machining p,
div.Discharge p,
div.Shave p{
	padding: 14px 0 0;
}

div.Machining p img,
div.Discharge p img,
div.Shave p img{
	margin: 0 10px 0 0;
}

div.Discharge p{
	text-align: center;
}

div.Howto,
div.Merit{
	margin: 0px 0 20px;
}

div.HowtoArrow{
	margin: 0px;
}

div.Howto p,
div.Merit p,
div.HowtoArrow p{
	padding: 12px 23px 0px;
	background: url(/img/point/red_frame_bg.gif) repeat-y left bottom;
}

div.Merit img,
div.Howto img,
div.HowtoArrow img{
	vertical-align: top;
}

div.Merit p img{
	margin: 10px 0;
}


/* ▽機上計測マシニングセンタ適用へのメリット */

div#Circularity div.Waku p {
	min-height:0; 
	display: inline-table; 
} 
div#Circularity div.Waku p:after{ 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div#Circularity div.Waku p{height:0;} 
div#Circularity div.Waku p{display: block;} 
/* */ 
/* -- end clear float -- */

div.Waku {
	background: url(/img/02/waku.gif) no-repeat left bottom;
	width: 616px;
	padding: 0 0 5px 0;
	margin: 0;
}

p.arrow{
	text-align: center;
}

/*** コラム ***/
div.Column {
	width: 616px;
	background: url(/img/01/column_bg.gif) no-repeat bottom ;
	line-height: 18px;
}

div.Column div {
	background: url(/img/01/column_top.gif) no-repeat top ;
	padding: 8px 0;
}


/* △ */

p.TxtArea{
	margin: 0 0 7px;
}

/*------------------------------------------------------------------
■[02]:　機械加工における品質向上のポイント（4-2.タッチプローブ方式）
-------------------------------------------------------------------*/
div.Touch {
	width: 616px;
	float: left;
	margin: 10px 0 20px 0;
}

div.Touch img {
	float: left;
	margin: 0 19px 0 0;
}

div.Touch p {
	width: 300px;
	float: left;
}

p.MeritCom {
	clear: both;
	margin: 0 0 6px 0;
}
/* hide from Mac IE \*/
* html p.MeritCom { line-height: 0px; margin: 10px 0 6px 0; }
/* */ 

p.CadCom {
	margin: 25px 0 12px 0;
}

div.CadImg {
	text-align: center;
	margin: 0 0 27px 0;
}

div.FlowFlame {
	width: 616px;
	float: left;
	background: url(/img/point/red_frame_bg.gif) repeat-y left bottom;
	overflow: hidden;
}

div.FlowFlame div {
	background-color: #fff;
	float: left;
	width: 544px;
	margin: 15px 19px 3px;
	padding: 13px 17px 0;
	display: inline;
}

/* hide from Mac IE \*/
* html div.FlowFlame div { width: 578px; }
/* */ 

div.FlowFlame dl {
	width: 146px;
	float: left;
}

div.FlowFlame dl dt img {
	margin: 0;
	float: none;
}

div.FlowFlame dl dd {
	margin: 6px 0 0 0;
	height: 66px;
}

div.FlowFlame dl dd span {
	display: block;
	background: url(/img/point/list_mark.gif) no-repeat 0 3px;
	padding: 0 0 0 12px;
	font-size: 10px;
	line-height: 14px;
}
	

div.FlowFlame img {
	margin: 57px 16px 0 17px;
	float: left;
}

div.FlowFlame div.FlowFlameBottom {
	background: url(/img/point/red_frame_btm.gif) no-repeat left bottom;
	width: 616px;
	height: 15px;
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
	display: block;
}



/*------------------------------------------------------------------
■[03]:　機械加工における品質向上のポイント（4-3.アーム方式）
-------------------------------------------------------------------*/
div.CaseArm {
	width: 577px;
	float: left;
	margin: 15px 0 15px 32px;
	display: inline;
}

div.CaseArm img {
	float: left;
	margin: 0 23px 0 0;
}

div.Faro {
	width: 616px;
	float: left;
}

div.Faro div {
	width: 411px;
	float: left;
}

div.Faro div img {
	float: none;
}

div.Faro div ul {
	margin: 14px 0 0 16px;
}

div.Faro div ul li {
	margin: 0 0 6px 0;
	list-style-type: disc
}

div.Faro img {
	float: right;
}