@charset "UTF-8";
/*      // 日本語 UTF-8N LF
//---------------------------------------------------------
// CSS
// 基本レイアウト
//---------------------------------------------------------*/
* {
    margin:0px;
    padding:0px;
}
img {
/*  vertical-align:bottom;  */      /* IE7: 画像の下にできる隙間対応 */
    vertical-align:top;             /* IE7: 画像の下にできる隙間対応 */
}
@media screen {
    body {
        zoom:1;                     /* IE7: hasLayout 不具合対応 */
        background-color:#E0E0E0;
    }
    #page {                         /* ページ全体 */
        margin:8px;
        text-align:center;          /* IE6 BUGFIX */
    }
}
@media print {
    body {
        zoom:1;                     /* IE7: hasLayout 不具合対応 */
    }
    #page {                         /* ページ全体 */
    }
}
/*---------------------------------------------------------
// 汎用クラス
//---------------------------------------------------------*/
.rel {
    position:relative;
}
.abs {
    position:absolute;
}
/* センタリング */
.hc {
    margin-left:auto;
    margin-right:auto;
}
/* 縦方向配置 */
.vt {
    vertical-align:top;
}
.vm {
    vertical-align:middle;
}
.vb {
    vertical-align:bottom;
}
/* テキスト横方向 */
.tc {
    text-align:center;
}
.tl {
    text-align:left;
}
.tr {
    text-align:right;
}
/*---------------------------------------------------------
// コンテナ：メイン
//---------------------------------------------------------*/
#containerMain {                    /* コンテンツ表示領域 */
    margin-left:auto;
    margin-right:auto;
    width:820px;                    /* ■ 固定幅：*/
    background-color:#FFFFFF;
}
/*---------------------------------------------------------
// コンテナ：上下方向
//---------------------------------------------------------*/
#containerTop {                 /* ====== 上段 ====== */
    width:100%;                 /* IE6: sp2 peek-a-boo 不具合対応 */
    position:relative;
    xbackground-color:#00FF00;
}
#containerMiddle {              /* ====== 中段 ====== */
    width:100%;
    position:relative;
    xbackground-color:#0000FF;
}
#containerBottom {              /* ====== 下段 ====== */
    width:100%;
    position:relative;
    xbackground-color:#FFCCFF;
}
/*---------------------------------------------------------
// ページ：ヘッダ：フッタ
//---------------------------------------------------------*/
#pageHeader {                   /* ====== ヘッダ ====== */
    xbackground-color:#CCFFFF;
}
#pageFooter {                   /* ====== フッタ ====== */
    xbackground-color:#FFFFCC;
}
/*---------------------------------------------------------
// ページ：縦中央エリア
//---------------------------------------------------------*/
#pageCenter {                   /* ====== 中央コンテンツ ====== */
    position:relative;
/*  margin-left:274px;  */      /* ■ 200 + 4px 左メニュー */
/*  margin-right:86px;  */      /* ■ 120 + 4px 右サイドバー */
/*  overflow:auto;      */
    xbackground-color:#CCCCFF;
}
#pageLeft {                     /* ====== 左メニュー ====== */
    position:absolute;
    width:270px;                /* ■ 200px */
    top:0px;
    left:0px;
    xbackground-color:#CCFFCC;
}
#pageRight {                    /* ====== 右サイドバー ====== */
    position:absolute;
    width:82px;                 /* ■ 120px */
    top:0px;
    right:0px;
    xbackground-color:#FFCCCC;
}