@charset 'UTF-8';
/***************************************************************
    SYSTEM   : SINACOVA
    TITLE    : 共通スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.0.7
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 全ページ共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2008/04/06  //as Ver1.0.1
    UPDATED  : 2011/10/01  //as Ver1.0.7
***************************************************************/

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

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

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

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

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

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

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

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

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

/* ヘッダ部の定義 */
#head {
    width: 812px;
    height: 88px;
}

/* ロゴ部の定義 */
#logo {
    float: left;
    margin: 8px 0px 0px 0px;
    width: 80px;
    height: 80px;
}

/* ナビ部の定義 */
#navi {
    float: left;
    margin-top: 16px;
}

/* ナビ部リンクの定義 */
#navi a {
    padding: 3px;
}

/* バナー部の定義 */
.bar {
    height: 48px;
}

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

/* コンテンツ部の定義 */
#cont {
    clear: both;
    width: 812px;
    background: #6A6772 url('../img/wall.gif') no-repeat; /* コレクション背景色 */
}

/* 新着情報の定義 */
#news {
    position: absolute;
    top: 408px;
    margin-left: 560px;
    padding-right: 4px;
    width: 240px;
    height: 124px;
    overflow: auto;
    scrollbar-face-color: #6A6772; /* コレクション背景色 */
    scrollbar-3dlight-color: #6A6772; /* コレクション背景色 */
    scrollbar-darkshadow-color: #6A6772; /* コレクション背景色 */
    scrollbar-track-color: #6A6772; /* コレクション背景色 */

    /* 背景色が濃い色の時 */
    color: #C0C0C0;
    scrollbar-arrow-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-shadow-color: #C0C0C0;

    /* 背景色が濃い色の時
    color: #404040;
    scrollbar-arrow-color: #404040;
    scrollbar-highlight-color: #404040;
    scrollbar-shadow-color: #404040;
    */
}

/* 新着情報区切りの定義 */
#news hr {
    border-width: 1px 0px 0px;
    border-style: solid;
    border-color: #C0C0C0; /* 背景色が濃い色の時 */
    /* border-color: #404040; 背景色が薄い色の時 */
    height: 1px; /* IE用必須 */
}

/* 新着情報タイトルの定義 */
#news strong {
    color: #FFFFFF;
    font-weight: normal;
}

/* 新着情報リンクの定義 */
#news a {
    color: #FFFFFF;
    text-decoration: underline;
}

/* 新着情報リンクマウスオーバーの定義 */
#news a:hover {
    color: #FFCC66;
}

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

/* フッタ部の定義 */
#foot {
    width: 812px;
    height: 24px;
}

/* リンク部の定義 */
#link {
    float: left;
    padding-top: 12px;
}

/* リンク部リンクの定義 */
#link a {
    padding: 4px;
}

/* コピーライト部の定義 */
#copy {
    float: right;
    padding-top: 12px;
    width: 152px;
    color: #666666;
}

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

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

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

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

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

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

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