@charset 'UTF-8';
/***************************************************************
    SYSTEM   : 岩崎工業
    TITLE    : スタイルシート定義
    SHEET    : style.css
    VERSION  : Ver1.1.3
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 画面共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2004/12/15  //as Ver1.0.1
    UPDATED  : 2006/09/25  //as Ver1.0.10
    UPDATED  : 2008/10/16  //as Ver1.1.1
    UPDATED  : 2009/12/10  //as Ver1.1.3
***************************************************************/

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

/* 文字色・フォントの定義 */
body, table, input, select, button, textarea {
    color: #0D101A;
    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-color: #7A8299;
}

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

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

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

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

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

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

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

/* ホームボタン部の定義 */
#home {
    float: left;
    width: 100px;
}

/* ホームボタンの定義 */
#home a {
    margin: 18px 18px 14px 10px;
    width: 72px;
    height: 64px;
    display: block;
}

/* ホームボタンアクティブの定義 */
#home a:hover {
    background: url('../image/acthome.gif') no-repeat;
}

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

/* ロゴ部文字の定義 */
#logo h1, #logo h2 {
    font-size: 9pt;
    text-indent: -9999px;
}

/* バックボタン部の定義 */
#back {
    float: left;
    width: 100px;
}

/* バックボタンの定義 */
#back a {
    margin: 24px 24px 40px;
    width: 52px;
    height: 32px;
    display: block;
}

/* バックボタンアクティブの定義 */
#back a:hover {
    background: url('../image/actback.gif') no-repeat;
}

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

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

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

/* スクロールナビ部の定義 */
#snavi {
    position: relative;
    top: 0px;
    left: 0px;
    width: 132px;
    height: 296px;
    background: url('../image/navi.gif') no-repeat;
}

/* ナビリストの定義 */
#navi ul {
    margin: 0px;
    padding: 8px 12px 0px 8px;
    list-style: none;
}

/* ナビボタンの定義 */
#navi li, #navi a {
    width: 112px;
    height: 40px;
    display: block;
}

/* ナビボタンアクティブの定義 */
#navi a:hover {
    background: url('../image/point.gif') no-repeat;
}

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

/* 製品紹介ボタン選択の定義 */
#selprod {
    background: url('../image/selprod.gif') no-repeat;
}

/* サービス体制ボタン選択の定義 */
#selserv {
    background: url('../image/selserv.gif') no-repeat;
}

/* 求人案内ボタン選択の定義 */
#selrecr {
    background: url('../image/selrecr.gif') no-repeat;
}

/* リンク集ボタン選択の定義 */
#sellink {
    background: url('../image/sellink.gif') no-repeat;
}

/* ギャラリーボタン選択の定義 */
#selgall {
    background: url('../image/selgall.gif') no-repeat;
}

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

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

/* テール部の定義 */
#tail {
    float :left;
    width: 216px;
}

/* エラー部の定義 */
#err {
    margin-bottom: 12px;
    padding: 8px;
    color: #FF0000;
    font-weight: bold;
    background-color: #FFFFCC;
    border-top: 2px solid #CCCC66;
    border-left: 2px solid #CCCC66;
    border-right: 2px solid #FFFF99;
    border-bottom: 2px solid #FFFF99;
}

/***************************************************************
    写真フレーム部の定義
***************************************************************/

/* 写真フレームの定義 */
#frame {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 28px 28px 28px 48px;
    width: 140px;
    height: 240px;
    background: url('../image/frame.gif') no-repeat;
}

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

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

/* 著作権表記部の定義 */
#copy {
    float: left;
    width: 636px;
    margin: 46px 0px 0px 104px;
    font-size: 7.5pt;
    font-family: 'Arial';
    text-align: center;
}

/* トップボタン部の定義 */
#ptop {
    float: left;
    width: 100px;
}

/* トップボタンの定義 */
#ptop a {
    margin: 40px 24px 20px;
    width: 52px;
    height: 32px;
    display: block;
}

/* トップボタンアクティブの定義 */
#ptop a:hover {
    background: url('../image/actptop.gif') no-repeat;
}

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

/* 見出しの定義 */
.capt {
    float: left;
    margin: 0px 64px 12px 0px;
/*    padding: 7px 60px 0px 116px;*/
    padding: 7px 0px 0px 116px;
    width: 360px;
    height: 25px;
    color: #293866;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    background: url('../image/caption.gif') no-repeat;
}

/* トップリンクの定義 */
.top {
    float: right;
    width: 52px;
    margin-top: 12px;
}

/* ラインの定義 */
.line {
    margin: 12px 0px 8px;
    width: 652px;
    height: 16px;
    background: url('../image/line.gif') no-repeat;
}

/* 表の定義 */
table.list {
    margin: auto;
}

/* 表見出しの定義 */
th.list {
    padding: 4px;
    background-color: #B8C4E5;
    border-top: 2px solid #F3F4F7;
    border-left: 2px solid #F3F4F7;
    border-right: 2px solid #405080;
    border-bottom: 2px solid #405080;
}

/* 表明細の定義 */
td.list {
    padding: 4px;
    background-color: #E6E9F2;
    border-top: 2px solid #F3F4F7;
    border-left: 2px solid #F3F4F7;
    border-right: 2px solid #405080;
    border-bottom: 2px solid #405080;
}

/* 表入力部の定義 */
td.input {
    padding: 0px 2px;
    background-color: #E6E9F2;
    border-top: 2px solid #F3F4F7;
    border-left: 2px solid #F3F4F7;
    border-right: 2px solid #405080;
    border-bottom: 2px solid #405080;
}

/* 入力枠の定義 */
.form {
    padding: 2px;
    border-top: 2px solid #405080;
    border-left: 2px solid #405080;
    border-right: 2px solid #F3F4F7;
    border-bottom: 2px solid #F3F4F7;
}

/* ボタン部の定義 */
div.button {
    margin: 12px 0px 0px;
    text-align: center;
}

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

/* 説明の定義(会社概要) */
.expl {
    float: left;
    width: 300px;
}

/* 写真の定義(会社概要) */
.pics {
    float: right;
    margin-left: 16px;
    width: 336px;
}

/* 地図の定義(サービス体制) */
.map {
    float: left;
    width: 452px;
    text-align: center;
}

/* エリア部の定義(サービス体制) */
.area {
    float: right;
    width: 200px;
    padding-top: 16px;
}

/* エリアリストの定義(サービス体制) */
.area ul {
    margin: 12px 0px;
    padding: 0px;
    list-style: none;
}

/* 一覧写真部の定義(ギャラリー) */
.thumb {
    float: left;
    margin: 8px 22px;
    padding: 6px 0px 0px;
    width: 172px;
    display: inline;
    color: #E0E0FF;
    text-align: center;
    background: #000000 url('../image/thumb.gif') no-repeat;
}

/* 一覧写真の定義(ギャラリー) */
.thumb img {
    margin: 4px 0px 4px;
}

/* 一覧件名の定義(ギャラリー) */
.subj {
    padding: 0px 6px 4px;
    text-align: left;
    background: url('../image/subject.gif') no-repeat bottom;
}

/* 詳細写真の定義(ギャラリー) */
.photo {
    margin: auto;
    padding: 6px 0px 0px;
    width: 652px;
    text-align: center;
    background: #000000 url('../image/photo.gif') no-repeat;
}

/* 詳細件名の定義(ギャラリー) */
.detail {
    margin: auto;
    padding: 12px 6px 0px;
    width: 640px;
    background: url('../image/detail.gif') no-repeat;
}

/* 詳細情報の定義(ギャラリー) */
.dtlinf {
    margin-top:4px;
    padding-top: 8px;
    color: #303399;
    text-align: right;
    border-top: solid 1px #999999;
}

/* モアボタンの定義(ギャラリー) */
.more {
    margin: 0px 4px;
    text-align: right;
}

/* ボタンの定義(ギャラリー) */
a.button {
    padding: 0px 8px;
    background-color: #CCCCFF;
}

/* 新着マークの定義(ギャラリー) */
.new {
    color: #FF0000;
    font-size: 6pt;
}

/* プロンプトの定義(ギャラリー) */
.prompt {
    float: left;
    margin: 0px 0px 16px 16px;
}

/* ソートボタンの定義(ギャラリー) */
.sortbtn {
    float: right;
    margin: 0px 4px 16px 0px;
}

/* 編集ボタンの定義(ギャラリー) */
.editbtn {
    float: left;
    margin: 12px 0px 0px 96px;
    width: 364px;
    text-align: center;
}

/* 編集写真の定義(ギャラリー) */
.editpic {
    float: right;
    margin: 12px 24px 0px 0px;
    padding: 4px;
    background-color: #000000;
}

/* パスワード入力部の定義(ギャラリー) */
.pass {
    margin: 16px 12px 0px;
}

/* ページ番号の定義(ギャラリー) */
.pageno {
    clear: both;
    padding: 2px 0px 4px;
    text-align: center;
}

/* インデントの定義 */
.ind {
    margin-left: 16px;
}

/* 中央寄せの定義 */
.center {
    text-align: center;
}
/* 文字寄せクリアの定義 */
.clear {
    clear: both;
}