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

a          { color: #006699; text-decoration: none }
a:link           { color: #044696; text-decoration: none }
a:active      { color: #0000FF}
a:visited {}
a:hover        { color: #0000FF; text-decoration: underline }

body        {
	background: url(../images/back2.gif) repeat-y center top;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 1.8em;
}
img  { line-height: 1em; margin-bottom: 0px; padding-bottom: 0px }

#body  { margin-right: auto; margin-left: auto; width: 800px }

#head          {
	background-image: url(../images/top-bar.gif);
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	background-repeat: no-repeat;
}
#head h1      { text-indent: -9999px }


#banner          {
	clear: both;
	width: 800px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}



#mainmenu           {
	clear: both;
	margin: 0px auto 10px;
	width: 800px;
	height: 40px
}
#mainmenu a    { display: block; }
#mainmenu li      { float: left; }
#mainmenu ul      { }

#home a    { background: url(../images/menu_01.gif) no-repeat; text-indent: -9999px; width: 340px; height: 42px }
#home a:hover  { background: url(../images/menu2_01.gif) no-repeat }
#n-home #home a  { background: url(../images/menu2_01.gif) no-repeat }


#company a     { background: url(../images/menu_02.gif) no-repeat; text-indent: -9999px; width: 80px; height: 42px }
#company a:hover  { background: url(../images/menu2_02.gif) no-repeat }

#n-company #company a  { background: url(../images/menu2_02.gif) no-repeat }


#service a     { background: url(../images/menu_03.gif) no-repeat; text-indent: -9999px; width: 100px; height: 42px }
#service  a:hover  { background: url(../images/menu2_03.gif) no-repeat }

#n-service #service a  { background: url(../images/menu2_03.gif) no-repeat }


#product a     { background: url(../images/menu_04.gif) no-repeat; text-indent: -9999px; width: 80px; height: 42px }
#product a:hover  { background: url(../images/menu2_04.gif) no-repeat }

#n-product #product a  { background: url(../images/menu2_04.gif) no-repeat }

#recruit a     { background: url(../images/menu_05.gif) no-repeat; text-indent: -9999px; width: 80px; height: 42px }
#recruit a:hover  { background: url(../images/menu2_05.gif) no-repeat }

#n-recruit #recruit a  { background: url(../images/menu2_05.gif) no-repeat }

#contact a     { background: url(../images/menu_06.gif) no-repeat; text-indent: -9999px; width: 120px; height: 42px }
#contact a:hover  { background: url(../images/menu2_06.gif) no-repeat }

#n-contact #contact a  { background: url(../images/menu2_06.gif) no-repeat }

.form130         { color: #666; font-weight: normal; font-size: 12px; text-decoration: none; background-color: #fafafa; margin-bottom: 5px; border-style: solid; border-width: 1px; border-color: #999 #e6e6e6 #e6e6e6 #999; width: 90px }
.form80  {
	color: #666;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	background-color: #fafafa;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999 #e6e6e6 #e6e6e6 #999;
	width: 100px;
	padding: 10px;
	line-height: 1.5em;
}

#langage     {
	margin-left: 620px;
	padding-top: 0px;
	font-size: 80%;
}
#langage li  { float: right; margin-right: 10px }
#langage ul { }
#langage a  {
	display: inline-block
}

#directory     {
	text-align: left;
	clear: both;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-left: 20px;
	width: 800px;
}
#directory a {  }
#directory li  {
	font-size: 90%;
	float: left;
	border-right: 1px solid;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#directory img { margin-right: 5px; margin-left: 5px }

#title       { clear: both; }
#title h3  { font-size: 0px; text-indent: -9999px; margin-top: 0px; width: 800px; }
#title h2        { text-indent: -9999px; }

#submenu     {
	float: left;
}

#contents   { clear: none; margin-right: auto; margin-left: auto; padding-top: 0px; padding-right: 20px; padding-left: 20px; width: 800px }
#contents_c   { float: right; clear: none; margin-right: auto; margin-left: auto; padding: 10px; }
#contents_c p  { color: #333; font-weight: normal; font-size: 80%; text-decoration: none; margin-bottom: 20px }

#contents h2 { font-size:16px }

#body { margin-right: auto; margin-left: auto; width: 800px}

#submenu ul      { width: 178px }
.now_c           {
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
}
#submenu li a      { color: #333; font-weight: normal; font-size: 80%; text-decoration: none; background: #fff url(../img/b_link_2.gif) no-repeat 5px 12px; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px solid #ccc; width: 158px }
#submenu li a:hover    { background-color: #ccc }
.close { ;display:none}

#close { display: none }
.open    { }
.now  {
	background: #fff url(../img/i_now_1.gif) no-repeat 5px 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom: 1px dashed #999;
	padding-right: 10px;
	line-height: 1.5em;
}

#deptmenu {display: block }
#deptmenu a  { color: #333; font-weight: normal; font-size: 80%; text-decoration: none; background: #f3f3f3 url(../img/b_link_3.gif) no-repeat 5px 7px; text-align: left; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px solid #ccc; width: 158px }
#deptmenu a:hover  { display: block;background-color: #ccc }

#dept {display: block }
#dept a   { color: #666; font-weight: normal; font-size: 80%; text-decoration: none; background: #f3f3f3 url(../img/i_now_2.gif) no-repeat 5px 7px; text-align: left; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px solid #ccc; width: 158px }
#dept a:hover  { display: block;background-color: #ccc }

#deptnow {display: block }
#deptnow a    { color: #333; font-weight: normal; font-size: 80%; text-decoration: none; background: #ccc url(../img/i_now_1.gif) no-repeat 5px 14px; text-align: left; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px solid #fff; width: 158px }
#deptnow a:hover  { display: block;background-color: #ccc }

#deptsubmenu     { float: left; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
#deptsubmenuli       { display: block }
#deptsubmenu li a       { color: #333; font-weight: normal; font-size: 80%; text-decoration: none; background: white url(../img/i_now_3.gif) no-repeat 5px 14px; text-align: left; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px dashed #ddd; width: 158px }
#deptsubmenu li a:hover  { display: block;background-color: #ccc }

#contents_l    { float: left; margin-top: 20px; margin-left: 20px; width: 240px }
#contents_r    { float: left; margin-top: 20px; margin-left: 20px; width: 240px }

#cnews   { }
#cnews dl { margin-bottom: 10px; padding-right: 10px; padding-left: 10px; border-bottom: 1px dashed #999 }
#cnews dt { color: #333; font-weight: normal; font-size: 80%; text-decoration: none; margin-bottom: 5px }
#cnews dd     { color: #036; font-weight: normal; font-size: 90%; text-decoration: none; margin-bottom: 5px }
#cnews dd a     { color: #036; background: url(../img/b_link_0.gif) no-repeat; list-style-type: disc; list-style-position: outside; display: block; padding-left: 9px }
#cnews dd a:hover   { color: #c00; background: url(../img/b_link_1.gif) no-repeat }
#cnews p { color: #333; font-weight: normal; font-size: 80%; line-height: 1.5em; text-decoration: none; margin-top: 5px; margin-bottom: 5px }
#cnews h2      { color: #666; font-weight: bold; font-size: 15px; text-decoration: none; margin-bottom: 10px; padding-bottom: 3px; padding-left: 8px; border-bottom: 1px solid #666 }
.imgleft { float: left; margin-right: 10px }
.imgright { float: right; margin-left: 10px }

#foot     {
	background: url(../images/footer.gif) no-repeat;
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	height: 50px
}
#foot p   {
	font-size: 70%;
	padding-top: 28px;
	text-align: right;
	padding-right: 20px;
}

#inquiryf     { float: right; padding-top: 20px; width: 500px }
#inquiryf li  { color: #333; font-size: 80%; list-style-type: decimal; list-style-position: outside; margin-left: 30px }
#inquiryf ol  { margin-right: auto; margin-left: auto; width: 480px }
#inquiryf dl     { background-color: #fdffff; margin-right: auto; margin-left: auto; padding: 20px; border: solid 1px #ccc; width: 350px; height: auto }
#inquiryf dt    { color: #333; font-weight: normal; font-size: 80%; line-height: 1.5em; text-decoration: none; text-align: left; float: left; margin-bottom: 20px; width: 70px }
#inquiryf dd     { color: #036; font-weight: normal; font-size: 100%; line-height: 1.5em; text-decoration: none; text-align: left; float: left; margin-bottom: 20px; width: 250px }
#inquiryf table     { float: left; margin-top: 10px; width: 500px }
#inquiryf caption   { color: #333; font-weight: bold; font-size: 80%; line-height: 1.5em; text-decoration: none; text-align: left; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ccc }
#inquiryf th { color: #333; font-weight: normal; font-size: 80%; line-height: 1.5em; text-decoration: none; text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px dashed #ccc; width: 150px }
#inquiryf td { color: #333; font-weight: normal; font-size: 80%; line-height: 1.5em; text-decoration: none; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; width: 370px }
#inquiryf td input.none    { background-color: transparent; margin-right: 0px; padding-right: 0px; border: none }
#inquiryf input  { background-color: #fafafa; margin-right: 10px; border-style: solid; border-width: 1px; border-color: #666 #ccc #ccc #666 }
#inquiryf p    { text-align: center; float: left; margin-top: 20px; border: none; width: 500px }
#inquiryf p input  { border: none }
#inquiryf li { text-align: left; margin-top: 10px }
#inquiryf li input { background-color: transparent; text-align: left; margin-top: 10px; border: none }
#inquiryf h4  { color: #333; font-weight: bold; font-size: 90%; text-decoration: none; text-align: left; margin-bottom: 20px }
#inquiryf textarea   { background-color: #fafafa; border-style: solid; border-width: 1px; border-color: #666 #ccc #ccc #666 }

#headimg p {
	font-size: 120%;
	background-color: #fafafa;
	text-indent: 10px;
	letter-spacing: 0.25em;
	margin-right: 10px;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ccc;
	color: #006699;
}

.divright { text-align: right }
.divleft { text-align: left }
.divcenter { text-align: center }
.othertit { color: #333; font-weight: bold; font-size: 90%; text-decoration: none; margin-bottom: 20px }
#u10 { margin-top: 10px }

#goback    { text-align: center; margin-top: 10px; margin-bottom: 10px; width: 500px }
#goback a   { color: #999; font-weight: normal; font-size: 80%; text-decoration: none }
#goback a:hover  { color: #333 }

#gotop    { text-align: right; margin-top: 10px; margin-bottom: 10px; width: 500px }
#gotop a   { color: #999; font-weight: normal; font-size: 80%; text-decoration: none }
#gotop a:hover  { color: #333 }

#goback2     { text-align: left; margin-top: 10px; margin-bottom: 10px; width: 500px }
#goback2 a   { color: #999; font-weight: normal; font-size: 80%; text-decoration: none }
#goback2 a:hover  { color: #333 }

#menu-com           {
	clear: both;
	width: 800px;
	height: 20px;
	margin: auto;
}
#menu-com a    { display: block; }
#menu-com li      { float: left; }
#menu-com ul      { }

.style1 {
	font-size: 14px;
	color: #3399CC;
}

.style2 {
	font-size: 14px;
	color: #3399CC;
	text-indent: 10px;
}
.style3 {
	font-size: 14px;
	text-indent: 10px;
}