/* To apply hover effect to images that has hyperlink. */
a:hover img{
filter: alpha(opacity=80);
opacity: 0.8;
}

/* To avoid that background color of <input> changes when <input> is autofilled on Chrome. */
input:-webkit-autofill{
-webkit-box-shadow: 0 0 0 1000px white inset;
}

/* These three apply CSS to Mailform function page. */
.mailform-body table{
margin: 0 auto;
table-layout: fixed;
width: 98%;
}

.mailform-body th{
font-size: 20px;
font-weight: bold;
padding: 10px 5px;
vertical-align: middle;
width: 35%;
}

.mailform-body td{
font-size: 20px;
font-weight: normal;
text-align: center;
padding: 5px;
vertical-align: middle;
}

.mailform-body input,
.mailform-body textarea{
background: rgb(242,242,242);
border: 1px solid rgb(206,206,206);
font-size: 18px;
font-weight: normal;
padding: 10px;
width: 100%;
}

.mailform-body input[type="submit"],
.mailform-body input[type="button"]{
border: 1px solid !important;
border-radius: 5px;
font-weight: normal;
font-size: 18px;
background: linear-gradient(to top, rgb(200,200,200), rgb(255,255,255));
margin: 20px;
padding: 3px 1em;
width: auto;
}

.mailform-body input[type="submit"]:hover,
.mailform-body input[type="button"]:hover{
opacity: 0.8;
cursor: pointer;
}

.mailform-body a:link,
.mailform-body a:visited{
color: rgb(0,112,192);
text-decoration: underline;
}

.mailform-body a:hover{
color: rgb(0,0,0);
}

/* All pages */
.art-post{
margin: 0 30px 0 120px !important;
}

.article-title{
border-bottom: 2px solid rgb(0,112,192);
margin: 20px 0 !important;
padding-left: 15px;
font-weight: bold !important;
}

.art-block{
margin: 20px 0 40px 15px;
width: 245px;
}

.block-link-list{
margin-left: 10px;
}

.block-link-list li{
letter-spacing: 2px;
margin: 20px 0;
padding-left: 30px !important;
}

.block-link-list li:before{
margin-right: 15px !important;
}

.block-link-list li:hover:before{
content: url('../images/block-bullet-hover.png');
}

.img-wrap-block{
margin: 10px auto;
text-align: center;
}

.company-info-block{
margin: 0 20px !important;
}

.company-info-block .line1{
font-size: 22px;
}

.company-info-block .line2{
font-size: 20px;
}

.company-info-block .line3{
font-size: 20px;
}

.company-info-block .line4{
font-size: 18px;
}

.frame-block{
display: block;
margin: 20px auto 10px !important;
}

.footer-links{
background: rgb(0,112,192);
padding: 20px 10% !important;
line-height: 200%;
font-size: 16px;
}

.footer-links a{
display: inline-block;
}

.footer-links a:link,
.footer-links a:visited{
color: #FFF !important;
margin: 0 5px;
font-size: 16px;
}

.footer-links a:hover{
color: #000 !important;
}

.footer-copyright{
padding: 5px 0 !important;
font-size: 14px !important;
}

.hidden{
display: none !important;
}

/* Index.html */
.instrument{
display: inline-block;
margin: 10px 0 10px 5px;
width: 210px;
}

.instrument .image-wrap{
border: 2px solid rgb(46,117,182);
border-bottom: 0;
text-align: center;
}

.instrument .image-caption{
background: rgb(222,235,247);
border: 2px solid rgb(46,117,182);
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 10px 0;
}

.noscript-link{
text-decoration: underline !important;
}

.rss-frame{
width: 100%;
text-align: center;
}

.rss-frame iframe{
width: 98%;
border: 1px solid black;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}

.red{
color: rgb(255,51,0) !important;
}

.blue{
color: rgb(0,112,192) !important;
}

.home-map-left{
width: 375px;
height: 285px;
float: left;
}

.home-map-left img{
width: 100%;
display: block;
margin: 35.5px auto;
}

.home-map-right{
width: 281px;
height: 285px;
float: right;
position: relative;
}

.home-map-right-top{
width: 270px;
height: 135px;
border: solid 4px #7F6000;
background-color: #FFE699;
padding-bottom: 15px;
border-radius: 50%;
}

.home-map-right-top-text{
width: inherit;
height: inherit;
display: table-cell;
text-align: center;
vertical-align: middle;
color: #2E75B6;
font-weight: bold;
font-size: 22px;
}

.home-map-right-bottom{
position: absolute;
bottom: 0;
}

/*Products */
.scroll-head{
background: rgb(0,112,192);
border: 1px solid rgb(46,117,182);
color: #FFF !important;
margin: 0 auto !important;
padding: 10px 2%;
text-align: left;
width: 98%;
}

.scroll-content-wrap{
margin: 0 auto;
width: 98%;
}

.product-wrap{
margin: 20px;
text-align: center;
}

.product-title{
margin-top: -20px !important;
padding-top: 20px !important;
}

.product-title h4{
background: rgb(239,246,251);
border: 1px solid rgb(46,117,182);
color: rgb(0,112,192) !important;
padding: 10px 0;
width: 200px;
margin-bottom: 10px;
}

.product-img-wrap{
display: table;
}

.product-img-wrap p{
display: table-cell;
vertical-align: middle;
text-align: left;
width: 50%;
padding: 0 5%;
}

.product-img-wrap p span{
font-weight: bold;
font-size: 20px;
}

.product-img-wrap img{
display: block;
width: 80%;
height: auto;
margin: 10px auto;
}

.product-label{
font-size: 18px;
font-weight: bold;
padding: 5px;
}

.scroll-menu-head{
margin: 40px auto 0 !important;
text-align: left;
width: 98%;
overflow: hidden;
}

.scroll-menu-head h4{
background: rgb(222,235,247);
border: 1px solid rgb(46,117,182);
border-bottom: none;
display: inline-block;
font-size: 16px;
padding: 10px 22px;
margin: 0 1px 0 0 !important;
width: auto;
}

.scroll-menu-head h4:hover{
cursor: pointer;
text-decoration: underline;
}

.scroll-menu-head h4.active{
background: rgb(0,112,192);
color: #FFF;
}

.tab-content-wrap{
width: 98% !important;
border: 1px solid rgb(46,117,182);
margin: 0 auto 20px !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}

.tab-img-wrap{
width: 33.33333333333333333%;
overflow: hidden;
border: none !important;
padding: 10px 2% !important;
}

.tab-img-wrap2{
width: 66.66666666666666666%;
overflow: hidden;
border: none !important;
padding: 10px 2% !important;
}

.tab-img-wrap h5,
.tab-img-wrap2 h5{
font-weight: bold;
margin-bottom: 10px;
}

.tab-img-wrap h5 span,
.tab-img-wrap2 h5 span{
display: inline-block;
}

.tab-img-wrap img{
display: block;
width: 80%;
height: auto;
margin: 10px auto;
}

.tab-img-wrap2 img.col2{
display: inline-block;
width: 40%;
height: auto;
margin: 10px 5%;
}

.chemicals-info-wrap{
width: 98%;
margin: 0 auto;
}

.chemicals-info-table th{
border: 0 !important;
font-weight: normal;
padding: 20px 0;
text-align: left;
vertical-align: middle;
}

.chemicals-info-table td{
border: 0 !important;
font-weight: normal;
padding: 20px 0 20px 50px;
text-align: left;
vertical-align: middle;
}

.chemicals-info-table th{
color: rgb(0, 138, 242);
font-size: 20px;
padding-top: 30px;
font-weight: bold;
}

.chemicals-info-table p{
margin: 10px;
}

.chemicals-info-table ul{
margin: 0;
overflow: hidden;
}

.chemicals-info-table li{
float: left;
margin-left: 1em;
}

.chemicals-img-wrap{
margin: 50px 0 20px;
}

.chemicals-img-wrap img{
margin: 10px 20px;
width: 280px;
}

/* Brands */

.brands-link-wrap{
width: 98%;
margin: 0 auto;
}

.brands-link-wrap p{
width: 100%;
font-size: 18px;
}

.brand-link-list{
display: block;
width: 100%;
vertical-align: top;
letter-spacing: -40em;
}

.brand-link-list li{
margin: 20px 0;
padding: 0 25px !important;
letter-spacing: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inlin-block;
min-width: 50%;
float: left;
}

.brand-link-list li,
.brand-link-list a{
font-size: 18px !important;
}

.brand-link-list a{
text-decoration: underline !important;
}

/* About us */
.about-us-table{
margin: 0 auto !important;
width: 98%;
border: none;
}

.about-us-table th, .about-us-table td{
vertical-align: middle;
border: none;
border-bottom: 2px solid #DDD;
padding: 20px 0;
}

.about-us-table tr:last-child th, .about-us-table tr:last-child td{
border-bottom: none;
}

.about-us-table th{
width: 30%;
text-align: left;
padding-left: 2%;
}

.about-us-table h3,
.about-us-table h4,
.about-us-table p{
margin: 0;
padding: 0;
}

.about-us-table h3{
font-size: 20px;
}

.about-us-table h4{
font-size: 18px;
font-weight: normal;
}

.about-us-table ul{
margin: 0 auto;
}

.about-us-table ul li{
}

.info-left,
.info-right{
display: inline-block;
line-height: 200%;
}

.info-right{
padding-left: 50px !important;
}

.business-use{
font-size: 20px;
margin: 10px !important;
}

.about-us-table p{
margin: 10px 20px;
}

.enterprise-title{
margin: 20px 30px !important;
}

.pref-title{
margin: 20px 0 0 1% !important;
}

.enterprise-content{
margin: 20px auto !important;
}

.pref-map{
width: 98%;
border: hidden;
margin: 0 auto 20px !important;
}

.pref-map td{
border: hidden;
vertical-align: middle;
}

.pref-map td:first-child{
width: 40%;
}

.pref-map td:first-child iframe{
display: block;
width: 100%;
height: 300px;
border: 0;
margin: 0 auto;
}

.pref-map td:last-child{
padding-left: 1em;
}

.enterprise-content{
border: 1px solid rgb(189,215,238);
padding: 10px;
}

.enterprise-content ul{
display: inline-block;
margin: 0;
}

.enterprise-content li{
font-size: 24px;
line-height: 150%;
margin: 10px 30px;
}

.enterprise-content p{
font-size: 20px;
line-height: 200%;
margin: 10px 30px;
padding: 0 10px;
}

.enterprise-comment{
color: red;
margin-left: 50px;
}

.enterprise-content .emp{
color: rgb(255,0,0);
font-size: 27px;
font-weight: bold;
text-align: center;
}

.pref-map iframe{
border: 1px solid black !important;
margin: 0 auto;
}

/* About Us */
.inquiry-wrap{
background: rgb(236,243,250);
border: 1px solid rgb(0,112,192);
margin: 0 auto;
padding: 10px;
width: 98%;
text-align: center;
}

.inquiry-wrap span.red{
font-weight: bold;
}

.inquiry-info{
}

.tel-fax{
color: #0070C0;
font-weight: bold;
margin: 10px auto;
}

.tel-fax span{
color: #0070C0;
font-weight: bold;
font-size: 24px;
display: inline-block;
margin: 0 1em;
}

.mobile{
font-weight: bold;
}

.mobile span{
color: #0070C0;
font-weight: bold;
font-size: 24px;
display: inline-block;
margin: 0 0 0 1em;
}

.inquiry-note{
line-height: 200%;
margin: 10px auto;
width: 98%;
}

/* Privacy */
.privacy{
width: 98%;
margin: 0 auto;
}

/* Sitemap */
.sitemap-links{
width: 98%;
margin: 0 auto;
}

/* Footer */
.footer-copyright{
padding: 10px 0 !important;
color: #333 !important;
font-size: 16px !important;
}

h2.title{
font-size: 40px;
}

/* business */
.com-table{
width: 98%;
margin: 0 auto 30px !important;
border: hidden;
border-bottom: 1px dashed #0070C0;
}

.com-table:last-child{
border-bottom: none;
margin: 0 auto;
}

.com-table th{
text-align: left;
font-size: 20px;
border: none;
}

.com-table td{
width: 55%;
vertical-align: middle;
border: none;
padding: 10px 1% 40px;
}

.com-table:last-child td{
border-bottom: none;
padding: 10px 1%;
}

.com-table td:first-child{
width: 45%;
vertical-align: middle;
line-height: 200%;
}

.com-table td img{
display: block;
width: 94%;
margin: 0 auto 0 0;
border: 1px solid #BFBFBF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
background-color: #F8F8F8;
}

.top-menu{
width: 98%;
margin: 20px auto !important;
}

.top-menu td{
width: 50%;
border: hidden;
}

.top-menu td table{
width: 97%;
border: 1px solid #0070C0;
}

.top-menu td a{
display: block;
}

.top-menu td a,
.top-menu td a *{
text-decoration: none !important;
}

.top-menu td a:hover,
.top-menu td a:hover *{
text-decoration: none !important;
}

.top-menu td a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}

.top-menu td a p,
.top-menu td a:hover p{
color: #555;
}

.top-menu td:first-child table{
margin: 10px 3% 10px 0;
}

.top-menu td:last-child table{
margin: 10px 0 10px 3%;
}

.top-menu td table th{
vertical-align: middle;
border: none;
height: 4em;
}

.top-menu td table th h4{
display: block;
width: 91%;
margin: 0 6% 0 3%;
text-align: left;
padding: 10px 0 5px 2%;
color: #0070C0;
font-size: 22px;
font-weight: bold;
background-image: url("../images/arrow.png");
background-size: auto 40%;
background-repeat: no-repeat;
background-position: 0 center;
}

.top-menu td table tr:first-child td{
border: none;
vertical-align: middle;
}

.top-menu td table tr:last-child td{
border: none;
vertical-align: top;
}

.top-menu td table tr:last-child td p{
display: block;
width: 91%;
padding: 2px 2%;
margin: 0 6% 0 3%;
}

.top-menu td table td img{
display: block;
width: 91%;
margin: 10px 3% 10px 6%;
}

.greetings{
width: 98%;
margin: 20px auto;
font-size: 18px;
}


@media (max-width: 980px){



}

@media (max-width: 640px){

.brand-link-list li{
margin: 20px 0;
padding: 0 0 0 1em !important;
min-width: 50%;
clear: both;
float: none;
}



.com-table th{
display: block;
width: 100%;
}

.com-table td,
.com-table:last-child td,
.com-table td:first-child{
display: block;
width: 100%;
line-height: 160%;
vertical-align: top;
}

.com-table td:first-child{
padding-bottom: 0;
}

.com-table td img{
margin: 0 auto;
}



.top-menu{
width: 98%;
margin: 20px auto !important;
}

.top-menu td{
width: 100%;
display: block;
margin: 0 auto;
}

.top-menu td table,
.top-menu td:first-child table,
.top-menu td:last-child table{
width: 100%;
border: 1px solid #0070C0;
margin: 10px auto;
}

.top-menu td table th,
.top-menu td table td{
width: 100%;
display: block;
height: auto;
margin: 0 auto;
}

.top-menu td table th h4{
padding: 5px 0 5px 2%;
}

.top-menu td table td p{
margin-bottom: 10px;
}



.about-us-table{
margin: 0 auto !important;
width: 98%;
border: none;
}

.about-us-table th{
display: block;
width: 100%;
border: none;
padding: 20px 0 0;
text-align: left;
}

.about-us-table td{
display: block;
width: 100%;
border-bottom: 2px solid #DDD;
padding: 10px 0 20px;
}


.pref-map td, .pref-map td:first-child{
width: 100%;
display: block;
}

.pref-map td:first-child iframe{
display: block;
width: 100%;
height: 200px;
border: 0;
margin: 0 auto;
}

.pref-map td:last-child{
padding-left: 0;
}


.inquiry-wrap{
text-align: left;
}

.mobile{
font-size: 18px;
}

.tel-fax span,
.mobile span{
color: #0070C0;
font-weight: bold;
font-size: 22px;
display: block;
width: 100%;
text-align: center;
margin: 5px auto;
}


.mailform-body th{
display: block !important;
width: 100%;
font-size: 18px;
border-bottom: none;
}

.mailform-body td{
display: block !important;
width: 100%;
border-bottom: none;
}

.mailform-body tr:last-child td{
border-bottom: 1px solid #B9C2CB;
}


p.footer-links{
font-size: 14px !important;
text-align: left !important;
}

p.footer-links a{
font-size: 14px !important;
text-align: left !important;
letter-spacing: normal;
}

.footer-copyright{
font-size: 12px !important;
}


.chemicals-info-table th,
.chemicals-info-table td{
display: block;
width: 100%;
padding: 10px 0;
}

.chemicals-info-table th{
color: rgb(0, 138, 242);
font-size: 20px;
padding-top: 30px;
font-weight: bold;
}

.chemicals-info-table p{
margin: 10px;
}

.chemicals-info-table ul{
margin: 0;
overflow: hidden;
}

.chemicals-info-table li{
float: left;
margin-left: 1em;
}

.chemicals-img-wrap{
margin: 20px 0 0;
}

.chemicals-img-wrap img{
display: block;
width: 80%;
margin: 0 auto 20px;
}


.tab-img-wrap,
.tab-img-wrap2{
display: block;
width: 96%;
padding: 10px 2% !important;
}

.product-img-wrap p{
display: block;
width: 96%;
padding: 10px 2% !important;
}



.scroll-menu-head{
margin: 40px auto 0;
text-align: left;
width: 98%;
}

.scroll-menu-head h4{
background: rgb(222,235,247);
border: 1px solid rgb(46,117,182);
border-bottom: 0;
display: inline-block;
font-size: 10px;
padding: 10px 2px;
margin: 0 0.4px 0 0 !important;
width: auto;
}

.scroll-menu-head h4:hover{
cursor: pointer;
text-decoration: underline;
}

.scroll-menu-head h4.active{
background: rgb(0,112,192);
color: #FFF;
}



}




/* business */
.busi-button{
	display: block;
	text-align: right;
	margin-top: 10px;
}

.busi-button a{
	text-decoration: underline !important;
}

/* busi-water */
.art-layout-cell.busi-water h3{
	width: 98%;
	margin: 10px auto;
}

.art-layout-cell.busi-water p,
.art-layout-cell.busi-water ul{
	width: 96%;
	margin: 0 auto;
}

.art-layout-cell.busi-water hr{
	width: 98%;
	margin: 20px auto;
	border:none;
    border-top: 1px dashed #0070C0;
}

.water-photo-ncol-wrapper {
	width: auto;
	overflow: hidden;
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
	font-size: 0;
	text-align: center;
}

.water-photo-ncol-wrapper ul{
	padding: 0 !important;
}

.water-photo-ncol-wrapper ul:not(:last-of-type){
	margin-bottom: 50px !important;
}

.water-photo-ncol-wrapper li {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	margin: 0 1% 20px;
	padding: 0 !important;
	box-sizing: border-box;
	text-align: center;
}

.water-photo-ncol-wrapper  li:before{
	content: none !important;
}

.water-photo-ncol-wrapper ul.col-3 li {
	width: calc(100% / 3.1 - 2%);
}

.water-photo-ncol-wrapper ul.col-2 li {
	width: calc(100% / 2.1 - 2%);
}

.water-photo-ncol-wrapper ul.col-ba li:first-of-type,
.water-photo-ncol-wrapper ul.col-ba li:last-of-type{
	width: calc(100% / 2.5 - 2%);
}

@media(max-width: 640px){
.water-photo-ncol-wrapper ul li {
	width: calc(100% / 1 - 2%) !important;
}
}

.water-photo-ncol-wrapper ul li img{
	display: block;
	width: 94%;
	margin: 0 auto 0;
	border: 1px solid #BFBFBF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #F8F8F8;
}

.water-photo-ncol-wrapper ul li p{
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 5px;
}

.water-photo-ncol-wrapper ul li:first-of-type p{
	color: #0070C0;
}

.water-photo-ncol-wrapper ul li:last-of-type p{
	color: rgb(255,51,0);
}

.water-photo-ncol-wrapper ul.col-ba li:first-of-type img{
	border: 1px solid #0070C0;
	background-color: #0081DE;
}

.water-photo-ncol-wrapper ul.col-ba li:last-of-type img{
	border: 1px solid #FF3300;
	background-color: #FF8566;
}