/*bodyの指定*/
body{
margin: 0;
padding: 0;
font-family: "MS Pゴシック","MS ゴシック",sans-serif;
font-size: 16px;
line-height: 20px;
-webkit-text-size-adjust: 100%;/*スマホテキスト拡大制御*/
}

/*headerの指定*/
.lheader{
width: 100%;
min-width: 900px;
background-image: url("img/headderback.jpg");
background-repeat: repeat-x;
height: 110px;
border-bottom: 2px solid #4169e1;

}
.header{
width: 840px;
margin-right: auto;
margin-left: auto;
text-align: center;

}

/*.hlogo{

}*/
.logomixer{
margin-bottom:10px;
width: 60px;
height: auto;
}
.logoname{
margin-top:6px;
margin-bottom:6px;
/*margin-left:0px;*/
width: 700px;
height: auto;
}



.hninsyou{
font-size: 14px;
color: #4682b4;
padding-top: 5px;
}
.tellmail{
font-size: 14px;
color: #000080;
}

input{
 display: none;
}
@media screen and (min-width:900px){
.navimenu{
display: none;
}

}

@media screen and (max-width:900px){

.hninsyou{
display: none;

}

.lcontents{
margin-top: 90px;
}

.logomixer{
display: none;

}

.tellmail{
display: none;


}
.lheader{
position: fixed;
top:0;
z-index: 99;

}
.hlogo{
display: flex;
margin-top: 25px;
margin-left:20px;

}
.lgnavi{
display: none;
}

label{
display: inline-block;
width: 56px;
height: 56px;
position: relative;
margin-left:25px;
background:rgba(255,255,255,03);
border-radius:3px;
border: 1px solid #a9a9a9;

}

.bmm span,.bmm span:before,.bmm span:after{
display: block;
height: 5px;
width: 50px;
border-radius: 4px;
content: "";
position: absolute;
background-color: blue;

}


.bmm span{
top: 25px;
left: 3px;

}

.bmm span:before{
bottom:15px;
transition:0.3s;

}


.bmm span:after{
top: 15px;
transition: 0.3s;

}

#click:checked~.bmm span{
background: rgba(255,255,255,0);

}

#click:checked~.bmm span:before{
bottom:0;
transform: rotate(45deg);

}


#click:checked~.bmm span:after{
top:0;
transform: rotate(-45deg);
}

.navi{
text-align: right;
matgin-top: 0px;


}

.navimenu{
position: fixed;
top: 0px;
left: 0;
z-index: 99;
width: 40%;
height: 100%;
opacity: 0.9;
transform: translatex(-110%);
text-align: left;
flex-direction: column;
padding: 80px;
background-image: url("img/fconback.jpg");
background-repeat: repeat;

}

.navimenu li{
list-style: none;
font-size:35px;
margin-bottom: 60px;
margin-left:30px;

}

.navimenu li a{
color: #000080;
text-decoration: none;

}

#click:checked~.navimenu{
 transform: translatex(0%);
 transition: 0.5s;

}
}

/*gnaviの指定*/
.lgnavi{
width: 100%;
min-width: 900px;
background-image: url("img/gnaviback.jpg");
background-repeat: repeat-x;
height: 38px;
border-color: #000080;
}
.gnavi{
width: 840px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
text-align: center;
height: 38px;
/*overflow: hidden;*/
}
.gnavi li{
float: left;
list-style: none;
width: 150px;
height: 38px;
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #ffffff;
}
.gnavi li+li{/*メニュー重なり部枠線*/
border-left: 0;
/*border-right: 1px solid;*/
/*border-color: #ffffff;*/
}
.gnavi li a{
display: block;
line-height: 38px;
text-align: center;
text-decoration: none;
color: #cccccc;
}
.gnavi li a:hover{
border-bottom: 2px solid;
border-color: #ffffff;
background-image: url("img/gnavihback.jpg");
background-repeat: repeat-x;
color: #ffffff;
line-height: 36px;
}

/*contentsの指定*/
.lcontents{
width: 100%;
min-width: 900px;
background: linear-gradient(to bottom,#eeeeee,#ffffff 1%,#ffffff 99%,#eeeeee);
border-bottom: 1px solid #4169e1;
border-top: 2px solid #4169e1;
}
.contents{
width: 840px;
margin-right: auto;
margin-left: auto;
}
.contents a:link{
color: #000000;
}
.contents a:visited{/*訪問済みリンク*/
color: #800080;
}
h1{
height: 30px;
line-height: 30px;
width: 100%;
font-family: serif;
font-size: 18px;
color: #4682b4;
margin: 20px auto;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
background: linear-gradient(to bottom,#a9a9a9,#dcdcdc 15%,#dcdcdc 85%,#a9a9a9);
border-left: 6px solid #000080;
}
h2{
height: 28px;
line-height: 28px;
width: 99%;
font-family: serif;
font-size: 16px;
color: #db7093;
margin: 20px auto;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
background: linear-gradient(to bottom,#a9a9a9,#dcdcdc 15%,#dcdcdc 85%,#a9a9a9);
border-left: 6px solid #ff0000;
}

.contents p{
text-align: center;
}

/*indexの指定*/
.effectbox{
width: 99%;
height: 75px;
margin: 20px auto;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
padding: 5px 5px 5px 5px;
background: linear-gradient(to bottom,#cccccc,#ffffff 20%,#ffffff 80%,#cccccc);
line-height: 26px;
font-size: 16px;
}
.bxslider li img{
margin-bottom:40px;
margin-left:0px;
matgin-right:0px;



}




.effectbox2{
width: 99%;
height: 100px;
margin: 20px auto;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
padding: 5px 5px 5px 5px;
background: linear-gradient(to bottom,#cccccc,#ffffff 20%,#ffffff 80%,#cccccc);
line-height: 26px;
font-size: 18px;

font-weight:bold;
}

.ebox{
text-align:center;
color: #ff4500;
padding-top: 15px;
line-height:35px;
}

.atopicl{
 position: relative;/*atopicaと重ねる*/
 width: 98%;
 height: 240px;
 padding-left: 0px;
 padding-right: 20px;
 margin: 0 auto;
 overflow: scroll;
 padding-top: 0px;
 box-shadow:-1px -1px 1px 0px rgba(0,0,0,0.4);
}
.atopica{
 display: block;
 position: absolute;/*atopicと重ねる*/
 width: 100%;
 height: 500%;/*atopiclよりも長く*/
}
.atopicl a:hover{
 background-color: #ccccff;
 opacity:0.25;
}
 

.atopicl dl dt{
width: 80px;
float:left;
line-height: 35px;
margin-bottom: 5px;
margin-left: 30px;
border-left: 8px solid #808080;
padding-left: 10px;
border-bottom: 1px groove;
font-weight: bold;
}
.atopicl dl dd{
margin-left: 100px;
line-height: 35px;
margin-bottom: 5px;
margin-right: 10px;
border-bottom: 1px groove;
}
.new{
color: #ff0000;
font-weight: bold;
}
.topiccoment{
width: 95%;
text-align: right;
font-size: 16px;
font-weight: bold;
}

/*footerの指定*/
.lfooter{
background-image: url("img/footerback.jpg");
background-repeat: repeat-x;
border-top: 2px solid #000080;
width: 100%;
min-width: 900px;
height: 280px;
}
.footer{
width: 840px;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top: 10px;
color: #000080;
font-size: 14px;
}
.footer a{
color: #000080;
}
.fnavi{
margin: 0;
}
.fnavi li{
display: inline;
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #000080;
padding: 0 10px 0 10px;
}
.fnavi li+li{
border-left: 0;
/*border-right: 1px solid;
border-color: #000080;*/
}
.fnavi li a{
color: #000080;
}
.syamei{
font-size: 18px;
font-weight: bold;
}
.farmc{
color: #ff0000;
font-size: 18px;
}


/*会社概要の指定*/
.cinfo{
width: 820px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 2px;
font-size: 16px;
line-height: 34px;
}
.cinfoimg{
text-align: center;
}
.cinfo th{
padding: 5px;
text-align: center;
color: #ffffff;
background-color: #336699;
}
.cinfo td{
padding: 5px 5px 5px 10px;
text-align: left;
background-color: #e6e6fa;
}
.enkaku{
width: 820px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 2px;
line-height: 34px;
font-size: 16px;
}
.enkaku th{
padding: 5px;
text-align: center;
color: #ffffff;
background-color: #336699;
}
.enkaku td{
padding: 5px 5px 5px 10px;
text-align: left;
background-color: #e6e6fa;
}
/*.access{
margin-left: 50px;
}*/
.map{
text-align: center;
}

/*工場概要の指定*/
.pinfo{
width: 820px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 2px;
font-size: 16px;
line-height: 25px;
}

.pinfoimg{
text-align: center;
}

.pspec1{
background-color: #336699;
position:relative;
width:115px;
}

.pspec1 a{
position:absolute;
left:0px;
top:0px;
line-height:210px;
width:115px;
}

.pspec1 a:link{
color: #fff;
text-decoration: none;
}

.pspec1 a:visited{
color: #fff;
}

.pspec2{
background-color: #e6e6fa;
position:relative;
width:540px;
}

.pspec2 a{
position:absolute;
top:10px;
display:inline-block;
height:210px;
line-height:30px;
width:540px;
text-decoration:none;
color:#3333333;
padding-left: 5px;
}

.pspec2 a:link{
color:#333;
}

.pspec2 a:visited{
color:#333;
}

.mixerlw{
text-align: center;
}
.lengthwidth{
margin: 0 auto;
}
.lengthwidth th{
padding: 5px;
text-align: center;
color: #ffffff;
background-color: #336699;
}
.lengthwidth td{
text-align: center;
background-color: #e6e6fa;
padding: 5px;
}
.layoutb{
text-align: center;
}
.layout{
width: 820px;
}

/*ﾌﾟﾗﾝﾄ詳細*/
.pback{
text-align:right;
margin-right:20px;
}

.pback a{
text-decoration:none;
}

.pback a:visited{
color:#333;
}

.equip{
width:820px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 2px;
font-size: 18px;
line-height: 25px;
}

.equipa{
background-color: #e6e6fa;
width:50%;
padding-left:20px;
font-size:16px;
}

.equipb{
padding:0;
margin:0;
width : 50%;
}

.pnavibox{
width: 816px;
height:50px;

margin: 0 auto;
padding: 0;
}

.pnavibox li{
background-color: #336699;
float: left;
list-style: none;
width: 202.5px;
height:50px;
text-align: center
}

.pnavibox li a{
display:inline-block;
height: 100px;
width:180px;
text-decoration: none;
padding-top: 15px;
}

.pnavibox li a:link{
color: #ffffff;
}

.pnavibox li a:visited{
color: #ffffff;
}

.pnavibox li+li{
border-left: 2px solid #ffffff;
height:50px;
}

/*製品紹介の指定*/
.productsimg{
text-align: center;
}

.jis{
border-collapse: separate;
border-spacing: 2px;
margin: 0 auto;
width: 820px;
line-height: 24px;
}
.jis th{
text-align: center;
background-color: #336699;
color: #ffffff;
}
.jis td{
text-align: center;
background-color: #e6e6fa;
}
.cap{
text-align: left;
margin: 10px 0 10px 40px;


}
.koukyoudo{
border-collapse: separate;
border-spacing: 2px;
width: 820px;
margin: 0 auto;
line-height: 24px;
}
.koukyoudo th{
text-align: center;
background-color: #336699;
color: #ffffff;
}
.koukyoudo td{
text-align: center;
background-color: #e6e6fa;
}
.tokusyu{
margin-left: 40px;
list-style:square;

}

.tokusyu li{
line-height:26px;
font-size:16px;
}
.sds{
width: 720px;
margin: 0 auto;
}
.sds a{
text-decoration: underline;
}
.areamap{
text-align: center;

}
.areamapi{
box-shadow: 2px 2px 2px #696969;
width: 780px;
height: auto;
}
.material{
border-collapse: separare;
border-spacing: 2px;
width: 780px;
margin: 0 auto;
font-size: 16px;
line-height: 28px;
}
.material th{
text-align: center;
background-color: #336699;
color: #ffffff;

}
.material td{
text-align: left;
background-color: #e6e6fa;
}
td.zairyoukubun{
text-align: center;
width:120px;
}

/*新着情報の指定*/
#newsp{
text-align: left;
line-height: 25px;
margin: 2px 0 0 0;
padding-left: 10px;
}
#newsp li{
list-style-type: none;
border-bottom: 1px solid #ccccff;
}
/*お問合せの指定*/
.conta{
width: 820px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 2px;
line-height: 50px;
}
.conta th{
width: 150px;
padding: 5px;
color: #ffffff;
background-color: #336699;
font-size: 14px;
}
.conta td{
padding: 5px 5px 5px 0px;
text-align: center;
background-color: #e6e6fa;
font-size: 16px;
}
.conta2{
width: 820px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 2px;
line-height: 50px;
}
.conta2 th{
width: 250px;
padding: 5px;
color: #ffffff;
background-color: #336699;
font-size: 14px;
}
.conta2 td{
padding: 5px 5px 5px 0px;
text-align: center;
background-color: #e6e6fa;
font-size: 16px;
}
.pp{
width: 780px;
margin: auto;
border: solid 1px;
padding: 20px;
height: 250px;
overflow: scroll;

}
/*フォームメール*/
.formm{
width: 820px;
margin: 0 auto;
}
.formm th{
width: 200px;
background-color: #336699;
line-height: 30px;
padding: 5px;
color: #ffffff;
}
.formm td{
background-color: #e6e6fa;
padding: 5px;
}
/*新着情報*/
.topicmain{
 width: 820px;
 margin: 0 auto;
}
.topicmain dt{
line-height: 30px;
margin-bottom: 15px;
margin-left: 0px;
/*border-left: 8px solid #008000;*/
padding-left: 5px;
/*border-bottom: 1px groove;*/
/*font-weight: bold;*/
box-shadow: 0 10px 6px -6px #777;
background: linear-gradient(to bottom,#a9a9a9,#dcdcdc 15%,#dcdcdc 85%,#a9a9a9);
border-left: 6px solid #008000;
color: #008000;
font-family: serif;
font-weight:bold;
}
.topicmain dd{
margin-left: 40px;
margin-bottom: 30px;
margin-right: 10px;
font-size: 16px;

}
.newp{
width:40px;
vertical-align:middle;
margin-bottom:5px;
box-shadow: 2px 2px 2px #696969
}
.tfloat{
display:flex;
}
.tfloat1{
margin-left:10px;
margin-top:15px;
}


.topicmain dd a{
text-decoration: underline;
font-weight: bold;
}