@charset "utf-8";

h1,h2,h3,h4,h5,h6,p {
margin:0;
padding:0;
font-size:90%;
line-height:140%;
font-weight:normal;
}

form {
margin:0;
padding:0;
}
a img{border:none;}

a{color:#231815;text-decoration:none;}
a:hover{color:#231815;/*text-decoration:underline;*/}

.col1{color:#25850B;}
.col2{color:#C00;}


.bgcol1{background:#FBFEF1;}
.bgcol2{background:#F6FDE2;}
.bgcol3{background:#F1FBCF;}
.bgcol4{background:#EBF9BC;}

.globalNavi ul,
.sideNavi ul,
.news ul{
margin:0;
padding:0;
}
.globalNavi li,
.sideNavi li,
.news li{
margin:0;
padding:0;
list-style:none;
}
html{overflow-y:scroll;}
body {
margin:0;
padding:0;
font-size:90%;
line-height:140%;
font-family: Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#FFF;
}

small{
display:block;
text-align:right;
}
address{font-style:normal;}
ul.navi{
margin:0;
padding:0;
overflow:hidden;
zoom:1;
}
ul.navi li{
margin:0;
padding:0;
list-style:none;
}



/*
ヘッダー
*/
.header{
margin:0 auto;
width:960px;
}

/*************************************************************
 * 
 * 2023/03/05　ヘッダー修正
 * 
**************************************************************/
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
}
.header ul {
	display: flex;
	list-style: none;
}
.header ul li + li {
	margin-left: 40px;
}
.header ul li a {
	display: block;
	font-weight: 700;
	font-size: 14px;
}
.header ul li a span {
	display: block;
	font-size: 0.9em;
}

/*************************************************************
 * 
 * 2023/03/05　TOPメイン
 * 
**************************************************************/
@keyframes loop {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
}
.mainbox {
	position: relative;
}
.bgbox {
	display: flex;
	width: 100%;
	overflow: hidden;
}
.bgbox ul {
	display: flex;
	list-style: none;
	margin: 0px;
	padding: 0px;
	animation: loop infinite linear 100s both;
}
.bgbox ul li {
	height: 320px;
}
.bgbox ul li img {
	height: 320px;
}
.mainbox .textbox {
	position: absolute;
	left: 50%;
	top: 0px;
	bottom: 0px;
	margin-left: -480px;
	padding: 1.5em;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	white-space: nowrap;
}
.mainbox .textbox p {
	margin-top: 1em;
}


/*
ナビ
*/
.index .mL ul.navi{margin:20px 0 12px 0;}
.mL ul.navi li{display:inline;}
.mL ul.navi a{
margin:0 0 10px 0;
display:block;
}

/*
フッター
*/
.footer{
margin:10px auto 0 auto;
padding:10px;
width:960px;
background:#E8EAEA;
overflow:hidden;
zoom:1;
}
.footer ul.navi{float:left;}
.footer li{display:inline;}
.footer li a{padding:0 4px 0 0;}
.footer li.border{
padding-left:6px;
border-left:1px solid #231815;
}
.copyright{
float:right;
font-size:80%;
}

/*
content内共通
*/

.pankuzu {
margin: 0 auto;
padding:4px 5px 0  5px;
width:960px;
height:24px;
}
.pankuzu p {
padding:1px 0 0 170px;
font-size:90%;
line-height:20px;
color:#666;
}
.pankuzu p a {color:#666;}

.mC{
margin:0 auto;
width:961px;
overflow:hidden;
zoom:1;
}
.mR{float:right;width:660px;}
.mL{float:left;width:300px;}
.bg01{background:url(../img/top/bg01.gif) left top repeat-y;}
.bg02{background:url(../img/bg02.gif) left top repeat-y;}
.mB{
clear:both;
margin:0 auto 10px auto;
padding:35px 0 0 12px;
width:960px;
}
.mL02{
overflow:hidden;
zoom:1;
margin:10px auto;
width:960px;
}


.cTit01{
margin:13px 0 5px 10px;
height:60px;
}
.cTxt01{padding:0 0 5px 10px;}
.sideNavi{margin:0 0 0 1px;}
.sideNavi ul{
margin:0;
padding:0;
}
.sideNavi .navi li{
display:inline;
padding:0;
margin:0;
line-height:0;
}
.sideNavi .navi li img{
margin:0 0 10px 0;
display:block;
}

/*製品トップ*/
.productIndexTop{background:url(../img/bg03.gif) left top repeat-x;}
.productIndexTop .mC{background:url(../img/product/bg_img01.jpg) center top no-repeat;}
.productIndexTop .mR{padding:337px 0 0 0;}

.productIndexTop .mR ul.navi{
overflow:hidden;
zoom:1;
}
.productIndexTop .mR .navi li{
float:left;
margin:0 0 0 20px;
}


/*製品_鉄鋼・非鉄金属分野 アプリケーション*/
h1.product_01 {
background-image:url(../img/product/title_01.jpg);
width:960px;
height:35px;
text-indent:-9999px;
margin: 10px 0 0 0;
}
.product_01left {
float:left;
background:url(../img/product/bg_product_side.jpg) left top no-repeat;
height:620px;
}
.product_01left p{
padding:20px 0 0 75px;
color:#023894;
}

/*自動車生産分野*/
h1.product_02 {
background-image:url(../img/product/title_02.jpg);
width:960px;
height:35px;
text-indent:-9999px;
margin: 10px 0 0 0;
}
h2.product_02 {
padding:20px 0 0 230px;
font-weight:bolder;
font-size:140%;
}
.product_02left {
float:left;
background:url(../img/product/bg_product_side.jpg) left bottom no-repeat;
height:525px;
}
.product_02left p{
padding:20px 0 0 75px;
}

/*プロセス特性*/
h1.product_me {
background-image:url(../img/product/title_ms.jpg);
width:960px;
height:35px;
text-indent:-9999px;
margin: 10px 0 0 0;
}
.product_meleft {
float:left;
background:url(../img/product/bg_product_side.jpg) left bottom no-repeat;
height:620px;
}
.product_meleft p.pmTxt01{
padding:20px 0 0 75px;
}
.product_meleft p.pmTxt02{
padding:10px 0 0 75px;
color:#007D37;
height:5em;
}
.product_meleft p.pmTxt03{
padding:10px 0 0 75px;
}


/*なぜマスロールなのか　Why Masroll*/
h1{
}
.contents_wm {
	padding-bottom:13px;
}


/*会社情報トップ*/
.companyIndexTop{background:url(../img/bg03.gif) left top repeat-x;}
.companyIndexTop .mC{background:url(../img/company/bg_img01.jpg) center top no-repeat;}

/*会社概要*/
.mL03{
overflow:hidden;
zoom:1;
margin:10px auto;
width:1050px;
}
.co2{
float:right;
margin:0 0 0 0;
}
.co2 iframe{
margin:10px 0 0 0;
}
h2.company_outline {
font-size:140%;
font-weight:bolder;
margin:20px 0 5px 0;
}
h3.company_outline {
padding:0 0 0 8px;
font-size:120%;
font-weight:bolder;
margin:5px;
color:#009944;
}
.company_outlineL {
width:550px;
float:left;
}
.bg_company_outline {
background:url(../img/company/bg_outline.gif) left top repeat-y;
color:#FFF;
padding:10px 0 10px 20px;
}
.bg_company_outline h3 {
font-weight:bolder;
font-size:100%;
color:#FFFFFF;
margin: 5px 0 5px 0;
}
.bg_company_outline table{
border-collapse:collapse;
width:270px;
}
.bg_company_outline table th, .bg_company_outline table td {
padding:5px 0;
font-size:90%;
line-height:100%;
text-align:left;
vertical-align:top;
font-weight:normal;
}
.company_outlineR {
width:450px;
float:right;
}
.bg_company_contact {
background-color:#FEF0D5;
padding:10px 0 10px 0;
margin:20px 0 0 0;
}
.bg_company_contact table {
margin:0 0 10px 0;
padding:0;
border:0;
border-collapse:collapse;
width:100%;
}

.bgCol01{background:#FDD35D;}
.txt01{
padding:0 15px;
font-size:100%;
line-height:180%;
color:#666;
}
.txt02{padding:108px 10px 0 10px;}
.txt02 p{
margin:0 0 2px 1.5em;
text-indent:-1.5em;
font-size:12px;
line-height:130%;
}
.txt02 a{
display:block;
margin:5px 1em;
}

.bg_company_contact th, .bg_company_contact td {
background-color:#FDD35D;
margin:0 0 10px 0;
padding:5px;
border:0;
text-align:left;
}
.bg_company_contact td {
padding-left:15px;
}
.rbBox{
padding-top:25px;
padding-bottom:5px;
overflow:hidden;
zoom:1;
}
.rbimg01{float:left;}
.rbimg02{
padding:23px 20px 0 0;
float:right;
}

/*サイトマップ*/
h1.sitemap {
background-image:url(../img/title_sitemap.jpg);
width:960px;
height:35px;
text-indent:-9999px;
margin: 10px 0 0 0;
}
.sitemap_left {
float:left;
background:url(../img/product/bg_product_side.jpg) left bottom no-repeat;
height:380px;
}
.sitemap_left dl.left {
padding:20px 0 0 100px;
width:420px;
float:left;
}
.sitemap_left dl.right {
padding:20px 0 0 0px;
width:380px;
float:left;
}
.sitemap_left dt {
display:block;
background:url(../img/arw_big.gif) left bottom no-repeat;
width:375px;
padding: 0 0 5px 25px;
margin: 20px 0 10px 0;
font-weight:bolder;
}
.sitemap_left dd {
display:block;
background:url(../img/arw_sml.gif) left center no-repeat;
padding: 5px 0 5px 15px;
margin: 0 0 0 5px;
}


/*新着情報*/
h1.news {
background-image:url(../img/title_news.jpg);
width:960px;
height:35px;
text-indent:-9999px;
margin: 10px 0 0 0;
padding:0;
}
.news_contents {
float:left;
background:url(../img/product/bg_product_side.jpg) left bottom no-repeat;
height:450px;
width:760px;
padding:0 0 0 100px;
}
h2.newstitle {
background-color:#FDD35D;
padding: 10px 0px 10px 10px;
margin: 0 0 20px 0;
font-size:110%;
}
p.newsdate {
text-align:right;
padding: 20px 5px 0 0;
}
p.newsline {
font-size:105%;
line-height:160%;
padding: 0px 10px 10px 10px;
}
div.newsph {
float:right;
padding: 0 0 20px 20px;
}

/*
トップページ
*/
.indexFlash{text-align:center;}
.indexReview{
padding:0 15px 10px 0px;
/*padding:0 15px 10px 15px;*/
height:177px;
overflow:auto;
}
.indexReview h4{
padding-left:15px;
}

.indexReview ul{
margin:10px 0 0 10px;
padding:0;
}
.indexReview li{
margin:0 0 10px 15px;
padding:0 0 0 0;
font-size:90%;
line-height:140%;
list-style:none;
color:#FFF;
text-indent:-15px;
}
.indexReview li span{
margin:0 3px 0 0;
}
.indexReview a,
.indexReview a:hover{
color:#FFF;
}
.indexReview .moreBtn{
margin:0 10px;
text-align:right;
}
.mLBnr01{
padding:60px 5px 0 0;
margin:15px;
text-align:right;
}
.index .mLBnr01{
padding-top:0px;
}
.indeImg{margin:30px 0 0 60px;}



/*共通パーツ*/
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.marginAuto{margin:auto !important;}
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
.clearBoth{clear:both !important;}
.clearFloat{overflow:hidden !important;zoom:1 !important;}
.floatBox{overflow:hidden !important;zoom:1 !important;}

.bold{font-weight:bold !important;}
.font80{font-size:80% !important;}
.font85{font-size:85% !important;line-height:130% !important;}
.font90{font-size:90% !important;}
.font110{font-size:110% !important;}
.font120{font-size:120% !important;}
.font130{font-size:130% !important;}
.font140{font-size:140% !important;}
.font150{font-size:150% !important;}
.font200{font-size:200% !important;}

.m10{margin:10px !important;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb100{margin-bottom:100px !important;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt0{margin-top:0px !important;}
.mr0{margin-right:0px !important;}

.ml10{margin-left:10px}
.ml20{margin-left:20px}

.mr10{margin-right:10px}
.mr20{margin-right:20px}

.pb0{padding-bottom:0 !important;}
.pt0{padding-top:0 !important;}
.pb20{padding-bottom:20px !important;}

.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl40{padding-left:40px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.plr5{
padding-left:5px !important;
padding-right:5px !important;
}
.plr20{
padding-left:20px !important;
padding-right:20px !important;
}
.borderrNone{border-right:none !important;}

/* 20240919 修正 */
.side_links {
	margin: 1.5em 24px 0px;
	font-weight: 700;
	font-size: 17px;
}

.contactbox {
	width: 960px;
	margin: 20px auto;
}
.contactbox .read {
	margin-bottom: 2em;
	line-height: 2;
}
.contactbox .required {
	color: #c00;
}
.contactbox .error_text {
	margin-top: 0.5em;
	color: #c00;
}
.contactbox table {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.contactbox table th,
.contactbox table td {
	padding: 1em 0px;
	border-top: 1px solid #ddd;
}
.contactbox table th {
	width: 20em;
	font-weight: 400;
	text-align: left;
}
.contactbox select.error,
.contactbox input.error,
.contactbox textarea.error {
	border-color: #c00;
}
.contactbox select {
	padding: 0.75em;
	border: 1px solid #ccc;
}
.contactbox input,
.contactbox textarea {
	width: 100%;
	padding: 0.75em;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.contactbox textarea {
	height: 15em;
	margin-top: 0.75em;
}
.contactbox .alert {
	display: block;
	margin-top: 0.75em;
	font-size: 0.85em;
}
.contactbox .att {
	margin-top: 2.5em;
	text-align: center;
	font-weight: bold;
	color: #c00;
	font-size: 1.1em;
}
.contactbox .send {
	display: flex;
	justify-content: center;
	gap: 2em;
	margin-top: 3em;
	text-align: center;
}
.contactbox .send a,
.contactbox .send button {
	padding: 1em 3em;
	border: 1px solid #e41620;
	background-color: #e41620;
	border-radius: 0.25em;
	font-size: 1.2em;
	color: #fff;
	cursor: pointer;
	transition: 0.3s;
}
.contactbox .send button:hover {
	background-color: #fff;
	color: #e41620;
}
.contactbox .send a.back {
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;
}
.complete {
	padding: 10em 0px;
	text-align: center;
}
.complete h2 {
	margin-bottom: 1em;
	font-weight: 700;
	font-size: 1.8em;
}
.complete p {
	line-height: 2;
}
.cbtn {
	margin-top: 1.5em;
}
.cbtn a {
	display: block;
	padding: 1em 0px 0.75em;
	border: 1px solid #e41620;
	background-color: #e41620;
	text-align: center;
	font-weight: 700;
	color: #fff;
	font-size: 1.2em;
	transition: 0.3s;
	text-decoration: none;
	letter-spacing: 0.08em;
}
.cbtn a:hover {
	background-color: #fff;
	color: #e41620;;
}

.bannerbox {
	display: flex;
	align-items: flex-end;
	gap: 6px;
	padding: 25px 0px 5px;
}