@charset "utf-8";



/*////////////////////////////////////////////////////

	リセット

////////////////////////////////////////////////////*/
html,body {
	height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	vertical-align: top;
	zoom: 1;
	}
input,select,textarea {font-size: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;}
ul,ol,li {
	list-style: none;
}
table {
border-collapse: colapse;
border-spacing: 0;
}
/*////////////////////////////////////////////////////

	基本レイアウト

////////////////////////////////////////////////////*/

/*=====================================================

デフォルト（スマホ）画面ここから

=====================================================*/
header {
	position: relative;
}

	#headertxt {
	display: none;
	}
	header h1 {
		/*  コメントアウト
		background-color: #025da1;
		background: -webki-gradient(linear, left top, left bottom, color-stop(1.00, #002340), color-stop(0.00, #025da1));
		background: -webkit-linear-gradient(#025da1, #002340);
		background: -moz-linear-gradient(#025da1, #002340);
		background: -o-linear-gradient(#025da1, #002340);
		background: -ms-linear-gradient(#025da1, #002340);
		background: linear-gradient(#025da1, #002340);
		*/
		/*  コメントアウト
		background-color:#000000 ;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.5);
		-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.5);
		box-shadow: 0 0 3px rgba(0,0,0, 0.5);
		*/
		display: table;
		width: 100%;
		padding: 0;
		height: 70px;
	}
		header h1 a {
			display: table-cell;
			width: 100%;
			height: 100%;
			vertical-align: middle;
			text-align: center;
		}
		header h1 a img {
			width: 50%;
			height: auto;
		}
		#hMenu {
			position: relative;
			/* background-color:#FFF ;*//*  追加  */
			-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.1);
			-moz-box-shadow: 1px 0 3px rgba(0,0,0, 0.2);
			box-shadow: 1px 0 3px rgba(0,0,0, 0.2);
		}
		/* グローバルナビ */
		.gNav {
			position: relative;
			/*background: url(../images/common/sp/bg04.gif) 0 0 repeat-x;*/
			padding: 16px 0 0;
			display: block;
		}
			header .gNav {
				display: none;
			}
			.gNav ul {
				/* border-bottom:5px solid #009ad6 ; */
			}
			.gNav li {
				/*  透過処理用　background: rgba(256,256,256, 0.1);*/
				background: rgba(256,256,256, 1);
				/*  コメントアウト
				border-bottom: 1px dotted  #404040;
				background: url(../images/common/sp/bg03.gif) 0 0 repeat;
				*/
				border-top:1px solid #e0e0e0 ;
			}
				.gNav li.lastChild {
					border-bottom: none;
				}
				.gNav li a {
					padding: 4% 3%;
					display: block;
					/*  コメントアウト　background: rgba(256,256,256, 1);*/
					-webkit-transition: all ease 1s;
					-moz-transition: all ease 1s;
					-ms-transition: all ease 1s;
					-o-transition: all ease 1s;
					transition: all ease 1s;
					/*  コメントアウト　border-right: 2px solid #000;*/
					border-right:2px solid #eaeaea;
					background-color:#F4F4F4 ;
					background-image:url(../images/common/bg01.gif) ;
					background-position:0 0 ;
					background-repeat:repeat-x ;
					color:#000080 ;
				}
					.gNav li a:hover,
					.gNav li.active a {
						/*  コメントアウト　border-right: 2px solid  #fff;*/
						border-right:2px solid #009ad6;/*  追加  */
						/*  透過処理
						background:#FFFFFF ;
						background: rgba(256,256,256,0);
						*/
						background:#2d8bff ;
						color:#FFFFFF ;/*  追加  */
					}

		#gNavBtn {
			position: absolute;
			top: 0;
			right: 0;
			width: 28px;
			height: 22px;
			padding: 19px;
			display: block;
			cursor: pointer;
		}
			#gNavBtn img {
				width: 100%;
				height: auto;
			}
	#pjax {
		position: relative;
	}
	/* topMV */
	#mv {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
		display: block;
		border-top:1px solid #c7c7c7 ;
		border-bottom:1px solid #FFFFFF ;
	}

		#mv li {
			-webkit-backface-visibility: hidden;
			position: absolute;
			display: none;
			width: 100%;
			left: 0;
			top: 0;
		}

		#mv li:first-child {
			position: relative;
			display: block;
			float: left;
		}

		#mv img {
			display: block;
			height: auto;
			float: left;
			width: 100%;
			border: 0;
			z-index: 1;
		}

	/* top リード文　*/
	#lead {
		display: none;
	}
	/* top コンテンツ */
	#top_contents {
		padding: 10% 5%;
		background: #fff url(../images/common/sp/bg01.jpg) 0 0 repeat-x;
		/* background-image:url(../images/common/bg04.jpg) ; */
		background-position: 0 0 ;
		background-repeat:repeat-x ;
	}
		#top_contents .contents {}
		#top_contents ul.topics {}
			ul.topics li {
				zoom: 1;
				padding-bottom: 5%;
				border-bottom: 1px dotted #009ad6;
				margin-bottom: 5%;
			}
				ul.topics li.lastChild {
					margin-bottom: 0;
				}
				ul.topics li:after {
					content: '';
					display: block;
					clear: both;
				}
				ul.topics li span {
					padding-left: 15px;
					color: #000080;
					background: url(../images/common/sp/ico_arrow02.png) 0 2px no-repeat;
				}
				ul.topics li p {
					padding-left: 15px;
				}
				ul.topics li p,
				ul.topics li p a {
					color: #000;
				}
		#top_contents h2 {
			font-weight: normal;
			margin-bottom: 1rem;
			font-size: 1.2rem;
			color: #000;
			font-weight: normal;
		}
	
	/* フッター */
	footer {
		z-index: 3;
		/*  コメントアウト　background: #000 url(../images/common/sp/bg02.jpg) 0 0 repeat-x;*/
		background-color: #2d8bff ;
		/*background-image:url(../images/common/sp/footer_bg01.jpg) ;*/
		background-position:left top ;
		background-repeat:repeat-x ;
		color:#FFFFFF ;/*  追加  */
	}
		footer .inner {
			margin: 0 auto;
			position: relative;
		}
		footer #copyright {
			font-size: 0.5rem;
			text-align: center;
			padding: 4% 0;
			border-top:1px solid #84b9fb ;
			background-color: #2a81ed ;
			/*background-image:url(../images/common/sp/footer_bg02.jpg) ;*/
			background-position:left top ;
			background-repeat:repeat-x ;
		}
		footer ul {
			padding: 2% 3%;
		}
			footer ul li {
				padding: 3% 0 3% 30px;
			}
			footer ul li#txt_access {
				background: url(../images/common/sp/ico_footer01.png) 0 50% no-repeat;
				font-size: 0.8rem;
				line-height: 1.2;
			}
			footer ul li#txt_tel {
				background: url(../images/common/sp/ico_footer02.png) 0 50% no-repeat;
				line-height: 1.2;
				font-size: 1.4rem;
			}
	#pjax {
		z-index: 1;
	}
	#contents {
		margin: 0 auto;
		z-index: 1;
		display: block;
		zoom: 1;
		height: auto;
	}
		#contents:after {
			content: '';
			display: block;
			clear: both;
		}
		#contents .contents {
			/*  コメントアウト　background: #000;*/
			background:#FFF ;
			padding: 0 0 30px;
			background: url(../images/common/bg01.jpg) repeat-x;/* 追加 */
		}
		
		#contents h2 {
			font-size: 1.8rem;
			margin-bottom: 1.5rem;
		}
		#contents h2 img {
			width: 100%;
			height: auto;
		}
	#bg,#loading {
		position: fixed;
		width: 100%;
		z-index: 0;
		top: 0;
		left: 0;
		height: 0;
	}
	#bg {
		z-index: -100;
		display: none;
	}
	#loading {
		z-index: 100;
		display: table;
	}
	@-webkit-keyframes loaderSprite {
	    from { background-position: 0px; }
	    to { background-position: -700px; }
	}

	@-moz-keyframes loaderSprite {
		    from { background-position: 0px; }
		    to { background-position: -700px; }
	}

	@keyframes loaderSprite {
	    from { background-position: 0px; }
	    to { background-position: -700px; }
	}
	.inner_load {
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle;
		text-align: center;
	}
	.loader {
	    width: 50px;
	    height: 50px;
	    margin: 0 auto;
	    text-indent: -99999px;
	    background-image: url("../images/common/loading.png");
	    -webkit-animation: loaderSprite 0.9333333333333333s steps(14, end) infinite;
	    -moz-animation: loaderSprite 0.9333333333333333s steps(14, end) infinite;
	    animation: loaderSprite 0.9333333333333333s steps(14, end) infinite;
	}
.backstretch {
	display: none;
}


/* ■化学品■ */
.kagaku .clause dt {
	width:20% ;
	float:left ;
}
.kagaku .clause dd {
	width:75% ;
	float:right ;
}

/*=====================================================

PC画面ここから

=====================================================*/
@media screen and (min-width:641px){/* PC画面のとき */
	body {
		min-width: 950px;
	}

	header{
		position: fixed;
		display: block;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
		/*  コメントアウト
		border-bottom: 1px solid  #0066be;
		background-color: #003664;
		overflow: visible;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #002340), color-stop(0.00, #003664));
		background: -webkit-linear-gradient(#003664, #002340);
		background: -moz-linear-gradient(#003664, #002340);
		background: -o-linear-gradient(#003664, #002340);
		background: -ms-linear-gradient(#003664, #002340);
		background: linear-gradient(#003664, #002340);
		background-color: #000000;
		*/
		background:#2d8bff ;
		/* border-bottom: 1px solid  #414141; */
	}
		header .inner {
			position: relative;
			width: 950px;
			margin: 0 auto;
		}
		#headertxt {
			padding: 2px 0;
			margin: 0 auto;
			font-size: 10px;
			line-height: 1;
			/*  コメントアウトcolor: #3a8dd3;*/
			color: #ffffff;/*  追加  */
			display: block;
		}
		header #hMenu {
			position: absolute;
			top: 15px;
			left: 0;
			width: 250px;
			zoom: 1;
			display: table;
			background: url(../images/common/bg02.jpg) 0 0 repeat-x;/*  追加  */
		}
		/* h1 ロゴ */
		header h1{
			height: 165px;
			background:#FFFFFF ;/*  追加  */
		}
			
			header h1 a img {
				width: auto;
				height: auto;
			}
		/* グローバルナビ */
		.gNav {
			position: relative;
			background: url(../images/common/bg01.jpg) 0 309px no-repeat;
			padding: 0 0 600px;
			display: none;
		}
			header .gNav {
				display: block;
			}
			.gNav ul {
				 border-bottom:1px solid #e0e0e0 ;
			}
			.gNav li {
				height: 43px;
				/*  コメントアウト
				border-bottom: 1px dotted  #404040;
				background: url(../images/common/bg03.png) 0 0 repeat;
				*/
			}
				.gNav li a {
					padding: 14px 10px 0;
					/*border-right: 2px solid  #000;*/
					height: 29px;
					background: url(../images/common/bg01.gif) 0 0 repeat;
					color:#000080 ;
				}
					.gNav li a:hover,
					.gNav li.active a {
						/*  コメントアウト　border-right: 2px solid  #fff;*/
						border-right:2px solid #009ad6;/*  追加  */
						color:#ffffff ;/*  追加  */
						background: url(../images/common/bg03.png) 0 0 no-repeat;/*  追加  */
					}
		#gNavBtn {
			display: none;
		}
	#mv {
		display: none;
	}
	/* top リード文　*/
	#lead {
		width: 950px;
		height:480px !important ;
		margin: 0 auto;
		z-index: 2;
		display: table;
	}
		#lead p {
			display: table-cell;
			vertical-align:bottom;
			text-align: center;
			width: 670px;
			/*padding: 0 0 0 500px;*/
			padding: 0 0 0 170px;
		}
			#lead p img {
				width: auto;
				height: auto;
			}

	#top_contents {
		width: 100%;
		height: 100px;
		background-color: #FFFFFF;   /* IE8以下 */
		background: rgba(256,256,256,0.6);
		padding: 25px 0;
		position: fixed;
		bottom: 65px;
		left: 0;
		/*overflow: scroll;*/
	}
		#top_contents .contents {
			width: 670px;
			height: 100px;
			/*overflow: scroll;*/
			padding: 0 0 0 280px;
			margin: 0 auto;
			background: none;
		}
		#top_contents ul.topics {
			
		}
			ul.topics li {
				zoom: 1;
				padding: 0 0 5px;
				margin: 0;
				border: none;
			}
				ul.topics li:after {
					content: '';
					display: block;
					clear: both;
				}
				ul.topics li span {
					float: left;
					width: 80px;
					padding-left: 10px;
					background: url(../images/common/ico_arrow01.png) 0 6px no-repeat;
					color:#000080 ;/*  追加  */
					/*  コメントアウト  color: #fff;*/
					/*margin:auto;*/
				}
				ul.topics li p {
					/*float: left;*/
					margin-left: 100px;
					padding-left: 0;
				}
				ul.topics li p,
				ul.topics li p a {
					/*  コメントアウト　color: #fff;*/
					color:#000080 ;/*  追加  */
				}
		#top_contents h2 {
			font-weight: normal;
			margin-bottom: 10px;
			font-size: 18px;
			/*  コメントアウト　color: #fff;*/
			color: #000080 ;/*  追加  */
		}

	footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 3;
		height: 66px;
		background-color:#FFF ;
		/*  コメントアウト　background: url(../images/common/bg02.jpg) 0 0 repeat;*/
		/*border-top:1px solid #3e3e3e ;*/
		background-image:url(../images/common/bg03.gif) ;
		background-position:left top;
		background-repeat:repeat-x ;
	}
		footer .inner {
			width: 950px;
			margin: 0 auto;
			position: relative;
		}
		footer #copyright {
			float: right;
			font-size: 10px;
			position: absolute;
			top: 20px;
			right: 0;
			text-align: right;
			padding: 0;
			border-top: none;
			background:none ;
		}
		footer ul {
			zoom: 1;
			padding: 17px 0 0;
		}
			footer ul:after {
				content: '';
				display: block;
				clear: both;
			}
			footer ul li {
				float: left;
				padding: 0 20px 0 20px;
			}
			footer ul li#txt_access {
				background: url(../images/common/ico_footer01.png) 0 46% no-repeat;
				font-size: 11px;
				line-height: 1.2;
				color:#ffffff ;
			}
			footer ul li#txt_tel {
				background: url(../images/common/ico_footer02.png) 0 46% no-repeat;
				line-height: 1.2;
				font-size: 24px;
			}
	#contents {
		width: 950px;
		margin: 0 auto;
	}
		#contents .contents {
			width: 660px;
			padding: 35px 20px 94px;
			margin: 0 0 0 250px;
			/*  コメントアウト　background: rgba(0,0,0,0.7);*/
			background:#FFFFFF;/*　追加  */
			background: rgba(256,256,256,0.9);/*  追加  */
		}
		
		#contents h2 {
			margin-bottom: 20px;
		}
	#bg {
		/*  コメントアウト
		background: url(../images/common/bg_mv01.png) 0 0 no-repeat,
		url(../images/common/bg_mv02.png) 100% 100% no-repeat;
		*/
		
		/*background: url(../images/common/bg_mv01.jpg) 0 0 no-repeat;
		-webkit-background-size: auto 100%; /* 背景波模様の縦方向フィット対応 */
		/*background-size: auto 100%; /* 背景波模様の縦方向フィット対応 */
		/*display: block;*/
	}
	.backstretch {
		display: block;
	}
	
}


/*=====================================================

日栄薬品
各ページ限定の独自スタイル

=====================================================*/

/* ■全体　定義リスト使用部分■ */
.clause {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.clause dt {
	font-weight:bold;
	margin-bottom: 0.5em;
}
.clause dd {
	padding:0 1em;
	margin-bottom: 1.5em;
}

.f-bold { font-weight: bold; }
.f-indent { text-indent: -1.25em; margin-left: 1.25em; }

/* ■会社案内■ */
table .comp_tb01 li{
	list-style:decimal;
	margin:0 10px;
}
table .comp_tb02 td {
	padding:0;
	border-style:none;
	}
table .yakuin dl {
	width: 100%;
	height: auto;
	overflow: hidden;
}
table .yakuin table td,
table .yakuin table th {
	width: auto;
	background: transparent;
	border: none;
	padding: 0;
	color: #454545;
	font-weight: normal;
}

table .yakuin table td.sep {
	padding: 0 0.5em;
}

table .yakuin .mono {
	font-family: monospace;
	color: #666;
}



/* ■産業機材■ */
.kizai .sectionBorder {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3em;
	margin-bottom: 3em;
}

.sectionBorder img {
	float: right;
}

.kizai .img2,
.kizai .img3,
.kizai .img4 {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
}

.kizai .img2 img,
.kizai .img3 img {
	width: 80%;
	display: inline;
	margin: 0 auto;
	float: none;
}

.kizai .img4 img {
	width: 40%;
	display: inline;
	margin: 0 auto;
	float: none;
}

.img1{ width: 35%; }

@media screen and (min-width:641px){/* PC画面のとき */

	#kizai.left {
		float: left;
		min-width: 240px;
	}

.kizai .img2,
.kizai .img3,
.kizai .img4 {
	width: 400px;
	height: auto;
	overflow: hidden;
	text-align: center;
}

.kizai .img2 img,
.kizai .img3 img {
	width: 100%;
}

}


/* ■ファインケミカル■ */
.itaku{}
.itaku .section { margin-bottom: 3em; } 
.itaku .section p { margin-bottom: 1em; } 
.itaku .img1{ width:35% ;}
.itaku .img2{ text-align:center ;}
.itaku .img2 img{ width:100% ;}
.itaku .img3{ text-align:center ;}
.itaku .img3 img{ width:100% ;}
.itaku .img4{ text-align:center ;}
.itaku .img4 img{ width:100% ;}
.itaku .img5{ text-align:center ;}
.itaku .img5 img{ width:50% ;}
.itaku .img6{ text-align:center ;}
.itaku .img6 img{ width:80% ;}

@media screen and (min-width:641px){/* PC画面のとき */
	.itaku .img1{ width:150px ;}
	.itaku .img2{ text-align:left ;}
	.itaku .img2 img{ width:383px ;}
	.itaku .img3{ text-align:left ;}
	.itaku .img3 img{ width:411px ;}
	.itaku .img4{ text-align:left ;}
	.itaku .img4 img{ width:484px ;}
	.itaku .img5{ text-align:left ;}
	.itaku .img5 img{ width:191px ;}
	.itaku .img6{ text-align:left ;}
	.itaku .img6 img{ width:347px ;}
	
}

/* ■英語■ */
.english{}

.english .img1{ width:99% ;}
.english p { margin-bottom: 1.5em; }
.english p.midashi { margin-bottom: 0.5em; }

@media screen and (min-width:641px){/* PC画面のとき */
	.english .img1{ width:643px ;}
}

/* ■化学品■ */
.kagaku .clause dt {
	clear:both ;
	width:20% ;
	float:left ;
	margin-bottom: 1em;
}
.kagaku .clause dd {
	width:75% ;
	float:right ;
	padding:0 ;
	margin-bottom: 1em;
}

.kagaku .img1{ width: 25% ;}

@media screen and (min-width:641px){/* PC画面のとき */
	/* ■化学品■ */
	.kagaku .clause dt {
		clear:both ;
		width:170px ;
		float:left ;
	}
	.kagaku .clause dd {
		width:430px ;
		float:left ;
	}

}

/* ■英語■ */
.iso{}

.iso .isoList li {
	margin-bottom: 1em;
	text-indent: -1.32em;
	margin-left: 1.32em;
}
.iso .center {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.iso .isoList li strong {
	font-size: 1.16em;
	font-weight: bold;
}

.iso .img1 img{ width:100% ;}

.isoGroup {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}

.isoGroup .txt {
	text-align: right;
}

.isoGroup .txt img {
	width: 35%;
}
.col01{
	border: solid 1px #ddd;
	padding: 10px;
	margin: 0 auto ;
	width: 200px;
}
.col01 p{
	text-align: center;
}
.iso_img01{
	margin-bottom:  10px;
}

@media screen and (min-width:641px){/* PC画面のとき */

	.isoGroup .txt img {
		width: 26%;
	}
	.iso_img01{
	margin-right: 10px;
	}
	.col01{
		width: 66%;
			}



}