@charset "utf-8";

/* ヘッダー
------------------------------------------------------------*/
header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10000;
	background-color: #FFFFFF;
	box-shadow: 0 5px 3px -3px #EEEEEE;
	/*height: 125px;*/
	transition: .3s;
}
	
article {padding-top: 120px;}
	
@media only screen and (max-width:1140px){
article {padding-top: 150px;}
}	
@media only screen and (max-width:768px){
article {padding-top: 10px;}
}	
header .company-logo img {
	margin-top: 5px;
	margin-bottom: 5px;
}
header .company-logo span {
	font-size: 85%;
}
@media (min-width:1600px){.container{width:1560px}}
a.catelog,
a.contact,
a.english {
	background-color: #000;
	color:#FFF;
	border:1px #FFFFFF solid;
}
header .sub-nav {
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: none;
	margin: 0px;
}
header .sub-nav ul {
	display:flex;
	justify-content: flex-end;
}
header .sub-nav li {
	margin-left: 15px;
}
header .sub-nav li a {
	background-color: #fff;
	display: block;
	border:none;
	margin: 0px;
	font-size: 12px;
	color: #666;
	padding: 5px 5px;
}
header .sub-nav li a:hover {
	background-color:#FFF;
	color: #999;
	text-decoration: none;
}
header .global-nav {
	margin: 0;
}
@media only screen and (max-width:768px){
.sub-nav,.company-logo {display: none;}
}
header .global-nav ul {
	list-style-type: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background: url(../images2/header-navB.png) no-repeat right center;
	overflow: hidden;
}
header .global-nav li {
	text-align: center;
	width: 100%;
}
header .global-nav a {
	color: #333;
	display: block;
	padding: 1em;
	border-bottom: 2px solid #FFF;
	font-size: 15px;
	transition: .3s;
	float: left;
	width: 16.666%;
	background: url(../images2/header-navB.png) no-repeat left center;
}
@media only screen and (max-width:1140px){
header .global-nav a {
	color: #333;
	display: block;
	padding: 0.3em;
	border-bottom: 2px solid #FFF;
	font-size: 13px;
	transition: .3s;
	float: left;
	width: 33.3333%
}
.company-logo span {display: none;}
}
header .global-nav a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #0BA8EC;
}
	
	
	
/* is-animation */
header.is-animation {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10000;
	background-color: #FFFFFF;
	box-shadow: none;
	border-bottom: 1px solid #333333;
}
header.is-animation .company-logo img {
	margin-top: 5px;
	margin-bottom: 5px;
}
header.is-animation .company-logo span {
	display: none;
}
header.is-animation .sub-nav {
	display: block;
}
@media only screen and (max-width:768px){
	header.is-animation .sub-nav {
		display: none;
	}
}
/* is-animation */


.mainimage {
	max-width: 1560px;
	margin-right: auto;
	margin-left: auto;
	background-color: #EEE;
}
/* コンテンツ
------------------------------------------------------------*/
.tree {
	max-width: 1560px;
	padding-top: 0.5em;
}
.tree ul {}
.tree li {
	float: left;
	padding-right: 1em;
	margin-right: 0.5em;
	font-size: 12px;
	background: url(../images2/listB1.jpg) no-repeat right center;
}
.tree li:last-child {
	font-weight: bold;
	background-image: none;
}
.title-wrapper {
	background-color: #F1F1F1;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding-top: 25px;
}

/* トップページ
-------------------------------*/
.top-box-banner {
	overflow: hidden;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.top-box-banner ul {
}
.top-box-banner li {
	float: left;
	display: block;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 15px;
}
@media only screen and (max-width: 599px) {
.top-box-banner {
	overflow: hidden;
	margin: 25px auto 0px auto;
}
.top-box-banner li {
	display: block;
	width: 90%;
	clear: both;
	margin: 0 5% 15px 5%;
}
}
.top-box-nav {
	overflow: hidden;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.top-box-nav .float-box {
	float: left;
	width: 31.3334%;
	width: 47%;
	margin-right: 1%;
	margin-left: 1%;
}
.top-box-nav .float-box ul,
.top-box-nav .float-box p {
	margin-top: 0.5em;
	font-size: 12px;
}
.top-box-nav .boxcol2-1,
.top-box-nav .boxcol2-2,
.top-box-nav .boxcol2-3 {
	background-repeat: no-repeat;
	border: 1px solid #999;
	padding-top: 40px;
	padding-bottom: 40px;
	background-position: center center;
}
.top-box-nav .boxcol2-1 {
	background-image: url(../images2/btn1.jpg);
}
.top-box-nav .boxcol2-2 {
	background-image: url(../images2/btn2.jpg);
}
.top-box-nav .boxcol2-3 {
	background-image: url(../images2/btn3.jpg);
}
.top-box-nav .boxcol2-1 p,
.top-box-nav .boxcol2-2 p,
.top-box-nav .boxcol2-3 p {
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 3px #FFF;
	/*padding-right: 1em;
	padding-left: 1em;*/
	height: 60px;
	text-shadow: 1px 0px 10px #000;
, 0px 1px 10px #000, -1px 0px 10px #000, 0px -2px 10px #000;
	letter-spacing: 0em;
}
.top-box-nav .float-box li {
	list-style-type: disc;
	margin: 0 1em 0 2em;
	padding: 0em;
	font-size: 12px;
}
@media only screen and (max-width: 940px) {
.top-box-nav .boxcol2-1 p,
.top-box-nav .boxcol2-2 p,
.top-box-nav .boxcol2-3 p {
	font-size: 14px;
	height: 60px;
}
}
@media only screen and (max-width: 599px) {
.top-box-nav .float-box {
	float: none;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.top-box-nav .boxcol2-1 p,
.top-box-nav .boxcol2-2 p,
.top-box-nav .boxcol2-3 p {
	font-size: 16px;
}
}


.top-box-info {
	overflow: hidden;
	margin: 50px auto 75px auto;
}
.top-box-info .entry {
	font-size: 14px;
	border-bottom: 1px dotted #0BA8EC;
	overflow: hidden;
	margin: 0 auto;
	padding: 25px 15px 15px 15px;
}
.top-box-info .entry h2 {
	font-size: 16px;
	color: #333;
	line-height: 1em;
	margin: 0.5em 0;
	padding: 0 0.5em;
	font-weight: bold;
	border-bottom-style: none;
	border-left: 5px solid #0BA8EC;
}
.top-box-info .entry p {
	margin: 0px;
	padding: 0px;
}
.top-box-info .entry img {
	padding: 5px;
}
.top-box-info ul {
	margin-top: 35px;
	margin-bottom: 35px;
}
.top-box-info li {
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #0BA8EC;
	padding-bottom: 0.5em;
	padding-right: 35px;
	padding-left: 35px;
}

.top-box-company {
	overflow: hidden;
	margin: 50px auto 75px auto;
}
.top-box-company h2 {
	font-size: 16px;
	color: #0BA8EB;
	border-style: none;
	padding: 0px;
	margin: 0.5em;
}
.top-box-company p.readtext {
	line-height: 1.3em;
	letter-spacing: 0.1em;
	margin-bottom: 25px;
}
.top-box-company p {
	font-size: 14px;
	line-height: 1.1em;
	letter-spacing: 0.1em;
}
@media only screen and (max-width: 599px) {
/*.top-box-company h2,
.top-box-company p {
	text-align: center;
}
.top-box-company img {
	margin-right: auto;
	margin-left: auto;
}*/
}


/* セミドライ（MQL）
-------------------------------*/
.page-nav {
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding: 10px;
	text-align: center;
}
.page-nav h3 {
	font-size: 14px;
	border-style: none;
	padding: 0.5em 0;
	line-height: 1.3em;
	margin: 0px;
	font-weight: normal;
	color: #028DD2;
}
.page-nav h3.t2 {
	font-size: 14px;
	border-style: none;
	line-height: 1.3em;
	margin: 0px;
	font-weight: normal;
	color: #028DD2;
	padding: 0.5em 0 1.8em 0;
}
.page-nav img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.mql-box {
	background-color: #F3FBFE;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 1px solid #CCC;
	padding: 25px;
}
.mql-box .top-com h3 {
	color: #069;
	font-size: 18px;
	border-bottomwidth: 2px dotted #069;
}
.mql-box .top-com ul {
	margin-right: 1.5em;
	margin-left: 1.5em;
}
.mql-box .top-com li {
	color: #069;
	list-style-position: outside;
	list-style-type: circle;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.7em;
}
.mql-box li span {color: #000;}

table.mql-item-table {
	border: 1px solid #CCC;
	padding: 0px;
	width: 96%;
	margin: 0 auto 25px auto;
}
table.mql-item-table th {
	background-color: #E9E9E9;
	border: 1px solid #CCC;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
table.mql-item-table th span {
	font-size: 14px;
	font-weight: normal;
}
table.mql-item-table th em {
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #666;
	background-color: #FFF;
	padding: 3px 10px;
}
table.mql-item-table td {
	vertical-align: top;
	background-color: #FFF;
}
table.mql-item-table td ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 1em;
}
table.mql-item-table td li {
	margin-bottom: 1em;
	text-align: left;
}
table.mql-item-table td a {
	font-size: 16px;
	text-align: center;
	display: block;
	line-height: 2em;
}
table.yuzaiTable,
table.yuzaiTable1 {
	background-color: #FFF;
	/*border: 1px solid #CCC;*/
}


table.yuzaiTable tr:nth-child(even) {
	background-color: #EAF2F9;
	border: 1px solid #CCC;
	text-align: center;
}
table.yuzaiTable tr:nth-child(odd) {
	background-color: #fff;
	border: 1px solid #CCC;
	text-align: center;
}
table.yuzaiTable1 tr:nth-child(even) {
	background-color: #FBEAE6;
	/*border: 1px solid #CCC;*/
	text-align: center;
}
table.yuzaiTable1 tr:nth-child(odd) {
	background-color: #fff;
	/*border: 1px solid #CCC;*/
	text-align: center;
}


table.yuzaiTable td,
table.yuzaiTable1 td {
	border: 1px solid #CCC;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	font-size: 13px;
	padding: 5px;
}
table.yuzaiTable tr.yuzaibule,
table.yuzaiTable1 tr.yuzaibule {
	color: #FFF;
	background-color: #0BA8EC;
}
table.yuzaiTable tr.yuzaired,
table.yuzaiTable1 tr.yuzaired {
	color: #FFF;
	background-color: #D14524;
}
table.yuzaiTable1 .hosoku {
	border: none;
	background-color: #FFF;
	text-align: left;
}


table.partsTable {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-collapse: collapse;
  	padding: 0px;
	width: 100%;
	margin: 0 0 50px 0;
}
table.partsTable th {
	background-color: #F1FAFE;
	border: 1px solid #CCC;
	text-align: center;
}
table.partsTable td {
	border: 1px solid #CCC;
	padding: 5px;
	width: 50%;
	font-size: 12px;
	vertical-align: middle;
}
@media only screen and (max-width: 599px) {
table.partsTable td {
	font-size: 10px;
}
}

/* 切削工具
-------------------------------*/
ul.page-nav {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
ul.page-nav li {
	float: left;
	width: 33.3334%;
	text-align: left;
}
ul.page-nav li a {
	display: block;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 1px;
	padding: 0.3em 1em;
}
div.page-btn {
	padding: 0px;
	overflow: hidden;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
/*----- tool10 -----*/
table.tool-table1 {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}
table.tool-table1 th {
	background-color: #EEE;
	padding: 5px;
	text-align: center;
	border: 1px solid #CCC;
}
table.tool-table1 td {
	padding: 5px;
	text-align: center;
	border: 1px solid #CCC;
}
table.tool-table1 td img {
	padding: 0px;
	margin: 0 auto;
}
table.tool-table1 th.toolnon,
table.tool-table1 td.toolnon {
	background-color: #FFF;
	border-style: none;
}

/*----- tool1 -----*/
h2.logo-mircona {
	background: url(../images2/tool/logo-mircona.gif) no-repeat right center;
	margin-top: 50px;
}
h2.logo-granlund {
	background: url(../images2/tool/logo-granlund.gif) no-repeat right center;
	margin-top: 50px;
}
h2.logo-cutpia {
	background: url(../images2/tool/logo-cutpia.gif) no-repeat right center;
	margin-top: 50px;
}
h2.logo-cutpia-mircona {
	background: url(../images2/tool/logo-cutpia-mircona.gif) no-repeat right center;
	margin-top: 50px;
}
@media only screen and (max-width: 599px) {
h2.logo-mircona,
h2.logo-granlund,
h2.logo-cutpia,
h2.logo-cutpia-mircona {background-image: none;}
}
.tool1-item {}
.tool1-item h3 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 17px;
	background-color: #0BA8EC;
	border-style: none;
	color: #FFF;
}
.tool1-item img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.tool1-item p {
	text-align: center;
	margin: 2px;
	padding: 2px;
	line-height: 1em;
}

/*----- tool3 -----*/
.tool3-item {}
.tool3-item h3 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 14px;
	background-color: #999999;
	border-style: none;
	color: #FFF;
}
.tool3-item img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.tool3-item p {
	text-align: center;
	margin: 2px;
	padding: 2px;
	line-height: 1em;
}

/*----- tool12 -----*/
table.tool12-table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}
table.tool12-table td {
	padding: 1px;
	border-bottom: 1px dotted #999;
	font-size: 12px;
	white-space: nowrap;
	background-color: #FFF;
}
table.tool12-table td.non {
	border-bottom-style: none;
}


/* QA
-------------------------------*/
.qa {
	margin: 0;
	padding: 75px 15px 0px 15px;
}
.qa h4 {
	background-image: url(../images2/qa-icon.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 75px;
	font-weight: bold;
	color: #013854;
	font-size: 16px;
}
/* ダウンロード
-------------------------------*/
.dl-box {
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding: 10px;
	text-align: center;
}
.dl-box h3 {
	font-size: 14px;
	border-style: none;
	padding: 0.5em 0;
	line-height: 1.3em;
	margin: 0px;
	font-weight: normal;
	color: #028DD2;
}

.dl-box img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.dl-box li {
	text-align: left;
	padding-top: 0.5em;
	padding-left: 2em;
	border-bottom: 1px dotted #999;
}
@media only screen and (max-width: 599px) {
.dl-box li {
	padding-left: 0.5em;
}
}
/* 動画
-------------------------------*/
.video-box {
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding: 10px;
	text-align: center;
}
.video-box h3 {
	font-size: 15px;
	border-style: none;
	padding: 0.5em 0;
	line-height: 1.3em;
	margin: 0px;
	color: #333333;
}

.video-box img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.video-box li {
	text-align: left;
	padding-top: 0.5em;
	padding-left: 2em;
	border-bottom: 1px dotted #999;
}
@media only screen and (max-width: 599px) {
.video-box li {
	padding-left: 0.5em;
}
}





/* お客様サポート
-------------------------------*/
.support-box {
	padding: 25px 15px;
}
.support-box p {
	font-size: 16px;
	border-bottom: 1px dotted #666;
	margin: 0px;
	padding: 0px;
}
.support-box i {
	text-align: center;
	font-size: 75px;
	display: block;
	margin-bottom: 15px;
}
.support-contact {
	display: block;
	background-color: #FFDDD5;
	border-radius: 7px;
	padding: 10px;
}
.support-contact-mql {
	display: block;
	background-color: #E7F7FE;
	border-radius: 7px;
	padding: 10px;
	text-align: center;
}
.support-contact p.tel,
.support-contact-mql p.tel {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.2em;
}
.support-contact p.tel span,
.support-contact-mql p.tel span {
	font-size: 15px;
	font-weight: normal;
	padding-right: 1em;
}
.support-contact p.mail,
.support-contact-mql p.mail {
	margin-top: 15px;
}


/* フッター
------------------------------------------------------------*/
footer {
	margin-top: 100px;
}
footer a.pagetop {
	text-align: center;
	display: block;
	background-color: #0988BF;
	font-size: 30px;
	color: #FFF;
}
footer a.pagetop:hover {
	background-color: #8493AA;
}
.footer-new {
	background-color: #0BA8EB;
	padding: 50px 0 10px 0;
	border-top: 2px solid #FFF;
	overflow: hidden;
	color: #FFF;
	text-align: center;
}
.footer-new h2 {
	color:#FFFFFF;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	margin: 0;
	font-size: 1.3rem;
}
.footer-new ul {
	margin: 0px;
	padding: 0.5em;
}
.footer-new li {
	text-align: left;
	margin-bottom: 0.7rem;
}
.footer-new li a,
.footer-new p a {
	color: #FFF;
}	
.footer-copy {
	background-color: #FFFFFF;
	padding: 1rem 0;
}
.foot-center {
	height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
}



/*　↓　旧フッタースタイル　↓　*/
.footer {
	background-color: #0BA8EB;
	padding: 75px 0;
	border-top: 2px solid #FFF;
	overflow: hidden;
	color: #FFF;
	text-align: center;
}
.footer h2 {
	font-size: 14px;
	padding: 5px;
	background-color: #0BA8EB;
	border-bottom: 1px dotted  #FFF;
	text-align: left;
	font-weight: bold;
	margin: 0.5em 2em 0 0;
}
.footer ul {
	margin: 0px;
	padding: 0.5em;
}
.footer li {
	font-size: 12px;
	text-align: left;
}
.footer li a,
.footer h2 a {
	color: #FFF;
}
.footer li a:hover,
.footer h2 a:hover {
	color: #E7F7FE;
}
.footer-add {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	text-align: left;
}
.footer-add p {
	font-size: 14px;
}
.footer-add ul {
	list-style-type: disc;
	padding-left: 25px;
}
.footer-add li {
	margin-bottom: 0.5em;
}

small {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #FFFFFF;
	font-weight: normal;
	color: #333333;
	line-height: 2em;
	display: block;
	font-size: 14px;
}