@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*      { margin: 0px; padding: 0px; font-size: 100%; }
body   { height:100%; color: #555555; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; text-align: left; background-color: #E1E1E1; }
hr     { display: none; }
img    { border: none; vertical-align: middle; }
sup, sub { font-size: 80%; background-color: #E1E1E1; }

a { overflow: hidden }
a:link            { color: #474786; text-decoration: underline; }
a:visited         { color: #555555; text-decoration: underline; }
a:hover, a:active { color: #474786; text-decoration: none; }
#wrap		{ width: 960px; height:100%; min-height:100%; background: url(../imgs/bg.jpg)  0 0 repeat; text-align: left; margin: 0 auto;}
/*---------------------------------------------
02. header
---------------------------------------------*/
#header         { width: 920px; height: 78px; margin: 0 0 0 20px; background: url(../imgs/header.jpg)  0 0 no-repeat; text-align: left;}
#headerLogo h1     { float: left; width: 255px; height: 45px; margin: 18px 0 0 26px; }
#search		{ float: right; width: 310px; margin: 25px 28px 0 0; text-align: right; font-size: 75%;}
#search input	{ margin: 2px 0 0 4px; color:#CCCCCC ;}

/*---------------------------------------------
03. menu
---------------------------------------------*/
#menuArea{ clear: both; width: 920px; margin:  0 0 0 20px; height: 30px; background: url(../imgs/menu.jpg)  0 0;}
#menuArea ul{ padding: 0; margin: 0; list-style-type:none; }
#menuArea li{ float: left; padding: 0; margin: 0; text-indent:-9999px; }

#menuArea li a{ display: block; height: 30px; }

li.home a { width: 140px; background: url(../imgs/menu01.jpg)  0 0; }
li.home a:hover  { background: url(../imgs/menu01_on.jpg)  0 0; }
li.prod a { width: 130px; background: url(../imgs/menu02.jpg)  0 0; }
li.prod a:hover { background: url(../imgs/menu02_on.jpg)  0 0; }
li.print a { width: 130px; background: url(../imgs/menu03.jpg)  0 0; }
li.print a:hover  { background: url(../imgs/menu03_on.jpg)  0 0; }
li.dl a { width: 130px; background: url(../imgs/menu04.jpg)  0 0; }
li.dl a:hover  { background: url(../imgs/menu04_on.jpg)  0 0; }
li.com a { width: 130px; background: url(../imgs/menu05.jpg)  0 0; }
li.com a:hover  { background: url(../imgs/menu05_on.jpg)  0 0; }
li.con a { width: 130px; background: url(../imgs/menu06.jpg)  0 0; }
li.con a:hover  { background: url(../imgs/menu06_on.jpg)  0 0; }
li.qa a { width: 130px; background: url(../imgs/menu07.jpg)  0 0; }
li.qa a:hover  { background: url(../imgs/menu07_on.jpg)  0 0; }

/*---------------------------------------------
04. main
---------------------------------------------*/

#content { width: 920px; margin: 0 0 0 20px; padding: 0; text-align: left; }
.cl	{clear: both;}
#content h2 { width: 920px; height: 95px; padding: 0; margin: 0; background: url(../imgs/news_title.jpg) no-repeat left top; text-indent:-9999px;}
div#panli { margin: 10px 0 10px 20px;}
li.pan { display: inline; list-style-type:none; font-size: 75%; font-weight: bold;}
li.pan a { text-decoration: none; font-weight: normal;}
#main { width: 880px; margin: 20px; padding: 0; text-align: center; }
.kiji { width: 700px; margin: 10px auto; padding: 0; text-align: left;}
.date { width: 141px; height: 22px; margin: 0; padding: 0; background: url(../imgs/newsdate.jpg)  0 0;}
.date p { font-size: 80%; color: #fff; text-align: center; margin: 5px 0 0 0; padding: 0;}
.kiji h3 { width: 700px; height: 40px; border-top: 4px solid #9999CC; margin: 0; padding: 0; text-align: left; background: url(../imgs/newstitle.jpg)  0 0; }
.kiji h3 p { font-weight: bold; margin: 10px 0 0 10px; padding: 0; background: url(../imgs/newstitle.jpg)  0 0;}
.bun { width: 700px; height: 300px; margin: 0; padding: 0; text-align: left;  border-bottom: 4px solid #9999CC;}
.bun img { float: left; margin: 10px; padding-bottom: 10px;}
.bun p { float: left; text-align: left; font-size: 75%; margin: 10px; padding-bottom: 10px;}
/*---------------------------------------------
05. footer
---------------------------------------------*/
#footer         { clear: both; width: 920px; height: 96px; margin: 0px; background: url(../imgs/foot_bg.jpg)  0 0 repeat; border-top: 1px solid #cccccc;}
#footer ul { margin: 20px 0 20px 195px; list-style-type: none; text-align: center;}
#footer li { float: left; margin: 0 2px; padding: 0px; font-size: 65%; }

#copyright { width: 276px; height: 14px; padding: 0; margin: 20px 0 0 322px; background: url(../imgs/copy.gif) no-repeat 0 0; text-indent:-9999px;}