@charset "utf-8";

body{
	font-size: 75%;
	text-align:center;
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(../images/all_bg.gif) #FFFFFF;
	color:#444444;
 }

* html body {	font-size: 75%; } /* IE6 */
*:first-child+html body {	font-size: 75%;	} /* IE7 */
* html #wrap { padding-left:1px; } /* IE6 */

div,p,ol,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,th,td,caption {	margin: 0;	padding: 0;	}
img {	border: 0;	vertical-align:bottom;	}

ul li,
ol li {	list-style: none;	}
h1,h2,h3,h4,h5,h6 {	clear: both;	font-weight: normal;	}

a,
a:link    { color:#153d7a; text-decoration:underline; }
a:visited { color:#153d7a; text-decoration:underline; }
a:hover   { color:#0065ff; text-decoration:none; }
a:active  { color:#0065ff; text-decoration:none; }

/* base
---------------------------------------------------------------------------- */
#wrap { background:url(../images/main_bg.png) top center repeat-y; }
#inWrap { background:url(../images/hdr_bg.png) top left repeat-x; }
#ftr { background:url(../images/ftr_bg.png) top left repeat-x; height:122px; clear:both; }

#hdr { width:860px; height:118px; margin:0 auto; position:relative; text-align:left; }
#hdr h1 { position:absolute; top:65px; left:0px; }
#hdr a.privacy { position:absolute; top:5px; left:716px; }
#hdr dl { padding:47px 0 0 420px; }
#hdr dt { margin:0 0 6px 0; }
#hdr dd { display:inline; }

#navi { width:860px; margin:0 auto; text-align:left; }
#navi li { display:inline; margin:-1px 0; }

#main { width:860px; margin:0 auto; text-align:left; padding:0 0 80px 0; }
#main h2#ctg01 { margin:0 0 31px 0; }

#inFtr { width:860px; margin:0 auto; position:relative; text-align:left; padding:15px 0 0 0; }
#ftr ul { margin:0 0 0 45px; }
#ftr li { display:inline; }

#ftr p.address { color:#FFFFFF; padding:18px 0 0 10px; }
#ftr p.copyright { color:#FFFFFF; font-size:84%; padding:3px 0 0 10px; }

.ltArea { float:left; display:inline; margin:22px 0 0 15px; width:624px; }
.rtArea { float:right; display:inline; margin:22px 23px 0 0; }
.pankuzu { line-height:1; padding:0 0 16px 0; }
.pageTop { text-align:right; margin:15px 0 0 0; }
.pageTop a { background:url(../images/icn_returnTop.gif) no-repeat top left; padding:0 0 1px 15px; }

/* recruit
---------------------------------------------------------------------------- */
#recruit .ltArea { float:none; display:block; width:725px; }
#recruit .cnt01 h2 { margin:0 0 22px 0; }
#recruit .cnt01 { margin:0 0 0 103px; }
#recruit .cnt01 p.txt { margin:23px 0 25px 0; padding:0 0 0 106px; }
#recruit .cnt01 dl { border-bottom:#8aa5cf solid 1px; padding:0 0 10px 0; }
#recruit .cnt01 dt { font-size:100%; line-height:1; font-weight:bold; border-top:#8aa5cf solid 1px; padding:10px 0 0 0; }
#recruit .cnt01 dd { font-size:100%; line-height:1.6; background:url(../images/dtl_recruit.gif) repeat-x top left; margin:8px 0 0 0; padding:6px 0 7px 2px; }

/* contact
---------------------------------------------------------------------------- */
#contact .ltArea { float:none; display:block; width:725px; }
#contact .cnt01 { margin:0 0 0 103px; }
#contact .cnt01 p.txt { margin:23px 0 21px 0; }
#contact .cnt01 dl { margin:0 0 38px 0; }
#contact .cnt01 dt { margin:0 0 18px 0; }
#contact .cnt01 dd { margin:0 0 0 4px; }
#contact .cnt01 dd.atte { margin:12px 0 0 0; }


/* new_products
---------------------------------------------------------------------------- */
#new_products #main h2#ctg01 { margin:0 0 26px 0; }
#new_products #main h2#ctg02 { margin:50px 0 15px 0; }
#new_products #main div.cnt01 { position:relative; min-height:320px; height:auto !important; height:320px; }
#new_products #main div.cnt01 p.txt { color:#444444; font-size:100%; line-height:1.8; margin:0 0 30px 3px; width:297px; }
#new_products #main div.cnt01 dl.tel dt { background:url(../images/icn_list.gif) no-repeat left center; padding:0 0 3px 13px; line-height:1.3; }
#new_products #main div.cnt01 dl.ph01 { position:absolute; top:54px; left:316px; }
#new_products #main div.cnt01 dl.ph02 { position:absolute; top:54px; left:458px; }
#new_products #main div.cnt01 dd { color:#808489; font-size:84%; line-height:1.1; padding:0 0 0 1.2em; text-indent:-1em; }
#new_products #main div.cnt02 dl { background:url(../../new_products/images/new_products_voice_bg.jpg) no-repeat left top; min-height:158px; height:auto !important; height:158px; padding:0 0 0 160px; margin:0 0 25px 0; }
#new_products #main div.cnt02 dt { padding:18px 0 0 0;}
#new_products #main div.cnt02 dd { color:#444444; font-size:100%; line-height:1.5; padding:8px 25px 0 0; }


/* chemicals
---------------------------------------------------------------------------- */
#chemicals #main h2#ctg01 { margin:0 0 20px 0; }
#chemicals #main h2#ctg02 { margin:50px 0 20px 0; }
#chemicals #main h3 { margin:0 0 27px 0; }
#chemicals #main h3.sub { margin:0 0 16px 0; }
#chemicals #main p.txt { color:#444444; font-size:100%; line-height:1.8; margin:0 0 30px 3px; }
#chemicals #main dl { background:url(../images/dtl_list.gif) bottom left repeat-x; padding:0 0 12px 0; margin:0 0 12px 0; }
#chemicals #main dt { background:url(../images/icn_list.gif) no-repeat left center; padding:0 0 0 13px; line-height:1.3; }
#chemicals #main div.l1 { position:relative; margin:0 0 0 16px; }
#chemicals #main div.l1 dl { width:190px; }
#chemicals #main div.l1 dd { position:absolute; top:0px; left:316px; }
#chemicals #main div.l1 dd.ph { position:absolute; top:0px; left:206px; }
#chemicals #main div.l2 { margin:0 0 0 16px; }
#chemicals #main div.l2 dl { width:577px; position:relative; }
#chemicals #main div.l2 dt.c1 { position:absolute; top:0px; left:204px; }
#chemicals #main div.l2 dt.c2 { position:absolute; top:0px; left:431px; }
#chemicals #main div.l2 dt.atte { position:absolute; top:0px; left:384px; background:#FFFFFF; height:30px; color:#f44343; font-size:84%; }
#chemicals #main p.atte { color:#f44343; font-size:84%; margin:0 0 28px 16px; }
#chemicals #main dl.link { margin:0 0 0 16px; background:none; padding:0; }
#chemicals #main dl.link dt { margin:0 0 14px 0; background:none; padding:0; }
#chemicals #main dl.link dd { background:url(../images/icn_link.gif) no-repeat left center; padding:0 0 0 9px; line-height:1.3; margin:0 0 8px 0; }

/* products
---------------------------------------------------------------------------- */
#products #main { background:url(../../products/images/products_bg.gif) no-repeat right 126px; }
#products #main h2#ctg01 { margin:0 0 20px 0; }
#products #main h3 { margin:0 0 13px 0; }
#products #main p.txt { color:#444444; font-size:100%; line-height:1.8; margin:0 0 40px 0; }
#products #main dl { background:url(../images/dtl_list.gif) bottom left repeat-x; padding:0 0 12px 0; margin:0 0 12px 0; }
#products #main dt { background:url(../images/icn_list.gif) no-repeat left center; padding:0 0 0 13px; line-height:1.3; }

#products #main div.l1 { position:relative; margin:0 0 0 16px; }
#products #main div.l1 dl { width:190px; }
#products #main div.l1 dd { position:absolute; top:25px; left:227px; }
#products #main div.l2 { margin:0 0 0 16px; }
#products #main div.l2 dl { width:528px; position:relative; }
#products #main div.l2 dt.c1 { position:absolute; top:0px; left:183px; }
#products #main div.l2 dt.c2 { position:absolute; top:0px; left:340px; }
#products #main div.l3 { position:relative; margin:0 0 0 356px; }
#products #main div.l3 dl { width:190px; }
#products #main div.l3 dd { position:absolute; top:-10px; left:-338px; }
#products #main h3.sub { color:#174080; font-size:117%; font-weight:bold; margin:20px 0 13px 16px; }
#products #main p.txt2 { color:#444444; font-size:100%; line-height:1.8; margin:0 0 12px 16px; }
#products #main ul.ph { margin:0 0 0 16px; }
#products #main ul.ph li { display:inline; }
#products #main ul.ph li img { margin:0 16px 18px 0; }
#products #main p.atte { color:#f44343; font-size:84%; margin:0 0 0 16px; }

/* company
---------------------------------------------------------------------------- */
#company #main dl { position:relative; }
#company #main dt { position:absolute; top:0; left:0; width:108px; background:url(../images/icn_list.gif) no-repeat left center; padding:0 0 0 13px; font-weight:bold; }
#company #main dd { background:url(../images/dtl_list.gif) bottom left repeat-x; padding:0 0 10px 113px; margin:0 0 10px 0; line-height:1.3; }
#company #main h3#ctg02 { margin:30px 0 14px 0; }
#company #main .map { text-align:center; }
#company #main .map iframe { margin:0 auto; border:#bdbdbd solid 1px; }
#company #main .map p { text-align:left; font-size:84%; }



/* popup
---------------------------------------------------------------------------- */
#popup { background:url(../images/popup_hdr_bg.gif) top left repeat-x; }
#popup #hdr { width:560px; margin:0 auto; height:147px; position:relative; }
#popup #hdr h1 { position:absolute; top:27px; left:0px; }
#popup #hdr h2 { position:absolute; top:92px; left:0px; }
#popup #main { width:560px; margin:0 auto; text-align:left; }
#popup #main h3 { color:#444444; font-size:134%; font-weight:bold; margin:24px 0 0 0; }
#popup #main p { color:#444444; font-size:100%; line-height:1.8; margin:14px 0 0 3px; }
#popup #main dt { color:#444444; font-size:100%; line-height:1.8; font-weight:bold; margin:24px 0 0 0; }
#popup #main dd { color:#444444; font-size:100%; line-height:1.8; margin:3px 0 0 16px; }
#popup #main dt.date { font-weight:normal; margin:0 0 0 0; }
#popup #ftr { background:#0e3269; height:auto; margin:35px 0 0 0; }
#popup #ftr p.copyright { color:#FFFFFF; font-size:84%; line-height:2.7; }


/* top
---------------------------------------------------------------------------- */
#top { min-height:678px; height:auto !important; height:678px; }
#top .ltArea { margin:41px 0 0 17px; width:554px; }
#top .rtArea { margin:39px 14px 0 0; }
#top .ltArea p { color:#64686e; font-size:150%; padding:12px 0 0 0; line-height:1.6; }
#top .bnrArea li { margin:0 0 17px 0; }


/* clearfix
---------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hidex from IE-mac \*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */