/* 画像ボーダーなし、下揃え */
img{
	border : 0px;
	line-height : 1;
	}
/* 文字の縦位置 */
.m{
	vertical-align : middle;
	}
.vm{
	vertical-align : middle;
	}
.mb10{
	margin-bottom : 10px;
	}

	
/* リンク */
a:link { color: #5aa805; text-decoration : none;} 
a:visited { color: #5aa805; text-decoration : none;} 
a:hover { color: #5aa805; text-decoration : underline;} 
a:active { color: #5aa805; text-decoration : none;} 
a:focus{ outline:none;}

.hover a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
	}

/* フロート類 */
.fl{
	float : left;
	margin-right : 20px;
	}
.fr{
	float : right;
	margin-left : 10px;
	}
.cr{
	clear : both;
	}
.crr{
	clear : right;
	}
	
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
  min-height: 1px;
}

* html .clear{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* センター */
.ce{
	text-align : center;
	}
.rr{
	text-align : right;
	}
.ll{
	text-align : left;
	}
/* P　マージンなし */
p{
	margin : 0 auto;
	}
sup{
	vertical-align: baseline;
	position:relative;
	top:-2px
	}

.f10{
	font-size : 10px;
	line-height : 1.5em;
	}
.f12{
	font-size : 12px;
	}
.f14{
	font-size : 14px;
	}
.f16{
	font-size : 16px;
	}
.f18{
	font-size : 18px;
	}
.f20{
	font-size : 20px;
	}
.f24{
	font-size : 24px;
	}
.f30{
	font-size : 30px;
	line-height : 1.5;
	}
.f40{
	font-size : 40px;
	}

.ind{
	text-indent : -1em;
	margin : 0 0 0 1em;
	}
.bold{
	font-weight : bold;
	}

/* 赤文字 */
.black{
	color : #000;
	}
.red{
	color : #d0111a;
	}
.blue{
	color : #5ab8b9;
	}
.blue2{
	color : #4070a5;
	}
.green{
	color : #2f8500;
	}
.yellow{
	color : #F7BD01;
	}

.mb10{
	margin-bottom : 10px;
	}
.mb20{
	margin-bottom : 20px;
	}
.mb30{
	margin-bottom : 30px;
	}
.mb40{
	margin-bottom : 40px;
	}
.mb50{
	margin-bottom : 50px;
	}
.mb100{
	margin-bottom : 100px;
	}
.mt10{
	margin-top : 10px;
	}
.mt20{
	margin-top : 20px;
	}
.mt30{
	margin-top : 30px;
	}
.mt40{
	margin-top : 40px;
	}

/* h */

h2 a:link { color: #2BB3E6; } 
h2 a:visited { color: #2BB3E6; } 
h2 a:hover { color: #E46100; text-decoration : underline;} 
h2 a:active { color: #2BB3E6; } 
h2,h3{
	font-size : 14px;
	font-weight : normal;
	margin : 0;
	padding : 0;
	}

form{
	margin : 0;
	}
textarea{
	font-size : 12px;
	}
input,select{
	margin : 0 0 10px 0;
	}
table{
	line-height : 1.8em;
	}
.nowrap{
	white-space : nowrap;
	}

ul,ol{
	margin : 0;
	padding : 0;
	}
.margin_list li{
	margin : 0 0 10px 0;
	}

.radius{
	border-radius : 3px;
	-webkit-border-radius : 3px;
	}

/* ボディ全体 */
body{
	margin : 0 auto;
	padding : 0;
	text-align : center;
	font-size : 14px;
	color : #000;
	line-height : 1.8em;
	min-width : 950px;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
	}

/* ヘッダ */
#head{
	text-align : left;
	border-top : solid 8px #5aa805;
	width : 100%;
	}
#head_content{
	margin : 0 auto;
	width : 950px;
	overflow: hidden;
	}
#head h1{
	font-size: 12px;
	margin: 0 0 20px 0;
	}
#head h2{
	float : left;
	width : 500px;
	margin : 0;
	}
#head .call{
	float :left;
	width : 450px;
	text-align : right;
	margin: -15px 0 0 0;
	}
#head .call .tel{
	font-weight: bold;
	font-size: 30px;
	color: #5aa805;
	}


#navi{
	border-top : solid 1px #d8d8d8;
	border-bottom : solid 1px #d8d8d8;
	margin : 0 0 4px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	}
#navi ul{
	list-style : none;
	overflow : hidden;
	width : 950px;
	margin : 0 auto;
	padding : 10px 0 8px 0;
	box-sizing : border-box;
	}
#navi li{
	float : left;
	font-weight : bold;
	width : 20%;
	box-sizing : border-box;
	border-right : solid 1px #d8d8d8;
	}
#navi li:first-child{
	border-left : solid 1px #d8d8d8;
	}
#navi li a{
	color : #000;
	text-decoration : none;
	padding : 5px 0;
	display : block;
	line-height : 1.4;
	}
#navi li a:hover{
	color : #5aa805;
	}
#navi li a span{
	color : #5aa805;
	display : block;
	font-size : 10px;
	line-height : 1.4;
	}


#all{
	padding : 90px 0;
		text-align : left;
	}

	.content{
		}
	.content_nb{
		border-bottom : none;
		text-align : left;
		}
	.content .block,
	.content_nb .block{
		margin : 0 auto 100px;
		width : 950px;
		}

#page_main{
	height : 130px;
	}
#page_main h2{
	margin : 0 auto;
	width : 950px;
	text-align : left;
	padding : 50px 0 0 0;
	font-size : 30px;
	}
#page_main h2 span{
	margin : 0 0 0 10px;
	font-size : 18px;
	color : #5aa805;
	}
	h3{
		border-top : #5aa805 solid 4px;
		border-bottom : #d8d8d8 solid 2px;
		font-size : 24px;
		padding : 40px 0 40px 10px;
		margin : 0 0 50px 0;
		font-weight : bold;
		color : #5aa805;
		}
		



/* フッター */
	
#foot{
	border-top : solid 1px #d8d8d8;
	text-align : left;
	line-height : 1.5;
	padding : 30px 0;
	}
#foot_content{
	overflow : hidden;
	width : 950px;
	margin : 0 auto;
	}
#foot_logo{
	width : 300px;
	float : left;
	}
#foot_navi{
	width : 530px;
	float : left;
	list-style-type : none;
	padding : 35px 0 0 0;
	margin : 0 0 0 120px;
	background : url('../img/common/foot_bg.jpg') repeat-x left bottom;
	}
#foot_navi li{
	background : url('../img/common/arrow.png') no-repeat center left;
	margin : 0 0 0 20px;
	padding : 0 0 0 15px;
	float : left;
	}
#foot_navi li a{
	color : #000;
	}
#copy{
	background : #5aa805;
	color: #fff;
	text-align : center;
	padding : 5px 0;
	font-size : 10px;
	}

/* ページトップへ */
#scrollUp {
	bottom: 35px;
	right: 20px;
	height: 55px;  /* Height of image */
	width: 47px; /* Width of image */
	background: url(../img/common/top.png) no-repeat;
	}


/* index.html */
#main{
	background : #dee2e5;
	border-bottom : solid 1px #d8d8d8;
	text-align : center;
	line-height: 0;
	}
	.index_greeting .content{
		width : 950px;
		margin : 0 auto;
		}
	.index_greeting .title{
		font-size : 36px;
		color : #5aa805;
		border-bottom : solid 1px #5aa805;
		padding : 0 0 10px 0;
		margin : 0 0 80px 0;
		text-align: center;
		}
	
#top_products {
	width:950px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}

#top_products li {
	float: left;
	list-style: none;
	cursor: pointer;
	width: 282px;
	margin: 0 52px 0 0;
	padding: 0;
	height: 250px;
}
#top_products li:nth-child(3n) {
	margin: 0 0 0 0;
}

#top_products li p {
	font-size:14px;
	font-weight:bold;
	margin-top: 5px;
	line-height: 1.2;
}
	
	
	
	
	
	
	
	.index_navi{
		background : #f0f4f5;
		border-top : solid 1px #d8d8d8;
		list-style : none;
		padding : 100px 0;
		}
	.index_navi ul{
		width : 950px;
		margin : 0 auto;
		list-style : none;
		overflow : hidden;
		}
	.index_navi li{
		float : left;
		width : 310px;
		margin : 0 0 0 10px;
		}
	.index_navi li a{
		color : #fff;
		display : block;
		font-size : 18px;
		line-height : 1.4;
		padding : 30px 0;
		text-decoration : none;
		}
	.index_navi li a span{
		color : #fff;
		display : block;
		font-size : 10px;
		}
	.index_navi li:first-child{
		background : #5aa805;
		margin : 0 0 0 0;
		}
	.index_navi li:nth-child(2){
		background : #7ca805;
		}
	.index_navi li:last-child{
		background : #88cb4c;
		}
	.index_navi li:hover{
		background : #afea7b;
		}





/* 会社概要 */
#page_main.company{
	background : #f0f1f3;
	}
	.company_table{
		border-collapse : collapse;
		width : 100%;
		}
	.company_table th{
		font-weight : bold;
		white-space : nowrap;
		text-align : left;
		vertical-align : top;
		border-bottom : dotted 1px #c3c3c3;
		padding : 20px 15px;
		width : 150px;
		color : #5aa805;
		}
	.company_table td{
		border-bottom : dotted 1px #c3c3c3;
		vertical-align : top;
		padding : 20px 15px;
		}
	.yurai p{
		margin : 0 0 20px 0;
		}



/* サイトマップ */
dl.sitemap{
	margin: 0 0 0 50px;
	}
dl.sitemap dt{
	font-size: 20px;
	}
dl.sitemap dd{
	margin: 0 0 30px 0;
	}










/* 取扱商品一覧 */
h6 {
	color: #333;
	font-size: 100%;
	font-weight: bolder;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	line-height: 1.3em;
	}

#box280 {
	width: 280px;
	height: 230px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(../img/b280.png);
}
#box280_2 {
	width: 280px;
	height: 230px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(../img/b280.png);
}

#box560 {
	width: 580px;
}


#box400 {
	width: 280px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 470px;
	background-image: url(../img/b400.png);
}

h4 {
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 115%;
	font-weight: bolder;
	height: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.chuuou {
	text-align: center;
}

.setumei {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 15px;
}

#catalog {
	width: 160px;
	height: 30px;
	margin-top: 5px;
	margin-left: 8em;
}

.midashi_m {
	width: 230px;
	color: #090;
	margin-left: 2em;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#products2 h3 {
	background-color: #CCC;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 10px;
	padding-left: 5px;
	height: 25px;
	font-size: 14px;
}

#products2 p{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#products2 img{
	padding-left: 10px;
}

#gomita p{
	padding-left: 10px;	
}

#gomita h3 {
	padding-top: 7px;
	padding-bottom: 0em;
	padding-left: 5px;
	background-color: #06C;
	margin-bottom: 1em;
	height: 25px;
	color: #FFF;
}

#products h2{
	height: 25px;
	padding-top: 10px;
	background-image: url(../img/sab_menubg.gif);
	background-repeat: repeat;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}


#contents_m h2{
	height: 25px;
	padding-top: 10px;
	background-image: url(../img/sab_menubg.gif);
	background-repeat: repeat;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0px;
}

#leftbox h3{
	font-size: 100%;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

#products {
	margin: 0px;
	padding: 0px;
}

#products h3{
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: left;
}

#product_box {width:950px;
			  margin:auto;
			  margin-top:20px;}



ul#products_navi {margin-top: 55px;
margin:auto;}

ul#products_navi li {float:left;
					 list-style: none;
					 margin:20px 0 20px 0;}


ul#products_navi li.prd_center {margin-left:50px;
								margin-right: 50px;}

ul#tab li img.icon {clear:both;}

.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }	

#tab {width:950px;
margin:auto;}

#tab li {
  float: left;
  list-style: none;
  cursor: pointer;
  margin:20px 15px 0 20px;
  height: 230px;
}

#tab li p {margin-top:5px;
		   line-height:140%;
		   font-size:12px;
		   font-weight:bold;
		   letter-spacing: 0}

#tab li.select {background:url(../img/common/arrow.jpg) no-repeat center bottom;}

#tab h3 {
    border-top: #5aa805 solid 4px;
    border-bottom: #d8d8d8 solid 2px;
    font-size: 24px;
    padding: 10px 0 10px 10px !important;
    margin: 0 0 20px 0;
    font-weight: bold;
    color: #5aa805;
}


.disnon {display: none;}

.content_wrap {
			  clear: left;
			  width: 780px;
			  margin:auto;
			  margin-bottom:40px;
			  line-height: 120%;
			  background: #EEEEEE;
			  color: #000000;
			  padding:15px;}

.detail01 {width:280px;
		   float:left;}
		   
.detail02 {width:460px;
		   float:right;
		   margin-right: 10px;}

.detail02 h3 {font-size:20px;
			  font-weight:bold;
			  line-height:140%;
			  padding-bottom:10px;}
			
.detail02 h4 {float:left;
		      font-weight:bold;
			  font-size:16px;
			  border: none;
			  margin-top:15px;
			  padding: 10px 0 0 0;}
			  
.detail02 p {font-size:14px;
  			 padding:5px 0 5px 5px;
			 margin-left: 0;
			 line-height:140%;
			 border-bottom:1px dotted #666666;
			 clear:both;} 

.detail02 a.btn img {display:block;margin-top: 10px;float:right;}

#top_img {
	background: url(../img/top_bg.jpg) no-repeat top center;
	height: 440px;
	width:880px;
	margin-left:-20px;}

table.bouon_list {width:100%;
border-bottom:1px dotted #000000;
clear: both}

table.bouon_list td {height:30px;
					 font-size:14px;
					 width:90px;
					 text-align: left;}





ul.top_btn li {margin-left: 20px;}


ul.top_img02 {margin:15px 0;}

ul.top_img02 li {float: left;
				 list-style: none}

ul.top_img02 li.top_img_center {margin:0 15px }


.top_img02 {}

.top_img02 a img {display: block;
				  width:169px;
				  margin:auto;
				  margin-top:20px;
				  margin-bottom:30px;}

.top_img02 p {width:810px;
				  display:block;
				  margin:auto;
				  margin-bottom:20px;}				  



.h2_blue {
	background-color: #01459A;
	height: 40px;
	margin-bottom: 8px;
	color: #FFF;
	font-weight: bold;
	padding-left: 15px;
	line-height: 2em;
	font-size: 20px;
}
.h2 {
	background-image: url(../img/banner_bg.jpg);
	background-repeat: no-repeat;
	height: 40px;
	padding-left: 15px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 1.6em;
	padding-top: 2px;
	margin-bottom: 10px;
}
#new_products {
	margin-bottom: 40px;
}



img.add_link {display: block;
			  width:570px;
			  margin:auto;
			  margin-top:15px;}