@charset 'UTF-8';
/***************************************************************
    SYSTEM   : インターオーブ
    TITLE    : スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver3.3.4
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 画面共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2006/09/01  //as Ver3.0.1
    UPDATED  : 2007/06/20  //as Ver3.0.18
    UPDATED  : 2007/10/14  //as Ver3.2.1
    UPDATED  : 2007/11/19  //as Ver3.2.7
    UPDATED  : 2007/12/16  //as Ver3.3.1
    UPDATED  : 2009/09/03  //as Ver3.3.4
***************************************************************/

/***************************************************************
    ページ全体の定義
***************************************************************/

/* 文字色・フォントの定義 */
body, table, input, button, textarea {
    color: #000033;
    font-size: 9pt;
    font-weight: normal;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 1.5em;
}

/* 背景色の定義 */
body {
    margin: 0px;
    padding: 0px;
    background: #AABBCC url(../image/wall.jpg) repeat-y;
}

/* スクロールバーの定義 */
html, body {
    scrollbar-face-color: #557799;
    scrollbar-highlight-color: #AABBCC;
    scrollbar-shadow-color: #223344;
    scrollbar-3dlight-color: #AABBCC;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #AABBCC;
    scrollbar-darkshadow-color: #223344;
}

/* テーブルの定義 */
table {
    border: none;
    border-spacing: 0px;
}

/* イメージの定義 */
img {
    border: none;
}

/* フォームの定義 */
form {
    margin: 0px;
    padding: 0px;
}

/* リストの定義 */
ul {
    margin: 0px 0px 0px 8px;
    padding: 0px 0px 0px 8px;
}

/* リンクデザイン */
a:link {
    color: #0000FF;
    font-weight: normal;
    text-decoration: none;
}
a:visited {
    color: #990099;
    text-decoration: none;
}
a:hover {
    color: #FF0000;
    text-decoration: none;
}
a:active {
    color: #FF00FF;
    text-decoration: none;
}

/***************************************************************
    ヘッダ部の定義
***************************************************************/

/* ページ部の定義 */
#page {
    width: 760px;
}

/* ヘッダ部の定義 */
#head {
    height: 96px;
    background: url(../image/head.jpg) no-repeat;
}

/* ロゴ部の定義 */
#logo {
    float: left;
    width: 504px;
}

/* サイト名称の定義 */
#logo h1, #logo h2 {
    margin: 0px;
    font-size: 3pt;
    text-indent: -9999px;
}

/* サブタイトル部の定義 */
#sub {
    float: left;
    margin: 34px 0px 0px 0px;
    width: 256px;
    text-align: center;
}

/***************************************************************
    ボディ部の定義
***************************************************************/

/* ボディ部の定義 */
#body {
    float: left;
    background: url(../image/body.jpg) repeat-y;
}

/* ナビ部の定義 */
#navi {
    float: left;
    width: 144px;
}

/* コンテンツ部の定義 */
#cont {
    float: left;
    width: 568px;
}

/* コンテンツ部段落の定義 */
#cont p {
    margin: 8px 12px;
}

/* イベント部の定義 */
#event {
    padding-bottom: 8px;
    text-align: center;
    background-color: #223345;
}

/* テール部の定義 */
#tail {
    float: left;
    width: 48px;
    background: url(../image/tail.jpg) no-repeat;
}

/* アクセスマップの定義 */
#map {
    width: 520px;
    height: 320px;
    margin: auto;
    border-top: 2px solid #3D5266;
    border-left: 2px solid #3D5266;
    border-right: 2px solid #7AA3CC;
    border-bottom: 2px solid #7AA3CC;
    background: url(../image/map.gif) no-repeat;
}

/***************************************************************
    ナビ部の定義
***************************************************************/

/* ナビ部リストの定義 */
#navi ul {
    margin: 0px;
    padding: 0px 12px 0px 12px;
    list-style: none;
    font-size: 3pt;
    text-indent: -9999px;
}

/* ナビ部ボタンの定義 */
#navi li {
    width: 120px;
    height: 32px;
}

/* 各ボタンリンクの定義 */
#btnhome a, #btnconc a, #btnfact a, #btnarch a, #btnprof a, #btninqu a, #btnback a {
    display: block;
    margin-left: 16px;
    width: 96px;
    height: 32px;
}

/* 個人情報ボタンリンクの定義 */
#btnpriv a {
    display: block;
    width: 66px;
    height: 32px;
}

/* ホームボタンの定義 */
#btnhome, #selhome {
    background: url(../image/btnhome.jpg) no-repeat;
}

/* 事業内容ボタンの定義 */
#btnconc {
    background: url(../image/btnconc.jpg) no-repeat;
}

/* 実験工場ボタンの定義 */
#btnfact {
    background: url(../image/btnfact.jpg) no-repeat;
}

/* 制作実績ボタンの定義 */
#btnarch {
    background: url(../image/btnarch.jpg) no-repeat;
}

/* 会社概要ボタンの定義 */
#btnprof {
    background: url(../image/btnprof.jpg) no-repeat;
}

/* お問合せボタンの定義 */
#btninqu {
    background: url(../image/btninqu.jpg) no-repeat;
}

/* バックボタンの定義 */
#btnback, #selback {
    background: url(../image/btnback.jpg) no-repeat;
}

/* 個人情報ボタンの定義 */
#btnpriv {
    padding: 12px 0px 20px;
    background: url(../image/btnpriv.jpg) no-repeat;
}

/* 事業内容選択ボタンの定義 */
#selconc {
    background: url(../image/selconc.jpg) no-repeat;
}

/* 実験工場選択ボタンの定義 */
#selfact {
    background: url(../image/selfact.jpg) no-repeat;
}

/* 制作実績選択ボタンの定義 */
#selarch {
    background: url(../image/selarch.jpg) no-repeat;
}

/* 会社概要選択ボタンの定義 */
#selprof {
    background: url(../image/selprof.jpg) no-repeat;
}

/* お問合せ選択ボタンの定義 */
#selinqu {
    background: url(../image/selinqu.jpg) no-repeat;
}

/* 個人情報選択ボタンの定義 */
#selpriv {
    padding: 12px 0px 20px;
    background: url(../image/selpriv.jpg) no-repeat;
}

/* ナビ部ボタンフォーカスの定義 */
#navi li a:hover {
    background: url(../image/point.gif) no-repeat;
}

/* 各ボタンフォーカスの定義 */
#btnhome a:hover, #btnconc a:hover, #btnfact a:hover, #btnarch a:hover,
#btnprof a:hover, #btninqu a:hover, #btnback a:hover {
    margin-left: 16px;
}

/***************************************************************
    フッタ部の定義
***************************************************************/

/* フッタ部の定義 */
#foot {
    clear: both;
    height: 56px;
    background: url(../image/foot.jpg) no-repeat;
}

/* フッタ部リストの定義 */
#foot ul {
    margin: 0px;
    padding: 12px 20px 12px 28px;
    list-style: none;
    font-size: 3pt;
    text-indent: -9999px;
}

/* フッタ部ボタンの定義 */
#foot li a {
    display: block;
    width: 96px;
    height: 32px;
}

/* トップボタンフォーカスの定義 */
#btnptop a:hover {
    background: url(../image/point.gif) no-repeat;
}

/* コピーライト部の定義 */
#foot address {
    float: right;
    font-size: 3pt;
    text-indent: -9999px;
}

/* バナー部リンクの定義 */
#banner a {
    float: left;
    margin: 6px 0px 6px 12px;
}

/***************************************************************
    クラスの定義
***************************************************************/

/* 処理名の定義 */
.proc {
    margin: 0px;
    padding-top: 2px;
    height: 20px;
    color: #CCCCDD;
    font-size: 12pt;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 24px;
    background: url(../image/line.jpg) no-repeat;
}

/* タイトルの定義 */
.title {
    margin: 16px 0px;
    width: 568px;
    height: 24px;
    text-align: center;
    background: url(../image/title.gif) no-repeat;
}

/* タイトル文字の定義 */
.title h3 {
    margin: 0px;
    padding-top: 4px;
    color: #CCCCDD;
    font-size: 12pt;
    font-weight: bold;
}

/* セパレータの定義 */
.sep {
    clear: both;
    margin: 12px 0px;
    font-size: 3pt;
    text-indent: -9999px;
    background: url(../image/sepa.gif) no-repeat;
}

/* セパレータリンクの定義 */
.sep a {
    display: block;
    margin-left: 512px;
    width: 56px;
    height: 8px;
}

/* セパレータリンク選択の定義 */
.sep a:hover {
    background: url(../image/actsepa.gif) no-repeat;
}

/* 見出しの定義 */
.cap {
    margin: 8px;
    padding: 4px 0px 4px 24px;
    color: #330000;
    font-size: 10.5pt;
    font-weight: bold;
    background: url(../image/caption.gif) no-repeat;
}

/* エラー部の定義 */
.err {
    margin: 0px 12px;
    padding: 8px;
    color: #FF0000;
    background-color: #FFFFCC;
    border-top: 2px solid #ACB6BF;
    border-left: 2px solid #ACB6BF;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

/* 表の定義(見出し) */
th.list {
    padding: 4px;
    color: #CFDAE5;
    background-color: #5C7A99;
    border-top: 2px solid #7AA3CC;
    border-left: 2px solid #7AA3CC;
    border-right: 2px solid #3D5266;
    border-bottom: 2px solid #3D5266;
}

/* 表の定義(項目) */
td.list {
    padding: 4px;
    background-color: #B8C4E5;
    border-top: 2px solid #CCDAFF;
    border-left: 2px solid #CCDAFF;
    border-right: 2px solid #8F98B3;
    border-bottom: 2px solid #8F98B3;
}

/* 入力枠の定義 */
.input {
    padding: 0px;
    background-color: #B8C4E5;
    border-top: 2px solid #CCDAFF;
    border-left: 2px solid #CCDAFF;
    border-right: 2px solid #8F98B3;
    border-bottom: 2px solid #8F98B3;
}

/* テキスト入力の定義 */
.form {
    height: 16px;
    padding: 0px 1px;
    background-color: #E5F2FF;
    border-top: 2px solid #556677;
    border-left: 2px solid #556677;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

/* ボックス入力の定義 */
.box {
    padding: 0px 1px;
    background-color: #E5F2FF;
    border-top: 2px solid #556677;
    border-left: 2px solid #556677;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

/* ボタンの定義 */
.button {
    height: 24px;
    cursor: pointer;
}

/* 写真の定義 */
.pix {
    float: right;
    margin: 8px;
    border: 2px groove #CCCCCC;
}

/* 説明の定義 */
.note {
    margin: 8px;
    padding: 4px 0px;
    background-color: #E5F2FF;
}

/* 中央寄せの定義 */
.center {
    text-align: center;
}

/* テーブル中央寄せの定義 */
.autopos {
    margin: auto;
}

/* 右寄せの定義 */
.right {
    text-align: right;
}

/* 大きめ文字の定義 */
.large {
    font-size: 10.5pt;
}

/* 小さめ文字の定義 */
.small {
    font-size: 7.5pt;
}

/* 字寄せクリアの定義 */
.clear {
    clear: both;
}