@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
  margin: 0 auto;
  padding: 0;
  color: #333333;
  background: #ffffff url(../images/bg_body.gif);
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#frame {
  margin: 0 auto;
  width: 774px;
  background: url(../images/back_contents.gif) repeat-y;
}


/* ヘッダ・ナビゲーション・サブメニュー
---------------------------------------------------- */
#header {
  margin: 0 auto; 
  width: 748px;
  background: url(../images/logo.gif);
  height: 91px;
}
#header h1 {
  float: left ;
  margin: 0 auto;
  position: relative;
  left: 0;
  top: 0;
  height: 30px;
}
#header img {
  border: none;
  color: #ffffff;
  background: transparent;
  }
#navigation {
  float: right ;
  margin: 0;
  padding: 0;
  width: 504px;
}
#navigation ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation li {
  position: absolute;
  top: 31px;
  display: block;
  height: 30px;
  margin: 0;
  padding: 0;
  text-indent: -3000px;
}
#navigation li#company {
  width: 135px;
  left: 41px;
  background: url(../images/company_on.gif) no-repeat;
}
#navigation li#company a {
  width: 135px;
  left: 41px;
  background: url(../images/company_off.gif) no-repeat;
}
#navigation li#company a:hover  {
  width: 135px;
  left: 41px;
  background: url(../images/company_on.gif) no-repeat;
}
#navigation li#localization {
  width: 109px;
  left: 176px;
  background: url(../images/localization_on.gif) no-repeat;
}
#navigation li#localization a {
  width: 109px;
  left: 176px;
  background: url(../images/localization_off.gif) no-repeat;
}
#navigation li#localization a:hover {
  width: 109px;
  left: 176px;
  background: url(../images/localization_on.gif) no-repeat;
}
#navigation li#web {
  width: 116px;
  left: 285px;
  background: url(../images/web_on.gif) no-repeat;
}
#navigation li#web a {
  width: 116px;
  left: 285px;
  background: url(../images/web_off.gif) no-repeat;
}
#navigation li#web a:hover {
  width: 116px;
  left: 285px;
  background: url(../images/web_on.gif) no-repeat;
}
#navigation li#contact {
  width: 103px;
  left: 401px;
  background: url(../images/contact_on.gif) no-repeat;
}
#navigation li#contact a {
  width: 103px;
  left: 401px;
  background: url(../images/contact_off.gif) no-repeat;
}
#navigation li#contact a:hover {
  width: 103px;
  left: 401px;
  background: url(../images/contact_on.gif) no-repeat;
}
#navigation a {
  display: block;
  height: 30px;
  text-decoration: none;
}
#submenu {
  float: left ;
  position: relative;
  width:270px;
  left: 310px;
  top: 0px;
  height: 30px;
}

/* トップイメージ
---------------------------------------------------- */
#top_img {
  margin: 0 0 0 13px;
}
#top_img img {
  vertical-align: bottom;
}

/* コンテンツ
---------------------------------------------------- */

#content {
  margin:0 auto;
  width: 710px;
  padding-bottom: 10px;
  padding-top: 20px;
}
#topics {
  float: left;
  width: 250px;
  margin: 0px;
  background: url(../images/topics_top.gif) no-repeat;
}
#localiz_top {
  margin-left: 250px;
  margin-right: 225px;
}
#web_top {
  float: right;
  margin: 0px;
  width: 225px;
}
#banner_space {
  clear:both;
  float: left;
  width: 222px;
  padding: 10px 0 10px 10px;
}
#content h2 {
  margin: 2em 0 0.3em;
  font-size: x-small;
  font-weight: normal;
  color: #ff9900;
  background: transparent;
  text-indent: -3000px;
}
#topics p {
  margin: 0;
  line-height: 1.6;
  font-size: small;
  padding: 0px 5px 10px 5px;
}
#web_top p {
  margin: 0;
  line-height: 1.3;
  font-size: small;
  margin: 0px 5px 10px 5px;
  padding: 7px 5px 10px 5px;
}


/* トピックス
---------------------------------------------------- */

#topics ul {
  margin: 0;
  padding-left: 0px;
  width: 222px;
  list-style: none;
  color: #666666;
}
#topics li {
  display: block;
  margin: 5px 0 10px 0;
  padding: 0px 5px 10px 5px;
  font-size: small;
  line-height: 1.4;
  border-bottom: 1px dotted #cccccc;
  text-decoration: none;
  color: #333333;
  background-color: #ffffff;
}
#topics li .stext {
  font-size: x-small;
  color: #333333;
}


/* WEB構築
---------------------------------------------------- */

#web_top h2 a {
  display: block;
  width: 216px;
  height: 27px;
  text-decoration: none;
}
#web_top h2 {
  position: relative;
  margin: 0;
  padding: 0;
  background: url(../images/tab_web.gif) no-repeat;
}
#web_box {
  position: relative;
  margin-left: 0px;
  width: 224px;
  background: url(../images/web_back.gif) repeat-y;
}
#web_bottom {
  margin: 0 auto;
  position: relative;
  width: 224px;
  height:25px;
  background: #ffffff url(../images/web_bottom.gif) no-repeat;
}

/* ローカリゼーション
---------------------------------------------------- */
#localiz_top h2 {
  position: relative;
  margin: 0;
  padding: 0;
  background: url(../images/tab_local.gif) no-repeat;
}
#localiz_top ul {
  position: relative;
  margin: 0;
  padding: 0;
  top: -27px;
  list-style: none;
}
#localiz_top li {
  position: absolute;
  display: block;
  width: 224px;
  margin: 0;
  padding: 0;
  text-indent: -3000px;
}
#localiz_top h2 a {
  display: block;
  width: 216px;
  height: 27px;
  text-decoration: none;
}
#localiz_top li#document_l {
  left: 0;
  top : 27px;
  height: 41px;
  background: url(../images/tab_document_off.gif) no-repeat;
}
#localiz_top li#document_l a:hover {
  left: 0;
  top : 27px;
  height: 41px;
  background: url(../images/tab_document_on.gif) no-repeat;
}
#localiz_top li#web_l {
  left: 0;
  top : 68px;
  height: 41px;
  background: url(../images/tab_webl_off.gif) no-repeat;
}
#localiz_top li#web_l a:hover {
  left: 0;
  top : 68px;
  height: 41px;
  background: url(../images/tab_webl_on.gif) no-repeat;
}
#localiz_top li#software_l {
  left: 0px;
  top : 109px;
  height: 41px;
  background: url(../images/tab_software_off.gif) no-repeat;
}
#localiz_top li#software_l a:hover {
  left: 0px;
  top : 109px;
  height: 41px;
  background: url(../images/tab_software_on.gif) no-repeat;
}
#localiz_top li#testing {
  left: 0;
  top : 150px;
  height: 50px;
  background: url(../images/tab_testing_off.gif) no-repeat;
}
#localiz_top li#testing a:hover {
  left: 0;
  top : 150px;
  height: 50px;
  background: url(../images/tab_testing_on.gif) no-repeat;
}
#localiz_top a {
  display: block;
  width: 216px;
  height: 41px;
  text-decoration: none;
}

/* バナー
---------------------------------------------------- */
#top_banner {
  clear:both;
  margin: 0 auto;
  position: relative;
  width: 150px;
  padding: 0px 0px 10px 540px;
}

/* フッター
---------------------------------------------------- */
#footer {
  clear: both;
  margin: 0 auto;
  position: relative;
  width: 774px;
  height: 37px;
  background: #ffffff url(../images/footer.gif) no-repeat;
}
#footer p {
  margin: 0px 10px 10px 0px;
  padding: 7px 10px;
  text-indent:-3000px;
  font-size: x-small;
  color: #666666;
  background: transparent;
}