/* グローバル
----------------------------------------------- */
* {
  margin:                0px;
  padding:               0px;
  font-family:           "ＭＳ Ｐゴシック",Osaka,sans-serif;
  color:                 #333333;
  line-height:           1.4em;
  font-size:             12.5px;
}


/* 要素汎用定義
----------------------------------------------- */
/* ボディー */
body {
  background:            #ffffff url('../img/Background/body.jpg') no-repeat 620px top;
  text-align:            center;
  padding-left:          10px;
  padding-right:         10px;
  padding-bottom:        10px;
}

/* リスト */
li {
  list-style-type:       none;
}

ul,ol,dl {
  margin-top:            5px;
}

ul.mark_disc li {
  list-style-type:       disc;
}

dt {
  margin-top:            10px;
}

dd {
  margin-left:           10px;
}

/* 見出し */
h4 {
  /* 小見出しとして使用 */
/*  height:                20px;
  text-indent:           -9999px;
  font-size:             16px;*/
  margin-top:            20px;
  margin-bottom:         15px;
}

/* 段落 */
p {
  padding-bottom:        10px;
  line-height:           1.6em;
}

/* アンカー */
a {
  color:                 #003399;
}

a:hover {
  color:                 #993300;
}


/* アドレス */
address {
  margin-top:            20px;
  margin-bottom:         20px;
  text-align:            right;
}

/* 表 - 基本 */
table {
  width:                 580px;
  margin-left:           10px;
  margin-bottom:         10px;
  border-collapse:       collapse;
}

th, td {
  padding:               6px;
  border:                1px solid #cccccc;
}

th {
  text-align:            center;
}


/* 画像 */
img {
  border:                none;
}

/* フォーム */
input {
  padding:               2px;
}


/* ↓↓↓↓     以下、個別セレクタ群     ↓↓↓↓
----------------------------------------------- */

/* ラッパー
----------------------------------------------- */
#wrapper {
  position:              relative;
  width:                 810px;
  min-height:            550px;
  _height:               550px;
  background:            transparent;
/*  border-left:           1px solid #d1d1d1;
  border-right:          1px solid #d1d1d1;*/
  margin-top:            5px;
  margin-left:           auto;
  margin-right:          auto;
  padding-bottom:        30px;
  text-align:            left;
}


/* 個別背景
----------------------------------------------- */
body#aboutus #wrapper{
  background:           transparent url('../img/Background/aboutus.jpg') right 320px no-repeat;
}

body#services #wrapper{
  background:           transparent url('../img/Background/services.jpg') right 320px no-repeat;
}

body#translation #wrapper{
  background:           transparent url('../img/Background/translation.jpg') right 320px no-repeat;
}

body#techwriting #wrapper{
  background:           transparent url('../img/Background/techwriting.jpg') right 320px no-repeat;
}

body#illustration #wrapper{
  background:           transparent url('../img/Background/illustration.jpg') right 320px no-repeat;
}

body#dtp #wrapper{
  background:           transparent url('../img/Background/dtp.jpg') right 280px no-repeat;
}

body#markup #wrapper{
  background:           transparent url('../img/Background/markup.jpg') right 280px no-repeat;
}

body#autodocgen #wrapper{
  background:           transparent url('../img/Background/autodocgen.jpg') 415px 260px no-repeat;
}

body#trados #wrapper{
  background:           transparent url('../img/Background/trados.jpg') right 270px no-repeat;
}

body#flash #wrapper{
  background:           transparent url('../img/Background/flash.jpg') right 310px no-repeat;
}

body#press #wrapper{
  background:           transparent url('../img/Background/press.jpg') right 320px no-repeat;
}

body#elearning #wrapper{
  background:           transparent url('../img/Background/elearning.jpg') right 320px no-repeat;
}

body#system #wrapper{
  background:           transparent url('../img/Background/system.jpg') right 320px no-repeat;
}

body#faq #wrapper{
  background:           transparent url('../img/Background/faq.jpg') 480px 260px no-repeat;
}

body#recruit #wrapper{
  background:           transparent url('../img/Background/recruit.jpg') right 320px no-repeat;
}

body#contact #wrapper{
  background:           transparent url('../img/Background/contact.jpg') right 320px no-repeat;
}

body#privacy #wrapper{
  background:           transparent url('../img/Background/privacy.jpg') right 320px no-repeat;
}

body#trademarks #wrapper{
  background:           transparent url('../img/Background/trademarks.jpg') right 320px no-repeat;
}


/* ヘッダー・フッター
----------------------------------------------- */
/* ヘッダー */
#header {
  position:              relative;
  width:                 100%;
  min-height:            70px;
  _height:               85px;
  padding-bottom:         5px;
  background:            transparent;
}

/* ロゴ */
#logo {
  float:                 left;
  margin-top:            20px;
}

/* ロゴのアンカー */
#logo a {
  text-decoration:       none;
  text-indent:           -9999px;
  background:            url('../img/HS_LOGO.gif') no-repeat;
  width:                 214px;
  height:                36px;
  display:               block;
}


/* 言語 */
#lang {
  float:                 right;
  width:                 88px;
  margin-top:            38px;
  text-indent:           -9999px;
}

#lang a {
  display:               block;
  height:                21px;
  background:            transparent url('../img/lang.gif') left top no-repeat;
  text-decoration:       none;
}

#lang a:hover {
  background:            transparent url('../img/lang.gif') left -22px no-repeat;
}


/* フッター */
#footer {
  position:              absolute;
  width:                 100%;
  height:                28px;
  bottom:                0px;
  background:            #ffffff url('../img/FooterBar.jpg') left top no-repeat;
}

/* コピーライト */
#copyright {
  text-indent:           -9999px;
}


/* グローバルナビゲーション
----------------------------------------------- */
#globalNavi {
  float:                 left;
  height:                50px;
  width:                 560px;
  margin-left:           30px;
}

#globalNavi li {
  float:                 left;
  text-indent:           -9999px;
}

#globalNavi li a {
  display:               block;
  width:                 111px;
  height:                50px;
}

/* ホーム */
#gNav_Home a {
}

#gNav_Home a:hover {
}

/* 会社案内 */
#gNav_Company a {
}

#gNav_Company a:hover {
}

/* 業務紹介 */
#gNav_Services a {
}

#gNav_Services a:hover {
}

/* 採用情報 */
#gNav_Recruit a {
}

#gNav_Recruit a:hover {
}

/* お問い合わせ */
#gNav_ContactUs a {
}

#gNav_ContactUs a:hover {
}


/* メイン領域
----------------------------------------------- */
#mainArea {
  min-height:           400px;
  _height:              400px;
  margin-top:           1px;
  background:           transparent url('../img/mainAreaBar.gif') top right no-repeat;
}

/* トップページのみボーダー無し */
#index #mainArea {
  border-top:            none;
}

/* メイン領域 - マップ
----------------------------------------------- */
#mainArea_map {
  min-height:           400px;
  _height:              400px;
  margin-top:           1px;
  padding:              20px;
  padding-bottom:       10px;
  background:           transparent url('../img/mainAreaBar.gif') top right no-repeat;
}

/* サブナビゲーション
----------------------------------------------- */
#subNavi {
  float:                 right;
  margin-top:            95px;
  margin-left:           30px;
  _margin-left:          15px;
  padding-left:          20px;
}

#subNavi li {
  min-height:            20px;
  width:                 130px;
  padding-top:           5px;
  background:            transparent url('../img/subNaviMark1.png') left 4px no-repeat;
  margin-bottom:         20px;
  padding-left:          20px;
}

#subNavi li.here {
  color:                 #993300;
  width:                 130px;
  background:            transparent url('../img/subNaviMark1x.png') left 4px no-repeat;
}

#subNavi li a {
  color:                 #003399;
}

#subNavi_lev2 {
  margin-top:            5px;
  margin-bottom:         15px;
}

#subNavi li.here #subNavi_lev2 {
}

#subNavi_lev2 li {
  width:                 110px;
  margin-bottom:         5px;
  border-bottom:         1px dotted #003399;
  background:            transparent url('../img/subNaviMark2.png') left 4px no-repeat;
  padding-left:          20px;
}

#subNavi_lev2 li a {
  color:                 #333333;
}

#subNavi_lev2 li.here {
  color:                 #993300;
  width:                 110px;
  background:            transparent url('../img/subNaviMark2x.png') left 4px no-repeat;
}

#subNavi_lev2 li.inactive {
  width:                 110px;
  background:            none;
}

#subNavi_lev2 li.inactive strike {
  color:                 #999999;
}

#subNavi li a:hover {
  color:                 #993300;
}


/* コンテンツ領域
----------------------------------------------- */
#contentArea {
  float:                 left;
  width:                 600px;
  margin-left:           2px;
}

/* 見出し */
#contentArea h3 {
/*  display:               block;
  height:                35px;*/
  margin-top:            35px;
  margin-bottom:         25px;
}

#tokyo {
  margin-left:           15px;
  border-bottom:         1px dotted gray;
}

#chubu {
  margin-top:            50px;
  margin-left:           15px;
  border-bottom:         1px dotted gray;
}

/* 本文領域 */
.content {
  font-size:             0.8em;
  padding-left:          15px;
}

/* 本文 */
.content p {
  padding-left:          14px;
}

/* 本文内リスト */
.content ul, .content ol, .content dl {
  margin-left:          20px;
}

ol.ol_num {
  margin-left:           30px;
}

ol.ol_num li {
  list-style-type:       decimal;
}

/* 本文下バナー */
p.banner {
  text-align:right;
  padding-top:           20px;
}

/* 表 - 会社概要 */
#corporateTable .col1 {
  width:                 6.0em;
  text-align:            right;
}

#corporateTable td {
  border:                none;
  border-bottom:         1px dotted #cccccc;
}

/* 表 - 沿革 */
#historyTable th {
  color:                 #666666;
}

#historyTable th, #historyTable td {
  border:                none;
  border-bottom:         1px dotted #cccccc;
}

#historyTable .col1 {
  width:                 100px;
}

#historyTable td.col1 {
  text-align:            right;
  padding-right:         10px;
}

#historyTable .col2 {
  width:                 250px;
}


/* 表 - 採用情報 */
#recruitTable .col1 {
  width:                 105px;
  background-color:      #ebf0d6;
}

#recruitTable .col2 {
}

#recruitTable #depTable {
  width:                 450px;
  border:                1px solid #cacaca;
}

#recruitTable #depTable th {
  color:                 #6a6a6a;
}

#recruitTable #depTable td {
  border-bottom:         1px dotted #cacaca;
}

#depTable .depTcol1 {
  width:                 110px;
}

/* 表内本文 */
.content table p {
  padding-top:           3px;
  padding-bottom:        3px;
  padding-left:          0px;
}

/* 表内リスト */
.content table ul, .content table ol, .content table dl {
  argin-bottom:         0px;
}

/* イメージ回り込み（左）*/
.img_left {
  float:                 left;
  margin-right:          20px;
  margin-top:            20px;
  margin-bottom:         20px;
}

/* イメージ回り込み（右）*/
.img_right {
  float:                 right;
  margin-left:           20px;
  margin-top:            20px;
  margin-bottom:         20px;
}

/* 部署紹介 */
#departmentList dd {
  padding-bottom:        10px;
}

#departmentList dd p {
  padding-top:           4px;
  padding-bottom:        0px;
  margin-left:           10px;
}

/* 「登録フォームへ」ボタン */
.registerBt {
  width:                 150px;
  margin-left:           auto;
  margin-right:          auto;
  margin-top:            10px;
  margin-bottom:         10px;
  text-indent:           -9999px;
}
.registerBt a {
  display:               block;
  height:                45px;
  background:            transparent url('../img/registerBt.png') top center no-repeat;
  text-decoration:       none;
}

.registerBt a:hover {
  background:            transparent url('../img/registerBt.png') bottom center no-repeat;
}


/* 登録フォーム */
#regTable {
  margin-top:            10px;
  margin-left:           15px;
  border:                1px solid #999999;
}

#regTable td {
  padding-top:           10px;
  padding-bottom:        10px;
}

td.regCol1 {
  border:                none;
  border-bottom:         1px dashed #999999;
  border-right:          1px solid #999999;
  width:                 100px;
  font-weight:           bold;
  color:                 #444444;
  background-color:      #efefef;
}

td.regCol2 {
  border:                none;
  border-bottom:         1px dashed #999999;
}

td.reqItem {
  color:                 #ff0000;
}

#formBtArea {
  width:                 220px;
  margin-left:           auto;
  margin-right:          auto;
  padding-bottom:        40px;
}

/* IE7回避  */
*+html #formBtArea {
  padding-bottom:        0px;
}

.formBt {
  float:                 left;
  margin-left:           35px;
  width:                 5.0em;
}

#regCaution {
  color:                 #ff0000;
}

#registerdMsg {
  margin-left:           100px;
}

/* お問い合わせ */
.locations {
  margin-bottom:         30px;
}

.locations dt {
  min-height:            16px;
  margin-top:            20px;
  margin-bottom:         10px;
  padding-bottom:        3px;
  text-indent:           20px;
  border-bottom:         1px dotted #dfdfdf;
  background:            transparent url('../../contact/img/locationMark1.png') left top no-repeat;
}

.locations dd {
  border-bottom:         1px dotted #aaaaaa;
}

.locations dd ul li {
  margin-bottom:         3px;
}

.map {
  padding-left:          13px;
  background:            transparent url('../img/triangle1.gif') left 2px no-repeat;;
}


/* プライバシー */
.ppBoard {
  width:                 600px;
  border:                1px solid #cccccc;
  margin-top:            10px;
  margin-bottom:         20px;
  margin-left:           auto;
  margin-right:          auto;
  padding:               20px;
}

.ppTitle {
  margin-bottom:         20px;
  text-align:            center;
}

.ppBoard p, .ppBoard dl {
  margin-left:           0px;
}

.ppBoard dt {
  margin-top:            20px;
  margin-bottom:         10px;
  padding-bottom:        2px;
  font-size:             15px;
  border-bottom:         1px solid #003399;
}

/* 商標について */
#trademarksList li {
  list-style-type:       disc;
  margin-bottom:         10px;
}


/* フッターナビゲーション
----------------------------------------------- */
ul#footerNavi {
  margin-top:            0px;
}

#footerNavi li {
  float:                 left;
  margin-right:          10px;
  text-indent:           -9999px;
}

#footerNavi li a {
  display:               block;
  height:                27px;
}


/* プライバシーポリシー */
#fNav_pp a {
  width:                 137px;
  margin-left:           20px;
  margin-right:          15px;
  background:            transparent url('../img/fNav_pp.jpg') left top no-repeat;
  text-decoration:       none;
}

#fNav_pp a:hover {
  background:            transparent url('../img/fNav_pp.jpg') left -28px no-repeat;
}

/* 商標について */
#fNav_tm a {
  width:                 100px;
  background:            transparent url('../img/fNav_tm.jpg') left top no-repeat;
  text-decoration:       none;
}

#fNav_tm a:hover {
  background:            transparent url('../img/fNav_tm.jpg') left -28px no-repeat;
}