/*//////////////////////////*/
/* 共通スタイルシートの定義 */
/*   [ comm/csscomm.css ]   */
/*//////////////////////////*/


/***************************************************/
/*********** ボディー全体のスタイルシート **********/
/***************************************************/

*                    { margin: 0;
                       padding: 0; }

body                 { background-image: url(../comm/bg.jpg);
                       background-repeat: repeat;
                       background-attachment: fixed;
                       font-family: 'HG丸ｺﾞｼｯｸM-PRO'; }


/*******************************************************/
/********** メインメニュー部分のスタイルシート *********/
/*******************************************************/

#menuAREA                                { position: fixed;
                                           left: 0;
                                           top: 0;  
                                           width: 120px;
                                           height: 100%;
                                           z-index: 2; }

#menuAREA img.menu-balloon               { margin-top:15px;
                                           border:5px solid #d0d060;
                                           box-shadow: #999 5px 5px 5px; }

#menuAREA div.menu-section               { margin-top: 10px;
                                           clear: both;
                                           padding-top: 10px; }

#menuAREA div.menu-section ul#navi       { list-style-type: none; }

#menuAREA div.menu-section ul#navi li    { margin-bottom: 10px; }


/***************************************************/
/********* フッターエリヤのスタイルシート **********/
/***************************************************/

#footerAREA          { position: fixed;
                       left: 0;
                       bottom: 0;
                       background-color: #0099cc;
                       color: #ffffff;
                       font-size:13px;
                       font-family:'Comic Sans MS';
                       width: 100%;
                       height: 25px;
                       z-index: 3;}

#footerAREA img      { vertical-align: middle;
                       margin: 0 30px; }


/***************************************************/
/********* コンテンツエリヤのスタイルシート ********/
/***************************************************/

#contentsAREA        { padding: 0 0 20px 120px;
                       z-index: 1;}


/***************************************************/
/********* IE 7 以前の補正スタイルシート ***********/
/***************************************************/

<!--[if lt IE 7]>
<style>
#footerAREA, #menuAREA  { position: absolute;}
#contentsAREA           { overflow: auto;
                          height: expression((document.documentElement.clientHeight - 48) + 'px');}
#menuAREA               { height: expression((document.documentElement.clientHeight - 48) + 'px');}
</style>
<![endif]-->


/*////////////*/
/* 定義の終了 */
/*////////////*/