@charset 'UTF-8';
/** ************************************************************
    SYSTEM   : gela CMS
    TITLE    : 管理用スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.3.1
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 管理ページの色や形状を定義する。
    AUTHOR   : yap
    LICENSE  : (c) 2008-2010 studio yap (http://yap.jp/)
    CREATED  : 2008/02/08  //as Ver1.0.1
    UPDATED  : 2010/09/12  //as Ver1.3.1
***************************************************************/

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

/* 文字色・フォントの定義 */
body, table, input, button, textarea, select {
    color: #000000;
    font-size: 10.5pt;
    font-weight: normal;
    font-family: 'Meiryo UI', 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Verdana';
    text-decoration: none;
    line-height: 1.2em;
}

/* 背景色の定義 */
body {
    margin: 0px;
    padding: 0px;
    background: #A4B8CC url('../image/wall.gif') repeat;
}

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

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

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

/* リンクデザイン */
a {
    text-decoration: none;
    outline: none;
}
a:link    {color: #000033;}
a:visited {color: #000033;}
a:hover   {color: #CC0033;}
a:active  {color: #FF0066;}

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

/* ページ部の定義 */
#page {
    margin: auto;
    width: 752px; /* ページ幅 */
}

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

/* ロゴ部の定義 */
#logo {
    height: 40px;
}

/* ホームボタンの定義 */
#home a {
    float: left;
    margin: 8px 8px 8px 0px;
    width: 144px;
    height: 24px;
    display: block;
}

/* ホームボタン選択の定義 */
#home a:hover {
    background: url(../image/selhome.gif) no-repeat;
}

/* デモ中メッセージ部の定義 */
#demo {
    float: left;
    margin-top: 12px;
    width: 80px;
    color: #CC0000;
    font-weight: bold;
}

/* タイトル部の定義 */
#title {
    float: left;
    margin: auto;
    padding-top: 12px;
    width: 288px;
    text-align: center;
    color: #294766;
    font-size: 12pt;
    font-weight: bold;
}

/* サブタイトル部の定義 */
#sub {
    float: right;
    margin: 14px 0px 10px;
    width: 160px;
    height: 16px;
    overflow: hidden;
}

/***************************************************************
    トレース部の定義
***************************************************************/

/* トレース部の定義 */
#trace {
    height: 40px;
}

/* トレースボタンの定義 */
#sitebtn, #pagebtn, #contbtn, #itembtn, #attsbtn, #commbtn, #menubtn, #userbtn {
    float: left;
    width: 88px;
    height: 24px;
}

/* アタッチボタン/個別メニューボタンの定義 */
#attsbtn, #menubtn {
    margin-right: 24px;
}

/* トレースボタンリンクの定義 */
#sitebtn a, #pagebtn a, #contbtn a, #itembtn a, #attsbtn a, #commbtn a, #menubtn a, #userbtn a {
    display: block;
    width: 88px;
    height: 24px;
}

/* サイトボタンリンクの定義 */
#sitebtn a {
    background: url('../image/actsite.gif') no-repeat;
}

/* ページボタンリンクの定義 */
#pagebtn a {
    background: url('../image/actpage.gif') no-repeat;
}

/* コンテンツボタンリンクの定義 */
#contbtn a {
    background: url('../image/actcont.gif') no-repeat;
}

/* アイテムボタンリンクの定義 */
#itembtn a {
    background: url('../image/actitem.gif') no-repeat;
}

/* アタッチボタンリンクの定義 */
#attsbtn a {
    background: url('../image/actatts.gif') no-repeat;
}

/* 共通メニューボタンリンクの定義 */
#commbtn a {
    background: url('../image/actcomm.gif') no-repeat;
}

/* 個別メニューボタンリンクの定義 */
#menubtn a {
    background: url('../image/actmenu.gif') no-repeat;
}

/* ユーザーボタンリンクの定義 */
#userbtn a {
    background: url('../image/actuser.gif') no-repeat;
}

/* サイトボタン選択の定義 */
#sitebtn a:hover {
    background: url('../image/selsite.gif') no-repeat;
}

/* ページボタン選択の定義 */
#pagebtn a:hover {
    background: url('../image/selpage.gif') no-repeat;
}

/* コンテンツボタン選択の定義 */
#contbtn a:hover {
    background: url('../image/selcont.gif') no-repeat;
}

/* アイテムボタン選択の定義 */
#itembtn a:hover {
    background: url('../image/selitem.gif') no-repeat;
}

/* アタッチボタン選択の定義 */
#attsbtn a:hover {
    background: url('../image/selatts.gif') no-repeat;
}

/* 共通メニューボタン選択の定義 */
#commbtn a:hover {
    background: url('../image/selcomm.gif') no-repeat;
}

/* 個別メニューボタン選択の定義 */
#menubtn a:hover {
    background: url('../image/selmenu.gif') no-repeat;
}

/* ユーザーボタン選択の定義 */
#userbtn a:hover {
    background: url('../image/seluser.gif') no-repeat;
}

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

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

/* コンテンツ部の定義 */
#cont {
    padding: 16px 16px 8px;
    width: 720px;  /* ページ幅-32 */
}

/* 添付画像部の定義 */
#attach {
    width: 720px;  /* ページ幅-32 */
}

/* 添付画像部ボタンの定義 */
#attach .button {
    margin: 4px;
}

/* 添付画像部画像の定義 */
#attach img {
    margin-top: 4px;
    padding: 4px;
    vertical-align: top;
}

/* 添付画像部画像選択の定義 */
#attach a:hover {
    background-color: #5C7A99;
}

/* 高度な設定部の定義 */
#high {
    display: none;
}

/***************************************************************
    ドキュメント部の定義
***************************************************************/

/* ドキュメント部リストの定義 */
#docs ul {
    margin: 0px;
    padding: 0px;
    width: 720px;  /* ページ幅-32 */
    list-style: none;
}

/* ドキュメント部リスト項目の定義 */
#docs li {
    float: left;
    margin: 4px;
    width: 132px;
    height: 96px;
    overflow: hidden;
    background-color: #CFDAE5;
    border-top: 2px solid #E6ECF2;
    border-left: 2px solid #E6ECF2;
    border-right: 2px solid #A3B8CC;
    border-bottom: 2px solid #A3B8CC;
}

/* ドキュメント部リスト項目リンクの定義 */
#docs .button a {
    padding: 4px;
    width: 124px;
    height: 88px;
    display: block;
}

/* ドキュメント部リスト項目選択の定義 */
#docs .button a:hover {
    background-color: #E5CFE5;
}

/* ドキュメント部タイトルの定義 */
#docs h5 {
    margin: 0px 0px 6px;
    padding: 4px;
    color: #FFFFFF;
    background-color: #5C7A99;
}

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

/* フッタ部の定義 */
#foot {
    clear: both;
    padding-top: 8px;
    width: 752px;  /* ページ幅 */
    height: 40px;
    background: url('../image/foot.gif') no-repeat;
}

/* 著作権の定義 */
#copy {
    margin-top: 4px;
    color: #3D5266;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}

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

/* ナビボタンの定義 */
#save, #rest, #gate, #base, #back, #ptop {
    float: left;
    margin-top: 8px;
    width: 104px;
}

/* リストアボタンとゲートボタンの間隔の定義 */
#rest {
    margin-right: 128px;
}

/* ナビボタンリンクの定義 */
#save a, #rest a, #gate a, #base a, #back a, #ptop a {
    display: block;
    width: 104px;
    height: 24px;
}

/* バックアップボタン選択の定義 */
#save a:hover {
    background: url('../image/selsave.gif') no-repeat;
}

/* リストアボタン選択の定義 */
#rest a:hover {
    background: url('../image/selrest.gif') no-repeat;
}

/* ログアウトボタン選択の定義 */
#gate a:hover {
    background: url('../image/selgate.gif') no-repeat;
}

/* ベースボタン選択の定義 */
#base a:hover {
    background: url('../image/selbase.gif') no-repeat;
}

/* バックボタン選択の定義 */
#back a:hover {
    background: url('../image/selback.gif') no-repeat;
}

/* トップボタン選択の定義 */
#ptop a:hover {
    background: url('../image/selptop.gif') no-repeat;
}

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

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

/* プロンプトの定義 */
.prompt {
    margin: 0px 0px 12px 16px;
}

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

/* 画像表示部の定義 */
.image {
    float: left;
    margin: 0px 16px 8px;
    overflow: hidden;
}

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

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

/* 表見出しの定義 */
th.list {
    padding: 4px;
    color: #FFFFFF;
    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: #CFDAE5;
    border-top: 2px solid #E6ECF2;
    border-left: 2px solid #E6ECF2;
    border-right: 2px solid #A3B8CC;
    border-bottom: 2px solid #A3B8CC;
}

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

/* 明細見出しの定義 */
td.capt {
    background-color: #B8C8D9 !important;
    border-top: 2px solid #CFDAE5 !important;
    border-left: 2px solid #CFDAE5 !important;
    border-right: 2px solid #7D98B3 !important;
    border-bottom: 2px solid #7D98B3 !important;
}

/***************************************************************
    フォームクラスの定義
***************************************************************/

/* テキスト入力の定義 */
.form {
    margin: 0px 2px;
    height: 18px;
}

/* ボックス入力の定義 */
.box {
    margin: 0px 2px;
}

/* ボタンエリア部の定義 */
.btnarea {
    margin-top: 16px;
    text-align: center;
}

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

/* コンボボックス選択部の定義 */
select.combo {
    position: absolute;
    margin: 0px 2px;
    height: 24px;
}

/* コンボボックステキスト部の定義 */
input.combo {
    position: relative;
    margin: 0px 2px;
    height: 18px;
}

/***************************************************************
    メニュークラスの定義
***************************************************************/

/* メニュー部リストの定義 */
.menu h5 {
    margin: 4px;
    padding: 4px;
    width: 700px; /* ページ幅-52 */
    color: #FFFFFF;
    background-color: #5C7A99;
    border-top: 2px solid #7AA3CC;
    border-left: 2px solid #7AA3CC;
    border-right: 2px solid #3D5266;
    border-bottom: 2px solid #3D5266;
}

/* メニュー部リストの定義 */
.menu ul {
    margin: 0px;
    padding: 0px;
    width: 720px;  /* ページ幅-32 */
    list-style: none;
}

/* メニュー部リスト項目の定義 */
.menu li {
    float: left;
    margin: 4px;
    width: 132px;
    height: 48px;
    overflow: hidden;
    background-color: #CFDAE5;
    border-top: 2px solid #E6ECF2;
    border-left: 2px solid #E6ECF2;
    border-right: 2px solid #A3B8CC;
    border-bottom: 2px solid #A3B8CC;
}

/* メニュー部リスト項目リンクの定義 */
.menu .button a {
    padding: 4px;
    width: 124px;
    height: 40px;
    display: block;
}

/* メニュー部リスト項目選択の定義 */
.menu .button a:hover {
    background-color: #E5CFE5;
}

/***************************************************************
    コントロールクラスの定義
***************************************************************/

/* ドキュメント/メニュー部コントロール部の定義 */
#docs .ctrl, .menu .ctrl {
    position: relative;
    top: -24px;
    left: 84px;
    width: 48px;
    height: 24px;
}

/* コントロール部ボタンの定義 */
.ctrl input {
    float: left;
}

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

/* 警告文字の定義 */
.alert {
    color: #CC0000;
}

/* 予備文字の定義 */
.alt {
    color: #666666;
}

/* 除外データの定義 */
.omit {
    color: #666666;
    text-decoration: line-through;
}

/* 左寄せの定義 */
.left {
    text-align: left;
}

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

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

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

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

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