/* ヘッダー内 お問い合わせ ---------------------- */
#site-title h1{
	width:100px;
	float:left;
}

#inquiry{
float:right;
}

@media screen and (max-width: 736px) {
	#site-title h1, #tel_form{
		/*float:none;*/
	}
	#inquiry{display:none;}
}

#inquiry{ text-align:left; margin-bottom:5px; }

#inquiry #head_form{ background-color:#999; padding:5px; margin:0; display:inline-block; text-align:left; }

#inquiry #head_form, #inquiry div{ /*height:80px;*/ }

#inquiry #head_form h2{ font-size:1rem; color:#fff; text-align:center; margin:0; padding:0; line-height:1.2; }

/*#inquiry #tel_form ul, #inquiry #tel_form ul li{
display:inline-block;
list-style:none outside;
vertical-align:bottom;
}*/

/*#inquiry #tel_form ul li strong{ font-size:1rem; }*/

#inquiry div{
	/*border:1px solid #999;
	vertical-align:bottom;
	text-align:left;
	display:inline-block;
	font-size:77%;
	background-color:#fff;
	padding:5px;
	margin:0 0 0 5px;*/
}

#inquiry #head_form{
	/*padding:0;
	margin:0;*/
}

#inquiry #head_form{
	text-align:center;
	background-color:#fff;
	
	border:1px solid #93b213;
	display:inline-block;
	font-size:77%;
	background-color:#fff;
	padding:5px 10px;
	
	border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}
#inquiry #head_form a{
	color:#93b213;
}
/*#inquiry #tel_form ul li:first-child{
margin:0 5px 0 0;
text-align:center;
font-size:77%;
}*/

/* フッタ内 お問い合わせ ---------------------- */
#inquiry_bottom #tel_form h3{ width:250px; text-align:center; display:inline-block;}
#inquiry_bottom #tel_form h3 img{ width:100%;}
#inquiry_bottom{
	background-color:#e9f4ff;
	/*margin-bottom:2px;*/
}

#inquiry_bottom #tel_form{ 
	display:inline-block;
}

#inquiry_bottom #tel_form h2{ 
	font-size:1rem;
	color:#000;
	text-align:center;
	line-height:1.2;
}
#inquiry_bottom #tel_form ul li{
	display:inline-block;
	vertical-align:middle;
}
#inquiry_bottom #tel_form ul li a{
	color:#555;
}
#inquiry_bottom #tel_form ul li.first0{ background-color:#93b213; padding:auto 0;}
#inquiry_bottom #tel_form ul li.first0 img{ vertical-align:middle;}
#inquiry_bottom #tel_form ul li.first1{ display:none;}
#inquiry_bottom #tel_form ul li.second{margin:0 1em;}

#inquiry_bottom #tel_form ul li.second strong{ display:inline-block; font-size:130%;}
#inquiry_bottom #tel_form ul li.third0 span#tel{ display:block; text-align:center; padding:3px; border: 1px solid #555; font-size:80%; margin-bottom:5px;}
#inquiry_bottom #tel_form ul li.third0 span#time{display:inline-block; font-size:80%;}
#inquiry_bottom #tel_form ul li.third1{display:none;}
#inquiry_bottom #tel_form ul li:last-child{border-left: 1px solid #93b213; margin:0 1em; padding:1em 0 1em 1em;}

#inquiry_bottom #tel_form ul{
	text-align:left;
	margin:20px 0;
	background-color:#fff;
	border: 1px solid #93b213;
	border-radius: 4px;
	-webkit-border-top-left-radius: 4px; 
    -webkit-border-top-right-radius: 4px;  
    -webkit-border-bottom-right-radius: 4px;  
    -webkit-border-bottom-left-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
    -moz-border-radius-bottomright: 4px;  
    -moz-border-radius-bottomleft: 4px; 
}

@media screen and (max-width: 736px) {
	#inquiry_bottom #tel_form h3{width:70%;}
	#inquiry_bottom{ margin:0 5px; }
	#inquiry_bottom #tel_form{ margin:0 20px;}
	#inquiry_bottom #tel_form ul li{width:100%; text-align:center;}
	#inquiry_bottom #tel_form ul li.first0{ display:none;}
	#inquiry_bottom #tel_form ul li.first1{ display:block;}
	#inquiry_bottom #tel_form ul li.first1 img{ width:100%;}/*safari5.1対応*/
	#inquiry_bottom #tel_form ul li.second{margin:0px; font-size:120%;}
	#inquiry_bottom #tel_form ul li.second img{vertical-align:middle;}
	#inquiry_bottom #tel_form ul li.second strong{ display:inline-block; font-size:120%;}
	#inquiry_bottom #tel_form ul li.third0{display:none;}
	#inquiry_bottom #tel_form ul li.third1{display:block; padding:5px 0; margin:10px 0;}
	#inquiry_bottom #tel_form ul li.third1 span#tel{font-size:80%; padding:3px; margin-right:5px; border: 1px solid #555;}
	#inquiry_bottom #tel_form ul li.third1 span#time{font-size:80%;}
	#inquiry_bottom #tel_form ul li:last-child{ margin:0; border-left:none; border-top: 1px solid #93b213; display:block;}
}
	/* トップスライダー ---------------------- */

/*#slider{
	position: relative;
	text-align: left;
	margin: 0;
	padding: 0 0 20px 0;
}
#slider img{
	height: auto;
	max-width: 960px;
	width: 100%;
	box-sizing: border-box;
}*/
/*html body #slider button.slick-prev, html body #slider button.slick-next{
	position: absolute;
	z-index: 999;
	width: 40px;
	height: 40px;
}

html body #slider button.slick-prev{
	left: 5px;
}
html body #slider button.slick-next{
	right: 5px;
}
html body #slider .slick-prev: : before, html body #slider .slick-next: : before{
	font-size: 40px;
	color: rgba( 0,0,0,0.3 );
}

html body #slider .slick-dots li button: : before{
	font-size: 14px;
}*/


/* トップバナー ---------------------- */

#banner{
	position: relative;
	text-align: left;
	margin: 0;
	padding: 0;
}

#banner .banner3 div.bannerli{
	display: inline-block;
	width: calc( 100% / 3 );
}
.ie8 #banner .banner3 div.bannerli{
	width: 33.33%;
	} /* 古いブラウザ用 */

#banner .banner2 div.bannerli{
	display: inline-block;
	width: calc( 100% / 2 );
}
.ie8 #banner .banner2 div.bannerli{
	width: 50%;
	} /* 古いブラウザ用 */

@media screen and ( max-width: 768px ){
	#banner div.bannerli{
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
}

#banner img{
	height: auto;
	width: 100%;
	box-sizing: border-box;
}



/* コンテンツブロック（下位ページ） OEMのご案内---------------------- */
.block_b1_01{
	white-space: normal;
}

.block_b1_01 dl{
	display: block;
	border: 1px solid #bfbfbf;
	text-align: right;
	font-size: 0px;
}

.block_b1_01 dl dt{
	display: inline-block;
	width: 45%;
	/*border-right: 1px solid #bfbfbf;*/
	margin: 0 -1px 0 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
}

.block_b1_01 dl dd{
	display: inline-block;
	width: 55%;
	font-size: 1rem;
	border-left: 1px solid #000;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.block_b1_01 dl dd img{
	width: 100%;
	/*height: auto;*/
	vertical-align: top;
}

@media screen and (max-width: 736px) {
	/*.block_b1_01 dl dt{background-color:#bbb; color:#fff;}*/
	.block_b1_01 dl dt,
	.block_b1_01 dl dd{
		width: 100%;
		margin: 0;
		border-left: 0;
		border-right: 0;
	}
	.block_b1_01 dl dt{
		border-bottom: 1px solid #bfbfbf;
		padding: 1em 0;
		font-size: 1.2rem;
	}
}

/* コンテンツブロック（下位ページ） 製造工程について(記録簿について)---------------------- */
.block_b1_2{
}
.block_b1_2 img{width:100%; vertical-align:bottom;}

.block_b1_2 dl{
	display: block;
	border: 1px solid #bbcc7a;
	/*text-align: right;*/
	font-size: 0px;
	background-color:#f0f9c0;
	padding: 10px;
}

.block_b1_2 dl dt{
	display: inline-block;
	width: 45%;
	margin: 0 -1px 0 0;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	color:#92a44d;
}

.block_b1_2 dl dd{
	display: inline-block;
	width: 55%;
	font-size: 0.8rem;
	border-left: 1px solid #bbcc7a;
	line-height:1.5em;
	margin: 0;
	padding:0 0 0 15px;

	vertical-align: middle;
}

/* コンテンツブロック（下位ページ） 品質管理・工場設備---------------------- */
.block_b2_01{
	overflow:hidden;
	margin-bottom:30px;
}
.block_b2_01:after{clear: both;}
.block_b2_01 div{
	float:left;
	width:49%;
}
.block_b2_01 div:first-child{margin-right:2%;}
.block_b2_01 div img{width:100%;}
.block_b2_01 div p.title{
	font-weight:bold;
	font-size:110%;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
@media screen and (max-width: 736px) {
	.block_b2_01 div{
		display:block;
		width:100%;
	}
	.block_b2_01 div:first-child{margin:0 0 30px 0;}
}

/*コンテンツブロック（下位ページ） 商品カタログ（青）----------------------*/
.block_b2_03 ul {
	background-color:#ebfbff;
	font-size: 0;/*リストの隙間対策*/
}
.block_b2_03 ul li{
	display:inline-block;
	vertical-align:middle;
}
.block_b2_03 ul li.in_l{
	width:45%;
}
.block_b2_03 ul li.in_l p.title{
	font-size: 0.9rem;
	font-weight:bold;
	margin-left:20px;
	padding-left:25px;
	background:url(../../catalog/img/catalog_icon_1.png) no-repeat 0 50%;
	color:#0082aa;
}

.block_b2_03 ul li.in_r{
	width:55%;
	display:inline-block;
	background-color:#fff;
	border-left:10px solid #fff;
}
.block_b2_03 ul li.in_r ul{
	background-color:#fff;
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.block_b2_03 ul li.in_r ul li{
	display:block;
	font-size: 0.8rem;
	border-top:1px dotted #ccc;
	margin-top:5px;
	padding-top:5px;
}
.block_b2_03 ul li.in_r ul li:first-child{
	border-top:none;
	margin-top:0;
	padding-top:0;
}
@media screen and (max-width: 736px) {
	.block_b2_03 ul{background-color:#fff;}
	.block_b2_03 ul li.in_l,.block_b2_03 ul li.in_r{
		display:block;
		width:100%;
	}
	.block_b2_03 ul li.in_l{
		padding:10px;
		margin-bottom:10px;
		background-color:#caf3ff;
	}
	.in_l,.block_b2_03 ul li.in_r{
		border-left:none;
	}
}

/*コンテンツブロック（下位ページ） 商品カタログ（緑）----------------------*/
.block_b2_03a ul {
	background-color:#edffe1;
	font-size: 0;/*リストの隙間対策*/
}
.block_b2_03a ul li{
	display:inline-block;
	vertical-align:middle;
}
.block_b2_03a ul li.in_l{
	width:45%;
}
.block_b2_03a ul li.in_l p.title{
	font-size: 0.9rem;
	font-weight:bold;
	margin-left:20px;
	padding-left:25px;
	background:url(../../catalog/img/catalog_icon_1.png) no-repeat 0 50%;
	color:#2da800;
}

.block_b2_03a ul li.in_r{
	width:55%;
	display:inline-block;
	background-color:#fff;
	border-left:10px solid #fff;
}
.block_b2_03a ul li.in_r ul{
	background-color:#fff;
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.block_b2_03a ul li.in_r ul li{
	display:block;
	font-size: 0.8rem;
	border-top:1px dotted #ccc;
	margin-top:5px;
	padding-top:5px;
}
.block_b2_03a ul li.in_r ul li:first-child{
	border-top:none;
	margin-top:0;
	padding-top:0;
}
@media screen and (max-width: 736px) {
	.block_b2_03a ul{background-color:#fff;}
	.block_b2_03a ul li.in_l,.block_b2_03a ul li.in_r{
		display:block;
		width:100%;
	}
	.block_b2_03a ul li.in_l{
		padding:10px;
		margin-bottom:10px;
		background-color:#deffcc;
	}
	.in_l,.block_b2_03a ul li.in_r{
		border-left:none;
	}
}

/*コンテンツブロック（下位ページ） 会社概要　----------------------*/
.block_b2_04 ul {
	background-color:#aaa;
	border-left:5px solid #666;

	font-size: 0;/*リストの隙間対策*/
}
.block_b2_04 ul li{
	display:inline-block;
	vertical-align:middle;
}
.block_b2_04 ul li.in_l{
	width:25%;
}
.block_b2_04 ul li.in_l p.title{
	font-size: 0.9rem;
	font-weight:bold;
	margin-left:20px;
	padding-left:25px;
	background:url(../../company/img/campany_icon.gif) no-repeat left 50%;
	color:#fff; 
}

.block_b2_04 ul li.in_r{
	width:75%;
	display:inline-block;
	background-color:#fff;
	border-left:10px solid #fff;
}
.block_b2_04 ul li.in_r ul{
	background-color:#fff;
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:none;
}
.block_b2_04 ul li.in_r ul li{
	display:block;
	font-size: 0.8rem;
	border-top:1px dotted #ccc;
	margin-top:5px;
	padding-top:5px;
}

.block_b2_04 ul li.in_r p{
	font-size: 0.8rem;
	padding:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:2em;
}

.block_b2_04 ul li.in_r ul li:first-child{
	border-top:none;
	margin-top:0;
	padding-top:0;
}
@media screen and (max-width: 736px) {
	.block_b2_04 ul{
		background-color:#fff;
		border-left:none;
	}
	.block_b2_04 ul li.in_l,.block_b2_03 ul li.in_r{
		display:block;
		width:100%;
	}
	.block_b2_04 ul li.in_l{
		padding:10px;
		margin-bottom:10px;
		background-color:#aaa;
		border-left:5px solid #666;
	}
	.block_b2_04 ul li.in_r{
		border-left:none;
		width:100%;
	}
}

/*コンテンツブロック（下位ページ） メッセージ　----------------------*/
@media screen and (max-width: 736px) {
	#mes_name{width:100%;}
	#mes_name img{width:70%;}
	#mes_idea img{width:100%;}
}

/*コンテンツブロック（下位ページ） 会社概要-沿革　----------------------*/
dl.block_b2_05 dt{line-height:1em;}
dl.block_b2_05 dd{
	width:100%;
	border-bottom:1px dotted #ccc;
	padding-left:90px;
	padding-bottom:10px;
	margin-top:-1.3em;
	margin-bottom:0.7em;
	line-height:1.5em;
}

/* ----------------------カスタマイズ ---------------------- */
.block_b1_01 dl{
	border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
	background:url(../img/oem/oem_bg.gif) repeat-x left bottom;
}
@media screen and (max-width: 736px) {
.block_b1_01 dl dt{
	border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
	background:url(../img/oem/oem_bg.gif) repeat-x left bottom;
}
}



