/* common.css */
html {
height: 100%;
}


body{
	margin: 0;
	padding:0;
/*	font-family: Verdana, Arial;*/
	font-size: 14px;
	line-height: 18px;
	height: 100%;
}

#container {
	width: 960px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
 
 #header {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 960px;
}

 #header>h1 {
	font-size: 14px;
	color: #FF0033;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

 #header_menu {
	margin-bottom: 2px;
	overflow: hidden;
}


#main {
overflow: hidden;
margin-bottom: 5px;

}

#contents {
	width: 960px;
	margin-top: 0px;
	font-size: 14px;
	line-height: 20px;
}

#contents>p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 24px;
	color: #666;	
	
}



#contents img {
	float: left;
	width: 250px;
	height: auto;
	margin-right: 5px;

}

#title{
	width: 960px;
	margin: 0px;
	height: 53px;
	background-image: linear-gradient(left , rgb(106,176,45) 0%, rgb(255,255,255) 67%);
	background-image: -o-linear-gradient(left , rgb(106,176,45) 0%, rgb(255,255,255) 67%);
	background-image: -moz-linear-gradient(left , rgb(106,176,45) 0%, rgb(255,255,255) 67%);
	background-image: -webkit-linear-gradient(left , rgb(106,176,45) 0%, rgb(255,255,255) 67%);
	background-image: -ms-linear-gradient(left , rgb(106,176,45) 0%, rgb(255,255,255) 67%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, rgb(106,176,45)),
	color-stop(0.67, rgb(255,255,255))
);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff69AF2A, 
endColorStr=#ffffffff, GradientType=0);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff69AF2A,
endColorstr=#ffcd0000, GradientType=0)";

	padding: 0px;

}

#title>h2{
	font-size: 30px;
	font-weight: bolder;
	color: #6F6F6F;
	padding-left: 35px;
	margin: 0px;
	padding-top: 15px;

}


#ifram{
	clear: both;
margin-left:30px;
text-align:left;

}

#ifram ul li{
	margin-bottom: 1%;
}

iframe{
border: 1px #008000 solid;
}

.style1 {
	color: #FF9933;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	float: right;
	margin-top: -20px;
	margin-right: 20px;
}

.style3 {
	font-size: 24px;
}

#footer {
	background-color: #8EC320;
	font-size: 14px;
	color: #FFFFFF;
	padding: 10px;
 overflow: hidden;
 clear: both;
}
.footer_address{
	width: 960px;
	margin: 0 auto;
	line-height: 18px;
}
.footer_copy{
	text-align: right;
	width: 960px;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: auto;
}

.footer_copy a{
	color:#FFFFFF;
	text-decoration: none;}
	.footer_copy a:hover{
	color: #FC0;
		}

#header_menu ul>li {
	float: left;
	width: 125px;
	font-size: 14px;
	text-align: center;
	margin-right: 2px;
	font-weight: bold;
	
	
background-image: linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -o-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -moz-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -webkit-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -ms-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, rgb(186,186,186)),
	color-stop(0.65, rgb(240,240,240))
);

/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffffff, 
endColorStr=#ffD2D3D3, GradientType=0);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,
endColorstr=#ffD2D3D3, GradientType=0)";

	
}

#header_menu ul>li a{
	display: block;
	padding: 7px 0;
}
 
#header_menu ul>li a:hover {
color: #fff;
display: block;
background-image: linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -o-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -moz-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -webkit-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -ms-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(166,199,18)),
	color-stop(0.78, rgb(88,189,21))
);

/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff98C619, 
endColorStr=#ff68AE29, GradientType=0);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff98C619,
endColorstr=#ff68AE29, GradientType=0)";

}

#header_menu ul :hover > a{
color: #fff;

}




#header_menu ul>li>a {
	text-decoration: none;
	display: block;
	color: #000000;
}

/* ロールオーバーの保持 */
#header_menu ul>li a.active{
color: #FFFFFF;
background-image: linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -o-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -moz-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -webkit-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -ms-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(166,199,18)),
	color-stop(0.78, rgb(88,189,21))
);




/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff98C619, 
endColorStr=#ff68AE29, GradientType=0);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff98C619,
endColorstr=#ff68AE29, GradientType=0)";
}
/* ＃ロールオーバーの保持 */



#header_menu ul>li.search{
	width: 315px;
	margin-right: -30px;
	padding: 0;
	line-height: 14px;
}

#header_menu ul>li.search:hover {
	background-image: linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -o-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -moz-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -webkit-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -ms-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, rgb(186,186,186)),
	color-stop(0.65, rgb(240,240,240))
);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffffff, 
endColorStr=#ffD2D3D3, GradientType=0);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,
endColorstr=#ffD2D3D3, GradientType=0)";

}

#header_menu ul>li.search2{
	width: 195px;
	margin-right: -30px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;

}

#header_menu ul>li.search2:hover {
	background-image: linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -o-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -moz-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -webkit-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);
background-image: -ms-linear-gradient(bottom, rgb(186,186,186) 30%, rgb(240,240,240) 65%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, rgb(186,186,186)),
	color-stop(0.65, rgb(240,240,240))
);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffffff, 
endColorStr=#ffD2D3D3, GradientType=0);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,
endColorstr=#ffD2D3D3, GradientType=0)";

}

.search_waku{
	border: thin solid #8EC320;
	font-size: 14px;
	font-weight: normal;
	margin-left: 2px;
}

.search_waku2{
	border: thin solid #999;
	font-size: 14px;
	font-weight: normal;
	margin-left: 2px;
	height:21px;
}

.heder_border1{
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #009944;
	margin-top: 3px;
}

.heder_border2{
border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #009944;
	margin-top: 2px;
	margin-bottom: 2px;
}

.news{
	font-size: 18px;
	font-weight: bold;
	color: #FFFF00;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 885px;
	background-image: linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -o-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -moz-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -webkit-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -ms-linear-gradient(bottom, rgb(166,199,18) 0%, rgb(88,189,21) 78%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(166,199,18)),
	color-stop(0.78, rgb(88,189,21))
);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff98C619, 
endColorStr=#ff68AE29, GradientType=0);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff98C619,
endColorstr=#ff68AE29, GradientType=0)";

text-align:center;
text-align:left;

}

#item_title{
	font-size: 16px;
	text-align: right;
	margin-top: -17px;
	margin-right: 50px;
}

@media screen and (max-width: 767px) {
    #item_title {
        margin-top: 30px;
    }
}

#top_item{
	width: 897px;
	margin-right: auto;
	margin-left: auto;
}



.top_item_left1{
	float: left;
	width: 290px;
	height: 142px;
	margin-bottom: 10px;
	background-image: url(../img/top/top_item01.jpg);
	
}



 
 
 
.top_item_left1 ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;
	
}



.style4 {
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 4px;
}


.top_item_left2{
	float: left;
	width: 290px;
	height: 142px;
	margin-bottom: 10px;
	background-image: url(../img/top/top_item04.jpg);

}

.top_item_left3{
	float: left;
	width: 290px;
	height: 142px;
	margin-bottom: 10px;
	background-image: url(../img/top/top_item07.jpg);

}



.top_item_center1{
	float: left;
	width: 290px;
	height: 142px;
	margin-left: 14px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-image: url(../img/top/top_item02.jpg);

}

.top_item_center2{
	float: left;
	width: 290px;
	height: 142px;
	margin-left: 14px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-image: url(../img/top/top_item05.jpg);

}

.top_item_center3{
	float: left;
	width: 290px;
	height: 142px;
	margin-left: 14px;
	margin-right: 0px;
	margin-bottom: 10px;

}

.top_item_right1{
	float: right;
	width: 290px;
	height: 142px;
	margin-bottom: 10px;
	background-image: url(../img/top/top_item03.jpg);

}
.top_item_right2{
	float: right;
	width: 290px;
	height: 142px;
	margin-bottom: 10px;
	background-image: url(../img/top/top_item06.jpg);

}

.top_item_right3{
	float: right;
	width: 290px;
	height: 142px;
	margin-bottom: 10px;
	background-image: url(../img/top/top_item08.jpg);

}

.shousai{
	background-color: #000000;
	font-size: 15px;
	color: #FFFFFF;
	float: right;
	width: 100px;
	text-align: right;
	padding-right: 5px;
	margin-top: -8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.shousai a:hover{
	color: #F9C058;
	
}

/* 梱包資材ここから */
.swap-wrap, .swap, .swap-inner{width:290px;}
.swap-wrap, .swap-inner{height:142px;padding-top:2px;}
.swap{height:142px;}
.swap-wrap{overflow:hidden;}
.swap-inner{background-image: url(../img/top/top_item01.jpg);}
.swap-inner + .swap-inner{background-image: url(../img/top/top_item01r.jpg);}

.swap-wrap ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;	
}

/* 梱包資材ここまで */

/* 包装資材ここから */
.swap-wrap2, .swap2, .swap-inner2{width:290px;}
.swap-wrap2, .swap-inner2{height:142px;padding-top:2px;}
.swap2{height:142px;}
.swap-wrap2{overflow:hidden;}
.swap-inner2{background-image: url(../img/top/top_item02.jpg);}
.swap-inner2 + .swap-inner2{background-image: url(../img/top/top_item02r.jpg);}

.swap-wrap2 ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;	
}

/* 包装資材ここまで */

/* 成型品ここから */
.swap-wrap3, .swap3, .swap-inner3{width:290px;}
.swap-wrap3, .swap-inner3{height:142px;padding-top:2px;}
.swap3{height:142px;}
.swap-wrap3{overflow:hidden;}
.swap-inner3{background-image: url(../img/top/top_item03.jpg);}
.swap-inner3 + .swap-inner3{background-image: url(../img/top/top_item03r.jpg);}

.swap-wrap3 ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;	
}

/* 成型品ここまで */

/* 収納・搬送資材ここから */
.swap-wrap4, .swap4, .swap-inner4{width:290px;}
.swap-wrap4, .swap-inner4{height:142px;padding-top:2px;}
.swap4{height:142px;}
.swap-wrap4{overflow:hidden;}
.swap-inner4{background-image: url(../img/top/top_item04.jpg);}
.swap-inner4 + .swap-inner4{background-image: url(../img/top/top_item04r.jpg);}

.swap-wrap4 ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;	
}

/* 収納・搬送資材ここまで */

/* 緩衝材ここから */
.swap-wrap5, .swap5, .swap-inner5{width:290px;}
.swap-wrap5, .swap-inner5{height:142px;padding-top:2px;}
.swap5{height:142px;}
.swap-wrap5{overflow:hidden;}
.swap-inner5{background-image: url(../img/top/top_item05.jpg);}
.swap-inner5 + .swap-inner5{background-image: url(../img/top/top_item05r.jpg);}

.swap-wrap5 ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;	
}

/* 緩衝材ここまで */

/* 機械関連品ここから */
.swap-wrap6, .swap6, .swap-inner6{width:290px;}
.swap-wrap6, .swap-inner6{height:142px;padding-top:2px;}
.swap6{height:142px;}
.swap-wrap6{overflow:hidden;}
.swap-inner6{background-image: url(../img/top/top_item06.jpg);}
.swap-inner6 + .swap-inner6{background-image: url(../img/top/top_item06r.jpg);}

.swap-wrap6 ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;	
}

/* 機械関連品ここまで */

/* 産業資材ここから */
.swap-wrap7, .swap7, .swap-inner7{width:290px;}
.swap-wrap7, .swap-inner7{height:142px;padding-top:2px;}
.swap7{height:142px;}
.swap-wrap7{overflow:hidden;}
.swap-inner7{background-image: url(../img/top/top_item07.jpg);}
.swap-inner7 + .swap-inner7{background-image: url(../img/top/top_item07r.jpg);}

.swap-wrap7 ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;	
}

/* 産業資材ここまで */

/* SANIFOODSここから */
.swap-wrap8, .swap8, .swap-inner8{width:290px;}
.swap-wrap8, .swap-inner8{height:142px;padding-top:2px;}
.swap8{height:142px;}
.swap-wrap8{overflow:hidden;}
.swap-inner8{background-image: url(../img/top/top_item08.jpg);}
.swap-inner8 + .swap-inner8{background-image: url(../img/top/top_item08r.jpg);}

.swap-wrap8 ul>li{
	font-size: 12px;
	margin-left: 30px;
	list-style-type: disc;
	line-height: 14px;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    color: #333333;	
}

/* SANIFOODSここまで */

.style18 {
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 4px;
}

.shousai a{
text-decoration: none;
	display: block;
	color: #ffffff;
	}