@charset "Shift_JIS";

/* USE Hack

[IE] * html xxx WinIE ‚Æ MacIE5 ‚É“K—p
[WinIE]  html>body xxx WinIE ˆÈŠO‚É“K—p

*/

/*--------------------------------------
  Import
 --------------------------------------*/
@import "module.css";

/*--------------------------------------
  Base
 --------------------------------------*/
body { margin:0 0 0 10px; padding:0;
	background:white;
 color:#333;
 font:x-small/1.5  "‚l‚r ƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", Verdana, Arial, sans-serif;
}

table { font-size:x-small; line-height:1.5em; } /* [WinIE5, 6] font-size Bug */
/* Hides from [WinIE5, 6] */
html>body, html>body table { font-size:small; }
/* End hide from [WinIE5, 6] */

h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
form { margin:0; padding:0; }
p { margin-top:0; }
ul li { list-style-type:none; }

h2 { font-size:105%; font-weight:normal; margin-bottom:1em; }

table { border-collapse:collapse; margin:0; padding:0; border:0; }
th { text-align:left; font-weight:normal; }

hr { height:1px; border-width:0; border-top:1px solid #C1CAD8;
 margin:1em 0; padding:0;
}

img { border: 0;	vertical-align:top; } /* [All] vertical-align Bug */
.arw2 { vertical-align:middle; margin-right:3px;}

/* Link Color */
a:link    { color:#2157C3; }
a:visited { color:#856CC3; }
a:hover   { color:#EF385A; }
a:active  {}

/* page top ancher */
#topAnchor { margin:0; }

/*--------------------------------------
  Wrapper
 --------------------------------------*/
#wrap { width:740px; }

/*--------------------------------------
  Header
 --------------------------------------*/
#header { padding-bottom:6px; padding-top:15px; }
#header p { margin:0; }

p#logo { margin-bottom:11px; padding-left:5px; }

/* Language */
p#lang { position:absolute;top:26px; left:575px;}

/* Global Navi */
p#gNav { position:absolute; top:49px; left:479px; width:217px; text-align:right; }
img#btContact, img#btSitemap, img#btFeedback { margin-left:8px; }

/* Cube */
p#cube { position:absolute;top:18px; left:707px; }

/* Category Navi */
p#cNav { padding:1px 0 5px 0; background:url(../img/head/bt_bg.jpg); }

/*--------------------------------------
  Main
 --------------------------------------*/
#mainWrap { padding-right:10px; background:url(../img/snav/bg.gif) repeat-y; }
#main { float:right; margin-bottom:25px; width:560px; }

/* [home] [recruit] [privacy] */
.home #main,
body.recruit #main { float:none; width:740px; }
body.privacy #main { float:none; width:720px; }

#cTitle { margin-top:5px; margin-bottom:18px; }
#pTitle { margin-top:10px; margin-bottom:20px; padding:0 0 11px 16px;
 background:url(../img/title/bg.gif) no-repeat bottom left;
	line-height:1em;	vertical-align:bottom;
	font-size:130%; font-weight:bold; color:#333;
}
#pTitleIndex { margin-top:5px; margin-bottom:20px; } /* Index Image Only */

/* [home] */
.home h1 { padding-bottom:8px; background:url(../img/home/img_shadow.jpg) no-repeat left bottom; }
#homeLeft { float:left; width:430px; padding-top:10px; }
#homeLeft dl { clear:both; margin-top:5px; margin-left:10px; font-size:85%; font-family:"‚l‚r ‚oƒSƒVƒbƒN"; }

#homeLeft dt { clear:both; margin:5px 0; }
#homeLeft dd { float:left; margin-right:5px; width:205px; background:url(../img/home/bt_bg.gif) no-repeat right top; }
#homeLeft dd img { margin-bottom:5px; }
#homeLeft dd.chemical { margin:0; width:415px; }
#homeLeft ul { float:right; width:110px; }
#homeLeft ul li { float:left; }
#homeLeft dd.chemical ul { width:315px; }

#homeLeft ul a { display:block; padding-left:11px; padding-bottom:5px; width:110px;
 background:url(../img/icn_arw.gif) no-repeat left 0.1em; line-height:1.2em; text-decoration:none; }
/* Hides from [WinIE5, 6] */
html>body #homeLeft ul a { width:99px; }
/* End hide from [WinIE5, 6] */
#homeLeft dd.chemical ul a { white-space:nowrap; }

#homeLeft ul a:link    { color:#333; }
#homeLeft ul a:visited { color:#333; }
#homeLeft ul a:hover   { color:#EF385A; }
#homeLeft ul a:active  {}

#homeRight { float:right; width:295px; padding-top:10px; }
#homeRight dl { margin:15px 0 30px 10px; }
#homeRight dt { margin-bottom:8px; }
#homeRight dd p { font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
 margin-bottom:0.5em; padding-left:10px; background:url(../img/icn_dot.gif) left 0.5em no-repeat; }
#homeRight dd,
#homeRight li { margin-bottom:20px; }
#homeRight ul { margin:15px 0 0 10px; }
#homeRight  ul.notice li { margin-bottom:0; }
.notice a { text-decoration:none; }
.notice a:link    { color:#333; }
.notice a:visited { color:#333; }
.notice a:hover   { color:#EF385A; }
.notice a:active  {}


#label_nav {
	width:560px;
	height:72px;
	margin-top:10px;
	margin-bottom:15px;
}

#label_nav2{
	float:left;
	padding:0 8px;
}

.border333 {
	border-top:#333333 1px solid;
	border-left:#333333 1px solid;
}
	.border333 th,
	.border333 td {
		border-bottom:#333333 1px solid;
		border-right:#333333 1px solid;
		padding:2px 3px 2px 3px;
	}
	
.border334 th,
	.border334 td {
		border-bottom:0px;
		border-right:0px;
		padding:2px 3px 2px 3px;
	}

/*--------------------------------------
  SideNavi
 --------------------------------------*/
#sNav { float:left; margin-bottom:10px; width:149px;
 border:1px solid #C1CAD8; font-family:"‚l‚r ‚oƒSƒVƒbƒN"; font-size:86%;
}
#sNav li { float:left; width:149px; }
/* Hides from [WinIE5, 6] */
html>body #sNav li { float:none; width:auto; }
/* End hide from [WinIE5, 6] */

#sNav li a { display: block; padding:0.5em 3px 0.3em 16px;
 width:149px; line-height:1.4em;
 background:#FFF url(../img/snav/bg_1st.gif) no-repeat top left;
	color:#555;	text-decoration:none;
}
/* Hides from [WinIE5, 6] */
html>body #sNav li a { width:130px; }
/* End hide from [WinIE5, 6] */

#sNav li a:hover { background-color:#E7EAFD; } /* hover */
#sNav li.sNavOn a { background-color:#E7EAFD; } /* You are here */

/* 2nd Nav */
#sNav li.sNavOn ul a { padding:0.5em 4px 0.3em 23px; width:149px;
 background:#FFF url(../img/icn_arw2.gif) no-repeat 17px center; line-height:1.2em; font-size:91%;
}
/* Hides from [WinIE5, 6] */
html>body #sNav li.sNavOn ul a { width:122px; }
/* End hide from [WinIE5, 6] */

#sNav li.sNavOn ul a:hover { background-color:#F1F1F1; } /* hover */
#sNav li.sNavOn ul li.sNavOn a { background-color:#F1F1F1; } /* You are here */

#sNav li.sNavOff { padding:0.5em 4px 0.3em 17px; width:149px;
 background:#FFF; color:#777; line-height:1em; font-size:91%; }
/* Hides from [WinIE5, 6] */
html>body #sNav li.sNavOff { width:128px; }
/* End hide from [WinIE5, 6] */

/* sNavTitle */
#sNav #sNavTitle { border-bottom:3px solid #C1CAD8; }
#sNav #sNavTitle a { display:inherit; padding:0; }

/* sNavHr */
.sNavHr { border-top:3px solid #C1CAD8; }

/*--------------------------------------
  SideNavi Product
 --------------------------------------*/	
#sNav li.sNavOffice a,
#sNav li.sNavIndustrial a,
#sNav li.sNavChemical a { background:#4D71B8 none; color:white; padding-left:4px; }

#sNav li.sNavIndustrial a { background-color:#4D9494; }
#sNav li.sNavChemical a { background-color:#B87194; }

/* Hides from [WinIE5, 6] */
html>body #sNav li.sNavOffice a,
html>body #sNav li.sNavIndustrial a,
html>body #sNav li.sNavChemical a { width:142px; }
/* End hide from [WinIE5, 6] */
/* sNavSTtl */
#sNav li.sNavOffice a:hover { background-color:#8099CC; }
#sNav li.sNavIndustrial a:hover { background-color:#80B3B3; }
#sNav li.sNavChemical a:hover { background-color:#CC99B3; }

/* English */
#sNav li.sNavOfficeEn,
#sNav li.sNavChemicalEn { padding:0.5em 3px 0.3em 4px; background:#4D71B8; color:white; }
#sNav li.sNavChemicalEn { background-color:#B87194; }

/* news */
#n-list {list-style:disc;}

/*--------------------------------------
  SideNavi Print
 --------------------------------------*/
@media print {
body { margin:0; }
#main { width:561px; }
/*.privacy #main { width:721px; float:none; }*/
#cNav { width:741px;}
}

/*--------------------------------------
  Banner
 --------------------------------------*/
#banner { float:left; margin-bottom:10px; width:170px; }

/*--------------------------------------
  Page Up
 --------------------------------------*/
#pageup { clear:both; margin-bottom:0; padding-bottom:10px;
 font-size:75%; line-height:1em;	text-align:right;
}
#pageup a { text-decoration:none; }


/*--------------------------------------
  Footer
 --------------------------------------*/
#footer p { clear:both; margin:0; }
#footer { padding:2px 0 30px 10px;
 border-top:1px solid #999; font-size:80%;
}
p#copyright { float:left; margin-top:2px; }
p#fNav { text-align:right; }
p#fNav a { text-decoration:none; }