@charset "utf-8";
/* CSS Document */
/*高さ100%に指定*/
html, body {
	height: 100%;
}

body {
	background-color: #030116;
	color: #FFF;
	margin: 0 auto;
	padding: 0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka","ＭＳ Ｐゴシック", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 2.5;
}

a: {
	color: #fff;
}

#contents {
    float: none;
    height: auto;
    margin: 0px auto;
    height: auto;
    clear: both;
	width: 100%;
}

footer img {
	width: 90%;
	margin: 5%;

}

/*----  ヘッダーアコーディオン　----*/
header {
	border-bottom:1px solid #fff;
}

header h1 {
	margin-bottom: -10px;
}
	

#menu{
    display: none;
}

#menu li{
    width: 100%;
}

#toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #030116;
	text-indent: -9999px;
	z-index:999;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
}
  
#toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
  
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
}

#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #030116;
}

#toggle a:before{
    margin-top: -6px;
}

#toggle a:after{
    margin-top: 2px;
}


#hdmenu {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
}

#hdmenu ul {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	height: auto;
}

#hdmenu li {
	width: 100%;
	float: left;
	text-indent:-9999px;
	overflow: hidden;
    background: #030116;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	box-sizing: border-box;
	position:relative;
	z-index:9999;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

#hdmenu li a {
	width: 100%;
}

#hdmenu li :hover {
	text-indent: -9999px;
	float: left;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.hnav_top {
	background-image: url(../img/hnav/hnav_top.png);
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi01 #now {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav01a.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi01 {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav01.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi02 #now {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav02a.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi02 {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav02.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi03 #now {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav03a.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi03 {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav03.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi04 #now {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav04a.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi04 {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav04.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi05 #now {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav05a.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi05 {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav05.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi06 #now {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav06a.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi06 {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav06.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi07 #now {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav07a.png);
	background-repeat:no-repeat;
	background-position: center;
}

.hnavi07 {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 40px;
	background-image:url(../img/hnav/hnav07.png);
	background-repeat:no-repeat;
	background-position: center;
}
/* ページトップ　*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
}
.pagetop a {
    display: block;
	text-indent:-9999px;
	width:60px;
	background-image: url(../img/ptop.png);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 100%;
    padding: 20px 10px;
}

 /*----　ごあいさつ　----*/

#greeting {
	width: 90%;
	height: auto;
    float: none;
    margin: 20px 5%;
}

#greeting h2 {
	text-indent: -9999px;
	min-height: 40px;
	background-image:url(../greeting/img/tit_sub.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#greeting h3 {
	width: 90%;
	margin: 5%;
	font-size: 125%;
}

.greeting_box {
	margin: 0 5%;
	
}

.pre_name {
	float: right;
	margin: 5% 10px;
}

/*----　会社概要　----*/

#company {
	width: 90%;
	height: auto;
    float: none;
    margin: 20px 5%;
}

#company h2 {
	text-indent: -9999px;
	min-height: 40px;
	background-image:url(../company/img/tit_sub.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#company dl {
	line-height: 2.75;
	width: 90%;
	margin: 5%;
}
	
#company dl dt{
	display:block;
	width:100%;
}
	
#company dl dd {
	margin:0 0 0 5%;
}

#enkaku {
	width: 90%;
	height: auto;
    float: none;
    margin: 20px 5%;
}

#enkaku h2{
	text-indent: -9999px;
	background-image:url(../company/img/tit_sub01.png);
	min-height: 40px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#enkaku dl {
	line-height: 2.75;
	width: 90%;
	margin: 5%;
}
	
#enkaku dl dt{
	display:block;
	width:100%;
}
	
#enkaku dl dd {
	margin:0 0 0 5%;
	font-size: 80%;
}

/*----　営業品目　----*/

#goods {
	width: 90%;
	height: auto;
    float: none;
    margin: 20px 5%;
}

#goods h2 {
	text-indent: -9999px;
	min-height: 40px;
	background-image:url(../goods/img/tit_sub.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#goods ul {
padding-left: 5px;
margin-bottom: 10px;
}

#goods ul li {
display: block;
width: 100%;
min-height: 50px;
margin-bottom: 20px;
}

#goods ul li a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#goods ul li a,
#goods ul li a:hover,
#goods ul li a:link,
#goods ul li a:visited {
text-decoration: none;
}

#goods ul li img {
float: left;
border: solid 1px #d5d5d5;
width: 30%;
}

#goods ul li .goodtxt {
display: block;
float: left;
padding: 10% 5% 10% 5%;
font-size: 14px;
line-height: 1.1;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 50%;
position: relative;
}

/*----　製造工程　----*/

#koutei {
	width: 90%;
	height: auto;
    float: none;
    margin: 20px 5%;
}

#koutei h2 {
	text-indent: -9999px;
	min-height: 40px;
	background-image:url(../koutei/img/tit_sub.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#koutei h3 {
	width: 90%;
	margin: 5%;
	font-size: 125%;
}

#koutei h4 {
	width: 90%;
	margin: 5%;
	font-size: 115%;
}

#pherea img {
	width: 90%;
	margin: 5%;
}

#pherea p {
	width: 90%;
	margin: 5%;
}

#pherea {
	padding: 20px;
}

#box_erea01 {
	width: 100%;
	border-radius: 5px;
	border: solid 1px #D7D2D2;
}

#allow {
		margin:5% auto 0 auto;
		width: 60px;
}

#allow img {
	width:60px;
}
	
/*----　お問合せ　----*/

#contact {
	width: 90%;
	height: auto;
    float: none;
    margin: 20px 5%;
}

#contact img {
	width:100%;
}

#contact dl {
	line-height: 2.75;
	width: 90%;
	margin: 5%;
}
	
#contact dl dt{
	display:block;
	width:100%;
}
	
#contact dl dd {
	margin:0 0 0 5%;
}