h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
	margin: 0;
	padding: 0;
}

body { background-color:#000000;	
	font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3","hiragino kakugo Pro W3","sans-serif";
	font-size: 11px; margin:0;
	line-height: 15px;
	color: #666666;
}

/* レイアウト
------------------------------------------------------------------------------ */
#wrapper {width: 1024px; margin:0 auto;}

#main{width:980px; background-color:#FFFFFF; margin:0 22px 0 22px;}

#contents {width: 978px;margin: 0px auto; background-color:#FF9900;}

.area { padding: 10px 89px; background-color:#FFFFFF; }

/* header
------------------------------------------------------------------------------ */

#header{ background-image:url(../img/pdf_header_bg.jpg); height:85px; position: relative;}

h1 { padding:17px 0px 0px 20px; position: absolute; text-align:left;}





#navi ul.menu {
  margin: 0 0 0 337px;
  padding: 0px;
  font-size: 10px;
  color: #FFFFFF;
}
#navi li.menu {
  float: left;
  margin: 350px 0 0 0; padding: 0;
  text-indent: -9999px;
}

#navi ul.menu li.menu a {
  display: block;
  overflow: hidden;
  background-image: url(../img/navi.jpg);
  height: 0 !important; height /**/:37px;
  padding: 37px 0 0 0;
  text-decoration:none;
}
/* off */
#navi #home a { width: 88px; height: 37px; background-position: 0px 0;}
#navi #about a { width: 159px; height: 37px; background-position: -89px 0;}
#navi #ser a { width: 92px; height: 37px; background-position: -249px 0;}
#navi #prod a { width: 92px; height: 37px; background-position: -342px 0;}
#navi #appli a { width: 92px; height: 37px; background-position: -435px 0;}
#navi #supp a { width: 116px; height: 37px; background-position: -527px 0;}

/* stay */
#navi #home a.stay { width: 88px; height: 37px; background-position: 0px -37px;}
#navi #about a.stay { width: 159px; height: 37px; background-position: -89px -37px;}
#navi #ser a.stay { width: 92px; height: 37px; background-position: -249px -37px;}
#navi #prod a.stay { width: 92px; height: 37px; background-position: -342px -37px;}
#navi #appli a.stay { width: 92px; height: 37px; background-position: -435px -37px;}
#navi #supp a.stay { width: 116px; height: 37px; background-position: -527px -37px;}

/* on */
#navi #home a.hover { width: 88px; height: 37px; background-position: 0px -37px;}
#navi #about a.hover { width: 159px; height: 37px; background-position: -89px -37px;}
#navi #ser a.hover { width: 92px; height: 37px; background-position: -249px -37px;}
#navi #prod a.hover { width: 92px; height: 37px; background-position: -342px -37px;}
#navi #appli a.hover { width: 92px; height: 37px; background-position: -435px -37px;}
#navi #supp a.hover { width: 116px; height: 37px; background-position: -527px -37px;}




#bn_left{ background-color:#FFFFFF; padding:5px 0px 10px 0;}

#unit{width:643px; float:right;}

#bn_right{ margin:2px 0; float:right;}

#topibox{width:478px; float:right; margin:5px 0 0 0;}

.topi{padding:5px; border:1px solid #333333; width:461px !important; width /**/:473px; height:148px;}

h2#news{
	width: 450px;
	height: 16px;
	background: url(../img/newsbg.gif) no-repeat;
	text-indent: -10000px;
	clear: both;
	margin-bottom: 5px;
}

h2#rele{
	width: 450px;
	height: 16px;
	background: url(../img/newbg.gif) no-repeat;
	text-indent: -10000px;
	clear: both;
	margin-bottom: 5px;
}

#whatsnew{overflow:auto; width:458px !important; width /**/:463px; height:120px;}

#whatsnew dt{
	float: left; line-height:16px; font-size:11px;
	padding: 2px 4px 7px 25px;
	clear:both; background-image:url(../img/newsbg.jpg); background-repeat:no-repeat;
}

#whatsnew dd{
	color: #666666;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 0 7px 95px;
}

#whatsnew a:link { color: #666666;}
#whatsnew a:visited { color: #999999;}
#whatsnew a:hover {color: #BFBFBF;}



#newsrele{overflow:auto; width:458px !important; width /**/:463px; height:120px;}

#newsrele dt{
	float: left; line-height:16px; font-size:11px;
	padding: 2px 4px 7px 25px;
	clear:both; background-image:url(../img/newsbg.jpg); background-repeat:no-repeat;
}

#newsrele dd{
	color: #666666;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 0 7px 95px;
}

#newsrele a:link { color: #666666;}
#newsrele a:visited { color: #999999;}
#newsrele a:hover {color: #BFBFBF;}




 .tit01 {  
     border-left: 5px solid #FF9900;  
     border-bottom: 1px solid #000000;  
     padding: 2px 0 2px 10px;  
     line-height: 150%; background-color:#FF3300; color:#FFFFFF; width:800px;
 }

.serbox { width:580px; border:2px solid #CCCCCC; padding:10px;}
.abobox { width:790px; border:2px solid #CCCCCC; padding:10px;}
.abobox2 { width:790px; height:210px; border:2px solid #CCCCCC; padding:10px;}
.appbox { width:790px; border:2px solid #CCCCCC; padding:10px;}
.probox { width:790px; border:2px solid #CCCCCC; padding:10px;}



/* footer
------------------------------------------------------------------------------ */
#footer{ width:978px; background-color:#000000; padding:10px 0 10px 0;}


/* text
------------------------------------------------------------------------------ */
.text10 {font-size:10px;color: #666666;line-height:13px;font-weight:normal;}
.text11 {font-size:12px;color: #666666;line-height:15px;font-weight:normal;}
.text12 {font-size:14px;color: #004A9B;line-height:15px;font-weight:bold;}
.text13 {font-size:14px;color: #00D20B;line-height:15px;font-weight:bold;}
.text14 {font-size:14px;color: #666666;line-height:18px;font-weight:bold;}
.text15 {font-size:13px;color: #FF0000;line-height:15px;font-weight:normal;}
.text16 {font-size:25px;color: #FF0000;line-height:28px;font-weight:bold;}
.style2 {color:#FF0000;}