body {
  margin: 0;
  padding: 0;
  font-size: small;
  _font-size: x-small;
  font-family:Osaka,平成角ゴシック,中ゴシック体,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
  text-align: center;
  color: #444;
  background: url(../img/common/body-back05.gif) top repeat-y;
  }

/**** リンク文字の処理 ****/
a { 
  text-decoration:none; 
  border-bottom: none;
  color: #0033CC;
  } 

a:hover { 
  text-decoration:underline;
  border-bottom: none;
  color: #993333;
  }

/**** 基本設定 ****/
h1 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  }
  
h2 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  }
  
h3 {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  }
  
h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  }
  
h5 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  }
  
h6 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  }

p {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 150%;
  }  

.clear-menu {
  margin: -5px 0 -15px 0;
  padding: 0;
  clear: both;
  font-size: xx-small;
  }
  
.clear {
  margin: 0;
  padding: 0;
  clear: both;
  font-size: 0em;
  }
  
img {
  border: 0;
  }
/***************** レイアウト *****************/
#content {
  width: 815px;
  margin: 0;
  padding: 0;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  }
/****************** ヘッダー部 *******************/  
/******** ロゴマーク ********/
#logo {
  width: 270px;
  height: 70px;
  float: left;
  margin: 0;
  padding: 0;
  overflow: visible;
  margin-top: 0px;
  }
/******** ロゴマーク2 ********/  
#logo2 {
  width: 530px;
  height: 35px;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  }
  
#logo2 img {
  border: 0;
  margin: 0 0 -2px 0;
  padding: 0 0 0 0;
  }

#logo2 a {
  margin: 0;
  padding-left: 13px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }
  
#logo2 span {
  position: absolute; 
  right: -9999px;
  }

/******** search ********/
#search {
  width: 330px;
  height: 35px;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  }

#search span {
  margin-right: 1em;
  }

/******** fontsize ********/
#fontsize {
  float: right;
  }

/****************** メニュー部 *******************/ 
#menu {
  width: 270px;
  float: left;
  margin: 0;
  padding: 0;
  }

/************** メニューボタンの制御 *****************/
#menu ul { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
  }
  
#menu ul li { 
  width: 270px; 
  height: 40px; 
  }
  
#menu ul li a { 
  display: block; 
  width: 270px; 
  height: 40px; 
  background-repeat: no-repeat; 
  background-position: 0px 0px; 
  }
  
#menu ul li a:hover { 
  background-position: 0px -40px; 
  }
  
#menu ul li a span { 
  position: absolute; 
  left: -9999px; 
  }

#menu ul li#menu1 a { 
  background-image: url(../img/common/menu/products.gif); 
  }
  
#menu ul li#menu2 a { 
  background-image: url(../img/common/menu/support.gif); 
  }
  
#menu ul li#menu3 a { 
  background-image: url(../img/common/menu/company.gif); 
  }
  
#menu ul li#menu4 a { 
  background-image: url(../img/common/menu/contacts.gif); 
  }

li.menu-001 {
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  }
  
li.menu-002, li.menu-003, li.menu-004 {
  border-bottom: 1px solid #C4C4C4;
  }
  

/******* menu変更時のbody id **********/
body#product #menu ul li#menu1 a { background-position: 0px -40px; }
body#support #menu ul li#menu2 a { background-position: 0px -40px; }
body#company #menu ul li#menu3 a { background-position: 0px -40px; }
body#inquiry #menu ul li#menu4 a { background-position: 0px -40px; }


/******* 広告スペース **********/
.ad {
  margin: 15px 0 10px 0;
  padding: 0 0 5px 0;
  text-align: center;
  text-align: left;
  clear: both;
  }
  
.ad img {
  padding: 0 8px 0 0;
  _margin: 0 8px 15px 0;
  border: 0;
  float: left;
  }

.ad hr {
  margin: 15px 0 15px 0;
  _margin: 0;
  _padding: 15px 0 15px 0;
  background-color: #C4C4C4;
  border: none;
  width: 100%;
  height: 1px;
  clear: both;
  }  

.ad h3 {
  background-color: #EEE;
  margin: 0 0 10px 0;
  padding: 3px 0 3px 5px;
  }

.ad h4 {
  margin: 0 5px 0px 0;
  font-weight: normal;
  }

.ad p {
  margin: 0 0 0 0;
  font-size: x-small;
  _font-size: 0.7em;
  color: #666;
  }
  
.ad h4 a {
  margin: 0;
  padding-left: 13px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }
/******* 広告スペース下 **********/
#top-link {
  margin: 15px 0 5px 0;
  }
  
#top-link img {
  margin: 5px 0 5px 0;
  }

/******** グラフィックおよびニュース部 ********/ 
#top-rightbox {
  width: 530px;
  float: right;
  margin: 0 0 15px 0;
  padding: 0;
  }
  
#top-rightbox img {
  margin: 0;
  padding: 0;
  border: 0;
  }

/* top-rightbox見出し */
#top-rightbox-title {
  margin: 10px 0 0 0;
  /*background: url(../img/common/midashi03.gif) center repeat-x ;*/
  background-color: #EEEEEE;
  width: 530px;
  height: 1.5em;
  _height: 100%;
  }

#top-rightbox-title h3 {
  padding: 3px 5px 3px 5px;
  _padding: 7px 5px 3px 5px;
  float: left;
  color: #333;
  }

#top-rightbox-title p {
  padding: 3px 5px 3px 15px;
  float: right;
  font-weight: normal;
  text-align: right;
  font-size: x-small;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }
/* top-rightbox見出しend */

#top-news ul {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
  }

#top-news li {
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #C4C4C4;
  }
  
#top-news li a {
  margin: 0 0 0 0px;
  padding-left: 13px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }
  
#top-news span {
  padding: 0 12px 0 0;
  }
  

/************* top-製品情報 *************/
#product {
  width: 530px;
  margin: 10px 0 0 0;
  padding: 0;
  }
  
.product-left1,
.product-left2 {
  float: left;
  width: 260px;
  margin: 0 0px 10px 0;
  }
  
.product-right1,
.product-right2 {
  float: right;
  width: 260px;
  margin-left: 0px;
  }
  
.product-left1 h3,
.product-right1 h3,
.product-left2 h3, 
.product-right2 h3 {
  /*background: url(../img/common/midashi03.gif) center repeat-x ;*/
  background-color: #EEE;
  margin: 0;
  padding: 3px 0 3px 10px;
  }

.product-left1 h3 a, 
.product-right1 h3 a,
.product-left2 h3 a, 
.product-right2 h3 a {
  text-decoration:none; 
  border-bottom: none;
  color: #333399;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  
  padding-left: 12px;
  }
  
.product-left1 h3 a:hover, 
.product-right1 h3 a:hover, 
.product-left2 h3 a:hover, 
.product-right2 h3 a:hover {
  text-decoration:underline;
  border-bottom: none;
  color: #993333;
  }
 
.product-left1 ul, 
.product-right1 ul,
.product-left2 ul, 
.product-right2 ul {
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
  border: none;
  }
  
.product-left1 li, 
.product-right1 li,
.product-left2 li, 
.product-right2 li {
  margin: 0;
  padding: 2px 0 2px 0;
  list-style: none;
  font-size: 0.9em;
  line-height: 160%;
  }
  
.product-left1 li a, 
.product-right1 li a,
.product-left2 li a, 
.product-right2 li a {
  padding-left: 12px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }


/********** 第2階層以下コンテンツ ***********/
/*パンくずリスト*/
#bread-crumbs {
  margin: 0 0 10px 10px;
  padding: 8px;
  background-color: #F2F2F2;
  font-size: x-small;
  _font-size: 80%;
  }


/*コンテンツ*/
/*
.content-02 {
  margin: 0 0 0 10px;
  }

.content-02 h2, 
.content-02 h3, 
.content-02 h4, 
.content-02 h5, 
.content-02 h6 {
  margin: 5px 0 5px 0;
  padding: 0;
  }

.content-02 h1 {
  margin: 25px 0 15px 0;
  padding: 15px 0 15px 10px;
  font-size: 1.3em;
  background: url(../img/common/midashi08.gif) left center no-repeat ;
  background-color: #003366;
  color: #FFF;
  }

.content-02 h2 {
  margin: 15px 0 5px 0;
  padding: 3px 0 3px 10px;
  font-size: 1.2em;
  background-color: #003366;
  color: #FFF;
  clear: both;
  }


  
.content-02 h4 {
  margin: 15px 0 -10px 0;
  padding: 0;
  font-size: 1em;
  }
  
.content-02 h6 {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 1em;
  }

h1.a02 {
  border: 0;
  background-color: #E3E3E3;
  margin: 0;
  padding: 1%;
  }
  
h2.a02 {
  border: 0;
  background-color: #E3E3E3;
  margin: 0;
  padding: 1%;
  }

.content-02 caption {
  margin: 10px 0 5px 0;
  padding: 0;
  font-weight: bold;
  display: none;
  }

.content-02 p {
  margin: 15px 0 10px 0;
  line-height: 140%;
  }

.content-02 img {
  margin: 5px 0 5px 0;
  border: 0;
  }
  
.content-02 img.left {
  float: left;
  margin: 5px 0 10px 0;
  padding: 0 5px 0 0;
  }
  
.content-02 img.right {
  float: right;
  margin: 5px 0 10px 0;
  padding: 0 0 0 5px;
  }

.content-02 dl {
  margin: 20px 0;
  padding: 0 0 0 0;
  border-bottom: 1px solid #C4C4C4;
  }

.content-02 dt {
  margin: 0;
  padding: 0;
  font-weight: bold;
  }

.content-02 dt.side {
  margin: 0 0 0 0;
  padding: 0;
  font-weight: bold;
  float: left;
  }

.content-02 dd {
  margin: 0 0 0 8px;
  padding: 0 0 8px 0;
  }

.content-02 dd.side {
  margin: 0 0 8px 160px;
  padding: 0;
  }
  
.content-02 ul {
  }
  
.content-02 li {
  margin: 8px 0 8px 0;
  line-height: 150%;
  }
  
.content-02 li.indent {
  margin: 8px 0 8px 16px;
  line-height: 110%;
  }
  
.content-02 ul.link {
  list-style-type: none;
  }

.content-02 li.link a {
  margin: 0 0 0 5px;
  padding-left: 15px;
  line-height: 110%;
  list-style-type: none;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }
  
.content-02 i {
  font-style: normal;
  }
  
.content-02 table {
  font-size: 0.9em;
  border-width:1px 1px 0 0;
  border-style:solid;
  border-color:#CCC;
  border-collapse:collapse;
  width: 100%;
  }
   
.content-02 th {
  border-width:0 0 1px 1px;
  border-style:solid;
  border-color:#CCC;
  font-weight:normal;
  padding: 3px 5px;
  background-color: #F7F8F8;
  }
*/
th.w15 {
  width: 15%;
  } 

.content-02 td {
  border-width:0 0 1px 1px;
  border-style:solid;
  border-color:#CCC;
  padding: 3px 5px;
  }

td.right {
  text-align: right;
  }
  
td.center {
  text-align: center;
  }

/*** ニュース＆トピックス ***/
#news {
  margin: 0 0 0 10px;
  }
  
#news h1 {
  margin: 30px 0 40px 0;
  padding: 8px 0 8px 0;
  font-size: medium;
  _font-size: small;
  border-top: 2px solid #776699;
  border-bottom: 1px solid #776699;
  }

/*
#news h2 {
  margin: 20px 0 10px 0;
  padding: 3px 0 3px 5px;
  font-size: small;
  _font-size: x-small;
  border-bottom: 1px dotted #C4C4C4;
  border-left: 8px solid #C4C4C4;
  } 
*/

#news h2 {
  margin: 20px 0 10px 0;
  padding: 3px 0 3px 3px;
  font-size: small;
  _font-size: x-small;
  background-color: #E6E7E8;
  } 

#news h3 {
  margin: 20px 0 5px 0;
  }

#news h3.weight-normal {
  font-weight: normal;
  }  

#news h4 {
  margin: 20px 0 5px 0;
  }
#news h5 {
  margin: 20px 0 5px 0;
  }
#news h6 {
  margin: 20px 0 5px 0;
  }

#news img {
  margin: 5px 0 5px 0;
  border: 0;
  }
  

#news img.left {
  float: left;
  margin: 5px 5px 10px 0;
  padding: 0 5px 0 0;
  }

#news p {
  line-height: 120%;
  margin: 1em 0 0 0;
  }
#news p.date {
  text-align: right;
  }

#news p.link {
  padding-left: 15px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }

#news table {
  margin: 5px 0 10px 0;
  font-size: 0.9em;
  border-width:1px 1px 0 0;
  border-style:solid;
  border-color:#CCC;
  border-collapse:collapse;
  width: 100%;
  line-height: 120%;
  }
   
#news th {
  border-width:0 0 1px 1px;
  border-style:solid;
  border-color:#CCC;
  font-weight:normal;
  padding: 3px 5px;
  background-color: #F7F8F8;
  text-align: left;
  }

#news caption {
  display: none;
  /*
  border-width:1px 1px 0 1px;
  border-style:solid;
  border-color:#CCC;
  font-weight:normal;
  padding: 3px 5px;
  background-color: #F7F8F8;
  text-align: center;
  */
  }

th.w15 {
  width: 15%;
  }
  
th.w25 {
  width: 25%;
  } 

#news td {
  border-width:0 0 1px 1px;
  border-style:solid;
  border-color:#CCC;
  padding: 3px 5px;
  }

td.right {
  text-align: right;
  }
  
td.center {
  text-align: center;
  }

#news ul {
  margin: 5px 0;
  padding: 0 0 0 0;
  }

#news li {
  margin: 0 0 0 18px;
  padding: 0;
  line-height: 150%;
  }

#news ul.newsul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  }
  
#news ul.newsul span {
  margin: 0 10px 0 0;
  }
  
#news ul.newsul li {
  margin: 10px 0;
  padding: 5px 0;
  /*border-bottom: 1px solid #C4C4C4;*/
  }
  
#news ul.newsul li a {
  padding-left: 15px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }

#news dl a {
  padding-left: 15px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  font-weight: bold;
  }

#news dd {
  margin: 5px 0 10px 15px; 
  line-height: 130%; 
  font-size: 90%;
  }

/*装飾文字*/ 
span.bold {
  font-weight: bold;
  } 
span.small {
  font-size: x-small;
  margin: 5px;
  color: #666;
  }
/*コンテンツ内脚注*/
.footnote {
  margin: 10px 0;
  padding: 2% 5%;
  background-color: #F2F2F2;
  }
  
.footnote h6 {
  margin: 0 0 5px 0;
  padding: 0;
  }

.footnote p {
  margin: 0 0;
  padding: 0;
  }

/*コンテンツ内BOX左右振り分け*/
.content-left {
  float: left;
  /*margin: 0 5px 0 0;*/
  width: 45%;
  }
.content-right {
  float: right;
  /*margin: 0 0 0 5px;*/
  width: 45%;
  }

/**** Webサイト紹介ページ ****/
#web {
  margin: 0;
  padding: 0;
  }

#web div.right {
  margin: 0;
  padding: 0 0 0 0;
  float: right;
  width: 60%;
  /*border-left: 1px solid #C4C4C4;*/
  }

#web div.right h3 {
  margin: 0 0 10px 0;
  padding: 3px 0 3px 3px;
  background-color: #EEE;
  }

#web div.left {
  margin: 0;
  padding: 0 0 0 0;
  float: left;
  width: 35%;
  }

#web div.right p {
  margin: 0 0 15px 0;
  padding: 0;
  }
  
#web div.right ul {
  margin: 0 0 20px 0;
  padding: 0;
  }
  
#web div.right li {
  margin: 0 0 0 15px;
  padding: 0;
  }
  
#web div.left img {
  margin: 0;
  padding: 0;
  }

#web div.left dl {
  margin: 5px 0 10px 0;
  padding: 0;
  }

#web div.left dt a {
  padding-left: 12px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  font-weight: bold;
  }

#web div.left dd {
  margin: 0;
  padding: 0;
  font-size: 85%;
  _font-size: x-small;
  color: #666;
  line-height: 120%;
  }
  
#web div.left h3 {
  margin: 0 0 10px 0;
  padding: 3px 0 3px 3px;
  background-color: #EEE;
  }
  
#web div.left p {
  margin: 5px 0 15px 0;
  padding: 0;
  font-size: 90%;
  line-height: 120%;
  }
/********** footer ***********/
#footer {
  width: 895px;
  border-top:  1px solid #C4C4C4;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0 50px 0;
  background: url(../img/top/back1.gif) top center repeat-x ;
  clear: both;
  }
  
#footer P {
  margin: 0 0 0 40px;
  text-align: left;
  line-height: 150%;
  }
  
#footer a {
  margin: 0;
  padding-left: 13px;
  background: url(../img/common/mark-blue03.gif) left center no-repeat ;
  }