/* CSS Document */

/* ====================================
  File        : common.css
  Date        : 2006.08.07
  Last Update : 2011.05.02
===================================== */

/* ------------------------------
 Basic-element
------------------------------ */
body {
    margin: 0;
    padding: 0;
    color: #333333;
}

body#haken {
    background: url(../misc/bg_green.gif) repeat-x;
}

body#career {
    background: url(../misc/bg_orange.gif) repeat-x;
}

body#client {
    background: url(../misc/bg_blue.gif) repeat-x;
}

body#company {
    background: url(../misc/bg_gray.gif) repeat-x;
}

td, p { 
    font-size: 12px;
    line-height: 16px;
}

img {
    border: 0;
}

/* ------------------------------
 Font
------------------------------ */
.t0h12    {font-size: 10px; line-height: 12px;}
.t0h14    {font-size: 10px; line-height: 14px;}
.t0h16    {font-size: 10px; line-height: 16px;}
.t0h18    {font-size: 10px; line-height: 18px;}
.t1h16    {font-size: 12px; line-height: 16px;}
.t1h18    {font-size: 12px; line-height: 18px;}
.t1h20    {font-size: 12px; line-height: 20px;}
.t1h22    {font-size: 12px; line-height: 22px;}
.t2h18    {font-size: 14px; line-height: 18px;}
.t2h18    {font-size: 14px; line-height: 20px;}
.t2h18    {font-size: 14px; line-height: 22px;}

.green  {color: #3A8786;}
.orange {color: #DE6800;}
.blue   {color: #308BE1;}
.white  {color: #FFFFFF;}

a:link      {color: #336699; text-decoration: underline;}
a:visited   {color: #336699; text-decoration: underline;}
a:hover     {color: #336699; text-decoration: none;}
a:active    {color: #336699; text-decoration: none;}

a.green:link    {color: #3A8786; text-decoration: underline;}
a.green:visited {color: #3A8786; text-decoration: underline;}
a.green:hover   {color: #3A8786; text-decoration: none;}
a.green:active  {color: #3A8786; text-decoration: none;}

a.green02:link      {color: #6695A6; text-decoration: none;}
a.green02:visited   {color: #6695A6; text-decoration: none;}
a.green02:hover     {color: #6695A6; text-decoration: underline;}
a.green02:active    {color: #6695A6; text-decoration: underline;}

a.orange:link       {color: #DE6800; text-decoration: underline;}
a.orange:visited    {color: #DE6800; text-decoration: underline;}
a.orange:hover      {color: #DE6800; text-decoration: none;}
a.orange:active     {color: #DE6800; text-decoration: none;}

a.orange02:link     {color: #DE6800; text-decoration: none;}
a.orange02:visited  {color: #DE6800; text-decoration: none;}
a.orange02:hover    {color: #DE6800; text-decoration: underline;}
a.orange02:active   {color: #DE6800; text-decoration: underline;}

a.blue:link     {color: #308BE1; text-decoration: underline;}
a.blue:visited  {color: #308BE1; text-decoration: underline;}
a.blue:hover    {color: #308BE1; text-decoration: none;}
a.blue:active   {color: #308BE1; text-decoration: none;}

a.footer:link       {color: #6695A6; text-decoration: none;}
a.footer:visited    {color: #6695A6; text-decoration: none;}
a.footer:hover      {color: #6695A6; text-decoration: underline;}
a.footer:active     {color: #6695A6; text-decoration: underline;}

td#cmt  {font-size:12px; font-weight:bold;}


/*----- 2011/05/02 追加 -----*/
/****************/
/* フッター関連 */
/****************/

/* フッターメイン */
div.footer_main {
    height: 89px;
    width: 100%;
    text-align: center;
}

/* フッターサブ */
div.footer_sub {
    height: 80px;
    width: 880px;
    margin: 0 auto;
}

/* プライバシーマーク */
div.footer_pmark {
    height: 80px;
    width:  75px;
    text-align: left;
    float: left;
}

/* 証明書 */
div.footer_ssl {
    height: 72px;
    width:  120px;
    text-align: left;
    float: left;
}

/* Flashリンク */
div.footer_flash {
    height: 80px;
    width:  118px;
    text-align: center;
    padding-top: 22px;
    float: left;
}

/* QRコード */
div.footer_qrcord {
    height: 80px;
    width:  59px;
    text-align: center;
    padding-top: 12px;
    float: left;
}

/* 区切り領域 */
div.footer_delimitation {
    height: 80px;
    width:  20px;
    text-align: center;
    padding-top: 28px;
    float: left;
}

/* 文字リンク */
div.footer_textlink {
    height: 80px;
    width:  495px;
    text-align: left;
    padding-top: 28px;
    float: left;
}

/* コピーライト */
div.footer_copyright {
    height: 21px;
    width:  100%;
    background: #000000 url(../misc/footer.gif) no-repeat center;
}


/**********************/
/* 汎用部品（id指定） */
/**********************/
/* 画像左回りこみ（開始）（これを使うと、画像の右に文字を表示出来ます） */
#floatleft {
    float: left;
    margin-right: 1em;
}

/* 画像右回りこみ（開始）（これを使うと、画像の左に文字を表示出来ます） */
#floatright {
    float: right;
    margin-left: 1em;
}

/* 画像回りこみ（終了）（画像回り込みを使用した後は、この部品で無効化すること） */
#floatclear {
    clear: both;
}