﻿@charset "UTF-8";
/*com as_oc：工作機械設定*/

.newicon {
    left: 316px;
    position: absolute;
    top: -3px;
    width: 35px;
}

#leftCol2{
 float:left;
 width:720px;
}

/*region5*/
.centerCol-block{
	font-size: 1.0em;
    line-height: 1.8em;
	overflow:hidden;
	margin-bottom:10px;
}

.centerCol-block p{
	margin:0;
	font-size:1.2em;
	padding-bottom:20px;
}	

.centerCol-block table{
	font-size:1.2em;
	margin-bottom:10px;
}

.centerCol-block ul, .centerCol-block dl, .centerCol-block ol{
	font-size:1.2em;
	margin-bottom:20px;
}

.centerCol-block dl ol, .centerCol-block dl ul ,.centerCol-block ul ul, .centerCol-block ul dl{
	font-size:1em;
}

/*title*/
h1.bl{
	border-bottom: 3px solid #6195FF;
    padding: 0 0 5px 0;
	margin:0 0 10px 0;
	line-height: 1.4em;
	font-size:1.4em;
}

.centerCol-block h2.dblue{
	line-height:1.4em;
	color:#071956;
	border-bottom:3px solid #6195FF;
	padding-bottom:5px;
	margin-bottom:15px;
	font-size:1.4em;
}

.centerCol-block h2.navy{
	font-size:1.6em;
	margin-bottom:10px;
	line-height:1.4em;
}


.centerCol-block h3{
	font-size:1.4em;
	margin-bottom:10px;
}


.centerCol-block h3.g-back{
	background:#EEEEEE;
	padding:2px 0 2px 8px;
	margin-bottom:10px;
	font-size:1.2em;
}


h3.navy{
	font-size:1.4em;
	color:#071956;
	margin-bottom:10px;
}
	
.centerCol-block h4{
	font-size:1.2em;
	padding-bottom:10px;
}

h4.head-gb{
	border-left:solid 6px #666666;
	padding:0 0 0 6px;
	margin-bottom:10px;
	margin-left:1px;
}

.centerCol-block h4.g-back {
    background: none repeat scroll 0 0 #EEEEEE;
    margin-bottom: 10px;
    padding: 2px 0 2px 8px;
    font-size:1.2em;
}

/* text position */
.align-c{text-align:center;}
.align-r{text-align:right;}
.align-l{text-align:left;}
.valign-t{vertical-align:top;}
.valign-m{vertical-align:middle;}
.valign-b{vertical-align:bottom;}
.valign-s{vertical-align:super;}

.mar_r8{margin-right:8px !important;}
.mar_r9{margin-right:9px !important;}
.mar_r10{margin-right:10px;}
.mar_r15{margin-right:15px;}
.mar_r20{margin-right:20px;}
.mar_r30{margin-right:30px;}
.mar_l10{margin-left:10px;}
.mar_l20{margin-left:20px !important;}
.mar_b10{margin-bottom:10px !important;}
.mar_b20{margin-bottom:20px !important;}
.mar_t10{margin-top:10px !important;}
.pad_b5{padding-bottom:5px !important;}
.pad_b10{padding-bottom:10px !important;}
.pad_t0{ padding-top:0px !important; }
.pad_t8{ padding-top:8px !important; }
.pad_t20{ padding-top:20px !important; }
.pad_l20{ padding-left:20px !important; }

/* margin0 */
.mar0{margin-bottom:0px !important;}

/* padding0 */
.pad0{padding-bottom:0px !important;}

/*sub*/
.centerCol-block sub{
	font-size:0.8em;
	font-size:1.0em\9; /* IE8 and below */
}

/* sup */
.centerCol-block sup.valign-s{
	font-size:0.9em;
	font-size:1.1em\9; /* IE8 and below */
	vertical-align: baseline;
	position: relative;
	top: -1ex;
}

.centerCol-block sup{
	font-size:0.9em;
	font-size:1.1em\9; /* IE8 and below */
	vertical-align: baseline;
	position: relative;
	top: -1ex;
}

/* float */
.fl-r{float:right;}
.fl-l{float:left;}

/* clear */
.cboth{clear:both;}

/* bold */
.bold{font-weight:bold;}
.bold a{font-weight:bold;}

/* font color */
.blue{color:#0039AE;}
.g-txt{color:#666;}

/* smalltext */
span.smalltxt{
	font-size:92%;
	line-height:1.8;
}

/* frame grey */
.gframe{border:1px #CCC solid;}

/* date */
.date{
	text-align:right;
	font-size:96%;
}

/* indent */
ul.note{
}

ul.note li{
	text-indent:-1.0em;
	padding-left:1.0em;
}

.t-indent{
	text-indent:-16px;
	margin-left:16px;
}

.t-indent02{
	text-indent:-14px;
	margin-left:14px;
}

/* caption */
ul.footnote{
	color: #666666;
	font-size: 1.0em;
	list-style:none;
}

ul.footnote li{
	padding-left: 2.0em;
	text-indent: -1.6em;
	line-height:1.6;
}

/* pdf image position */
.icon{
	vertical-align:middle;
	margin-bottom:4px;
}

.icon02{
	vertical-align:middle;
	padding-right:5px;
	margin-bottom:4px;
}

/* bottom line */
p.single-line{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #D9D9D9;
}

p.double-line{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:double 4px #D9D9D9;
}

/* image float right */
.centerCol-block p.img-rt{
	color: #666666;
	float:right;
	padding-left:15px;
	padding-bottom:15px;
	font-size: 1.0em;
}

/* image float left */
.centerCol-block p.img-lt{
	color: #666666;
	float:left;
	padding-right:15px;
	padding-bottom:15px;
	font-size: 1.0em;
}

/* link own category */
ul.category{
	display: block;
    margin: 20px auto;
    padding: 0;
    text-align: center;
	font-size:1.1em;
}

ul.category li{
	border-right: 1px solid #CCCCCC;
    display: inline;
    padding: 0 10px;
}	

ul.category li.last{
	border:0 none;
}

/* anchor link own page */
ul.inner-link{
	display: block;
	margin-bottom:20px;
}

ul.inner-link li{
    display: block;
	float:left;
	margin-bottom:3px;
    padding-right:20px;
	padding-left:10px;
	background: url("../../../../../../library/websites/com/part/img/arrow_old.gif") left center no-repeat;
}

/*anchor link own page(for long sentence)*/
ul.inner-link02{
	margin-bottom:20px;
}

ul.inner-link02 li{
	margin-left:5px;
	padding-left:15px;
	background: url("../../../../../../library/websites/com/part/img/arrow_old.gif") left 0.6em no-repeat;
}


/* anchor link own page(for long sentence) */
ul.inner-link03{
	display: block;
	padding-bottom:20px;
}

ul.inner-link03 li{
    display: inline;
	float:left;
	margin-bottom:3px;
    padding-right:20px;
	padding-left:10px;
	background: url("../../../../../../library/websites/com/part/img/arrow_old.gif") left center no-repeat;
}

/* list style */
ul.st_disc{
	margin-left:20px;
}

ul.st_disc li{
	list-style: disc outside none;
    margin: 0;
}

ul.st_disc_l{

}
ul.st_disc_l li{
	list-style:none;
	padding-left:15px;
	background:url(../img/img_circle_black.gif) no-repeat 0 0.4em;
}

/*default list-type */
ul.normal{
	padding-left:12px;
	margin-left:12px;
}

ul.normal li{
	list-style:disc outside none;
}

ul.normal li ul{font-size:1.0em;}


/*dl with grey border*/
dl.list01{
	overflow:auto;
}

dl.list01 dt{
	float:left;
	clear:left;
	width:150px;
	margin-bottom:10px;
}

dl.list01 dd{
	border-left: solid 4px #D9D9D9;
	padding-left:10px;
	margin-left:160px;
	margin-bottom:10px;
}

dl.list01 dd ul ,dl.list01 dd ol{
	padding-left:22px;
	line-height:1.8;
	font-size:1.0em;
}

dl.list01 dd ul li{list-style:disc outside none;}

dl.list01 dd ol li{list-style:decimal outside none;}

/*dl list*/
dl.list02{
	overflow:auto;
}

dl.list02 dt{
	float:left;
	clear:left;
	margin-bottom:10px;
}

dl.list02 dd{
	margin-bottom:10px;
}

#w190{width:190px;}
#m-190{margin-left:190px;}

#w80{width:80px;}
#m-80{margin-left:80px;}


/*number list*/
ol.list-number{
	padding-left:12px;
	margin-left:12px;
}

ol.list-number li{
	list-style:decimal outside none;
}


/* whatsnew list*/
dl.whatsnew{
	padding-top:10px;
	overflow:hidden;
	border-bottom:1px solid #D9D9D9;
}

dl.whatsnew dt{
	clear:left;
	float:left;
	width:130px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-top:1px solid #D9D9D9;
}

dl.whatsnew dd{
	padding-top:10px;
	margin-left:140px;
	padding-bottom:10px;
	border-top:1px solid #D9D9D9;
}



/* pdf list*/
ul.p_icon {
}

ul.p_icon li {
	background:#FFF no-repeat left top url("../../../../../../library/websites/com/part/img/pdf.gif");
	padding-left:25px;
	margin-bottom:3px;
}

ul.p_icon li.area{
	list-style:none;
	background-image:none;
}

ul.p_icon li ul{
	font-size:1.0em;
	margin:0 0 0 20px;
}

ul.p_icon li ul li{
	list-style:outside disc;
	margin:0;
}

/*movie icon list*/
ul.m_icon {
}

ul.m_icon li {
	background: no-repeat left 0.4em #FFFFFF url("../../../../../../library/websites/com/common/img/film.gif");
	padding-left:22px;
}

/*machining example list*/
ul.sample_parts {
	display:block;
	overflow:hidden;
}


ul.sample_parts li {
	float:left;
	width:150px;
	padding-right:20px;	
}

ul.sample_parts li.last {
	float:left;
	padding-right:0px;	
}



.sample_link{
	background-color: #E5EAF5;
	padding:10px;
	width:130px;
	float:right;
	margin-bottom:0px;
	*margin-bottom:-20px;
}

.sample_link p{
	padding-bottom:0px;
}

.sample_link p.sample_linkIcon {
	float:left;
	vertical-align:middle;
	margin-right:7px;
	padding-top:5px;
}

/*right navi -region13-*/
.bannerlinkR li{
	margin-bottom:10px;
	border:1px solid #999999;
	font-size:1.2em;
	}
	
.bannerlinkR li a{
	padding:10px 10px;
	display:block;
	}
	
.bannerlinkR li a:hover {
	text-decoration:none;
}

/*table01*/
table.t01{
}

table.t01 th ,table.t01 td{
	border: 1px solid #999999;
	padding:5px 10px;
	vertical-align:middle;
}

table.t01 th{
	background-color: #EEEEEE;
	text-align:center;
}

table.t01 td{
	text-align:left;
}

table.t01 td.valignt{
	vertical-align:top;
}

table.t01 th.bg-blue{
	background-color: #e5eaf5;
	text-align:left;
}

table.t01 th.bg-blue02{
	background-color: #e5eaf5;
	font-weight:bold;
}

table.t01 td ul{
	margin-bottom:0;
	font-size:1.0em;
}

/*table02*/
table.t02{
}

table.t02 th ,table.t02 td{
	border: 1px solid #999999;
	padding:5px 10px;
	vertical-align:middle;
}

table.t02 th{
	background-color: #EEEEEE;
	text-align:left;
}

table.t02 td{
	text-align:left;
}

table.t02 td.data{
	text-align:right;
}

table.t02 th.bg-blue{
	background-color: #e5eaf5;
	text-align:left;
}

table.t02 td ul{
	margin-bottom:0;
	font-size:1.0em;
}

/*table03*/
table.t03{
}

table.t03 th ,table.t03 td{
	border-bottom: 1px solid #999999;
	padding:5px 10px;
	vertical-align:middle;
}

table.t03 th{
	background-color: #EEEEEE;
	border-top: 1px solid #999999;
	text-align:left;
	font-weight:bold;
}

table.t03 td{
	text-align:left;
	border-right:1px solid #999999;
}

table.t03 td.last{
	border-right:none !important;
}

table.t03 td ul{
	margin-bottom:0;
	font-size:1.0em;
}

/*item table*/
table.item_table{
}

table.item_table th ,table.item_table td{
	border: 1px solid #999999;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

table.item_table th{
	background-color: #e5eaf5;
	font-weight:bold;
}

table.item_table td{
	line-height:1.5em;
}


/*list05*/
dl.list05 dt{
	float:left;
	width:220px;
	padding-right:10px;
	margin-bottom:10px;
}

dl.list05 dd{
	padding-left:10px;
	margin-left:10px;
	margin-bottom:10px;
}

/*list with arrow image */
ul.arrow{
}

ul.arrow li{
	background:url(../../../part/img/arrow.gif) center left #FFF no-repeat;
	padding-left:8px;
}

ul.arrow02{
}

ul.arrow02 li{
	background:url(../../../part/img/arrow.gif) center left no-repeat;
	padding-left:8px;
}

/*link with arrow image*/
p.back-arrow{
	text-align:left;
}

p.back-arrow a{
	background:url(../../../part/img/arrow.gif) center right #FFF no-repeat;
	padding-right:10px;
}

/*flash plugin*/
.flash{
	overflow:hidden;
}

.flash p{
	font-size:1.1em;
	line-height:1.6;
}

.flash p.flash-img{
	float:left;
	padding-right:20px;
}

/*PDF plugin*/
.pdf{overflow:hidden;}

.pdf p{
	font-size:1.1em;
	line-height:1.6;
}

.pdf p.pdf-img{
	float:left;
	padding-right:20px;
}

/* grey frame contents */
div.gbox{
	width:96%;
	border:#D9D9D9 1px solid;
	margin-bottom:20px;
	padding:10px;
	overflow: hidden;
}

div.gbox p{
	margin:0;
	padding-bottom:3px;
}

div.gbox p.title{
	font-weight:bold;
	padding-bottom:10px;
}

div.gbox ul{
	margin:0;
}

div.gbox dl{
	margin:0;
	overflow:hidden;
}

div.gbox dl dt{
	float:left;
	width:120px;
	padding-right:10px;
	font-weight:bold;
	clear:both;
}

div.gbox dl dd{
	padding-left:10px;
	margin-bottom:10px;
	margin-left:130px;
	border-left:#D9D9D9 1px dotted;
}

div.gbox dt.last{margin-bottom:0;}
div.gbox dd.last{margin-bottom:0;}

div.gbox dl#w100 dt{width:100px;}
div.gbox dl#w100 dd{margin-left:110px;}

div.gbox dd ul.other{
	margin-bottom:0;
	font-size:1.0em;
}

div.gbox dd ul.other li{
	list-style: disc outside none;
}

/*blue box*/
div.bg-blue{
	background-color: #E5EAF5;
	padding:15px;
	margin-bottom:30px;
	overflow:hidden;
}

div.bl-img{
	background-color: #E5EAF5;
	width:658px;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
}

div.gbox p.bg-blue{
	background-color: #E5EAF5;
	padding:5px 10px;
}

/*grey box for spec*/
div.bg-gr{
	background-color: #EEEEEE;
	padding:15px;
	margin-bottom:20px;
	overflow:hidden;
}

div.bg-gr_s{
	background-color: #EEEEEE;
	padding:15px;
	margin-bottom:10px;
	overflow:hidden;
}

ul.cap01{
	font-size:1.0em;
	padding-left: 2.0em;
	text-indent: -1.8em;
}

ul.cap02{
	font-size:1.0em;
	padding-left: 1.0em;
	text-indent: -1.0em;
}



/**/
.border_section{
	overflow:hidden;
    border: 1px solid #999999;
}

.bottomborder_sec{
	padding:20px;
	border-bottom:1px solid #999999;
	overflow:hidden;
}

.noborder_sec{
	padding:20px;
	overflow:hidden;
}

/*page top*/
p.page-top{text-align: right;
clear:both;}

p.page-top a{
	background: url("../../../../../../library/websites/com/common/img/arrow_start.gif") no-repeat scroll left center #FFFFFF;
    padding-left: 14px;
	font-weight:bold;
}


p.arrow{text-align: right;}

p.arrow a{
	background: url("../../../../../../library/websites/com/part/img/arrow.gif") no-repeat scroll right center #FFFFFF;
	font-weight:bold;
    padding-right: 10px;
}

/*example list*/
.cnc{
	width:132px;
	float:left;
}

.cnc p{padding-bottom:5px;}

.cnc .cnc_img{
    border: 1px solid #999999;
    padding:3px 0;
    text-align: center;
}

.cnc_wrap01{
	float:left;
	width:279px;
}

.cnc02{
	width:154px;
	float:left;
}

.cnc02 p{padding-bottom:5px;}

.cnc02 ul{
	*margin-bottom:0 !important;
}

.cnc02 .cnc_img{
    border: 1px solid #999999;
    padding:10px;
	width:132px;
    text-align: center;
	margin-bottom:3px;
}

.cnc02_wrap01{
	float:left;
	width:328px;
}

.cnc02_wrap02{
	float:left;
	width:502px;
}

.pt10IE7{*padding-top:10px;}

ul.b-arrow{
	margin-bottom:10px;
}

ul.b-arrow li a{
	background:url(../../../part/img/arrow.gif) center right #FFF no-repeat;
	padding-right:14px;
}


.nowrap{
	overflow:hidden;
}


/*cnc tab*/
ul.contentTab li {
    display: block;
    float: left;
    height: 45px;
    margin: 0 4px;
    overflow: hidden;
    vertical-align: middle;
    width: 128px;
}


ul.contentTab li.selected a {
    background-position: left bottom;
}

.cnc_over_1 a {
	display:block;
	background:url(../img/cnc/sn01.jpg) no-repeat left top;
	width:128px;
	height:45px;
	text-indent:-9999px;
}
.cnc_over_1 a:hover {
  background-position:left bottom;
}
.cnc_over_2 a {
	display:block;
	background:url(../img/cnc/sn02.jpg) no-repeat left top;
	width:128px;
	height:45px;
	text-indent:-9999px;
}
.cnc_over_2 a:hover {
  background-position:left bottom;
}
.cnc_over_3 a {
	display:block;
	background:url(../img/cnc/sn03.jpg) no-repeat left top;
	width:128px;
	height:45px;
	text-indent:-9999px;
}
.cnc_over_3 a:hover {
  background-position:left bottom;
}


/*5 column*/
.fifth_mn{
	margin-right:6px;
	float:left;
}

.fifthlast_mn{
	float:left;
}

/*2 column*/
.twinsLeft_ingnf{
	width:325px;
	float:left;
}

.twinsRight_ingnf{
	width:325px;
	float:right;
}

/*example*/
.contsample_img{
	padding:10px;
	border:#999 1px solid;
	text-align:center;
	margin-bottom:10px;
	width:303px;
}
#w325{width:325px;}


/*product-top movie*/
.contmovie{
	width:220px;
	float:left;
	margin:0 0 10px 0;
}

.contmovie ul{
	padding:3px 0 0 0;
	margin:0;
	line-height:1.4em;
}

.contmovie ul li{
	padding-left:2.0em;
	text-indent:-2.0em;
}

.contmovie ul li a{font-weight:bold;}

/*Product top Points*/
.contpoint {
    overflow: hidden;
}
.contpoint_img {
    border: 1px solid #999999;
    float: left;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
}
.contpoint_txt {
    float: left;
    width: 498px;
}

.contpoint h3{
	margin:3px 0 5px 0;
}

.contpoint h3 a{
	font-weight:bold;
}

.contpoint ul{
	clear:both;
}

/*Product Features*/

.contpoint02 {
    overflow: hidden;
}
.contpoint02_img {
    border: 1px solid #999999;
    float: left;
    margin-right: 10px;
    padding:10px;
	width:320px;
    text-align: center;
}
.contpoint02_txt {
    float: left;
    width: 320px;
}


.contpoint {
    overflow: hidden;
}


.contpoint03_img {
    border: 1px solid #999999;
    padding:10px;
	margin-bottom:10px;
	width:658px;
    text-align: center;
}


.contpoint03_txt {
    float: left;
}

#w210{width:210px;}
#w270{width:270px;}
#w300{width:300px;}
#w385{width:385px;}
#w390{width:390px;}

.contpoint03_txt img{
	float:left;
	vertical-align:middle;
	margin:0 10px 4px 0;
}

/*Features list*/
ul.contPoint {
	display:block;
	overflow:hidden;
}


ul.contPoint li {
	float:left;
}

ul.contPoint li.arrow {
	float:left;
	padding:5px 10px 0 10px;
}

.txt_normal{font-weight:normal;}

/*Pop up movie-----------------------------------
------------------------------------------------*/
.corp_logo{
	padding:0;
	margin:0 0 20px 0;
}

.corp_logo img{
	padding-left:4px;
}

.main_container{
	font-size:65%;
	font-family: "arial","helvetica","sans-serif";
}

.main_container h1{
	font-size:1.4em;
	text-align:center;
	color:#000;
	border:none;
}

.main_container h2{
	font-size:1.4em;
	color:#000;
}

.main_container h3{
	font-size:1.2em;
	padding:0;
}

.main_container form{
	text-align:center;
	margin:20px 0 10px 0;
}

.main_container form input{
	font-family:"arial","helvetica","sans-serif";
	padding:2px 5px;
	margin-right:5px;
}




/*Pop up function-----------------------------------
------------------------------------------------*/
.function {
	width:600px;
	overflow:hidden;
	margin-left:5px;
}

.function h1{
	font-size:1.4em;
	text-align:left;
	color:#000;
	border:none;
	margin-bottom:10px;
}
	
.function_line {
	border-bottom:1px dashed #999;
	padding-top:20px;
	overflow:hidden;
}

.function .f_icon {
	float:left;
	padding:0 15px 20px 5px;
}

.f_iconTxt {
	float:left;
	font-weight:bold;
	width:216px;
}


#w300 {width:300px;}

.function ul.fnc_note{
	list-style:none;
	padding-left:0px;
	margin-top:0px;
}

.function ul.fnc_note li{
	text-indent:-1.0em;
	padding-left:1.0em;
	font-weight:normal;
}


.function form {
	text-align:center;
	margin:20px 0 10px 0;
}
#mainimgbox {
    background: url("/MachineTool/library/websites/com/as_oc/machine/img/mainimg_02.jpg") no-repeat scroll left;
    display: block;
    height: 279px;
    margin-bottom: 40px;
    margin-top: 10px;
    width: 720px;
}
.mainimgbox2 {
    padding: 6px 0 6px 284px;
}
div.bg-navy {
    background-color: #071956;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 10px;
}
.white {
    color: #FFFFFF;
}
.bold {
    font-weight: bold;
}
.pad0 {
    padding-bottom: 0 !important;
}
.align-c {
    text-align: center;
}
/*Switch image padding-----------------------------------
--------------------------------------------------------------*/

#pad20{padding:20px 0;}
#pad23{padding:23px 0;}
#pad26{padding:26px 0;}
#pad32{padding:32px 0;}
#pad40{padding:40px 0;}
#pad42{padding:42px 0;}
#pad43{padding:43px 0;}
#pad47{padding:47px 0;}
#pad50{padding:50px 0;}
#pad62{padding:62px 0;}


/*topmainimg*/
#mainimgbox{margin-top:10px;
	margin-bottom: 40px;
	display:block;
	background:url(../img/mainimg_02.jpg) no-repeat left top;
	width:720px;
	height:279px;}
.mainimgbox2{
	padding:6px 0 6px 284px;
}

div.bg-navy{
	background-color: #071956;
	padding:10px;
	margin-bottom:30px;
	overflow:hidden;
}
.white{
	color:#FFFFFF;
}
.mar_t30{ margin-top:30px; }


.float_l{	float:left;}
.wid_220{width:220px;}
.lidot_fs ul li{
  padding:0 0 0 12px;
	text-indent:1px;
	background-image:url(/library/websites/com/common/img/dot.gif);
	background-repeat:no-repeat;
	background-position: left 7px;
}
.mar_b30{ margin-bottom:30px; }
table.t01 td.align_c{
	text-align:center;
}
.mar_t20{ margin-top:20px; }

@media screen and (max-width: 1023px) {
    #leftCol2 {
        width: 100% !important;
    }
    #mainimgbox{
        background-size : 130% 100%;
        width: auto;
    }
    .mainimgbox2 {
        padding: 6px 0 6px 50%;
    }

}