/*********************
** Default Settings **
*********************/

*
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}

body
{
    height: 100%;
    background-image: url(/rs/images/bg.jpg);  /* HERE */
    background-position: center; 
    background-repeat: repeat-y; 
    background-color: #FFFFFF;
    color: #666666;
    font-size: 12px;
    font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
    text-align: center;  /* Centering for IE5 using its bug */
}

img
{
    border: 0;
}


/****************
** Page Layout **
****************/

#container
{
    width: 780px;
    height: auto;
    margin: 0 auto;  /* Centering by Right Way */
    text-align: left;  /* Canceling IE5 centering effect */
    background-color: #FFFFFF;
}

#banner
{
    width: 780px;
    height: 138px;
    padding-bottom: 15px;
    background-image: url(/rs/images/banner_bg.jpg);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}

#pagebody
{
    width: 780px;
    height: auto;
    background-color: #FFFFFF;
}

#main
{
    float: right;
    width: 560px;
    height: auto;
    padding: 0 10px;
    background-color: #FFFFFF;
}

#side
{
    float: left;
    width: 200px;
    height: auto;
    background-color: #FFFFFF;
}

#foot
{
    clear: both;
    margin-top: 30px;
    width: 780px;
    height: 125px;
    background-image: url(/rs/images/foot_bg.jpg);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}


/*******************
** For Top Banner **
*******************/

h1.banner-title
{
    display: none;
}

div.banner-logo
{
    float: left;
    width: 200px;
    padding-top: 10px;
    text-align: center;
}

h1.banner-description
{
    float: left;
    padding-top: 67px;
    padding-left: 25px;
    font-weight: normal;
}


/******************
** For Main Pane **
*******************/

div.whats-title
{
    width: 560px;
    border-bottom: #999999 dotted 1px;
}

div.whats-item
{
    height: 27px;
    border-bottom: #999999 dotted 1px;
}

div.whats-item-date
{
    float: left;
    width: 120px;
    line-height: 27px;
    background-color: #EFEFEF;
    text-align: center;
    font-weight: bold;
}

div.whats-item-title
{
    float: left;
    line-height: 27px;
    margin-left: 10px;
}

div.user-count
{
    margin-top: 10px;
}

div.user-count-title
{
    margin-top: 5px;
}

div.user-count-item
{
    width: 560px;
    height: 26px;
}

div.user-count-item span
{
    color: #CC0000;
    font-weight: bold;
}

div.user-count-item-inner
{
    margin-left: 5px;
    padding-left: 5px;
    width: 550px;
    height: 26px;
    line-height: 26px;
}


div.headline
{
    padding-top: 15px;
}

div.release-item
{
    padding: 10px 0 10px 50px;
    background-image: url(/rs/images/icon.gif);
    background-repeat: no-repeat;
    background-position: 12px 10px;
    border-bottom: #999999 1px dotted;
}

div.release-row
{
    line-height: 19px;
}

span.release-date
{
    color: #374D2D;
    font-weight: bold;
}

span.release-category, span.release-sub-category
{
    margin: 0 10px;
}

div.release-navigation
{
    padding: 10px 20px;
}

div.release-navigation-prev
{
    font-weight: bold;
    float: left;
}

div.release-navigation-next
{
    font-weight: bold;
    float: right;
}

div.site-list
{
    padding: 15px 0 50px 0;
}

div.site-list table tr td
{
    width: 140px;
    height: 50px;
    background-color: #EFEFEF;
    text-align: center;
}

/*****************************
** For Press Release Window **
*****************************/

div.release_body
{
    color: #000000;
    margin-bottom: 20px;
    border: solid 1px #000000;
    width: 558px;
}

div.release_header
{
    padding: 5px 5px 15px 5px;
    width: 548px;
    background-color: #eef2e4;
}

div.release_header_id
{
    color: #FF0000;
    text-align: right;
}

div.release_header_release_date
{
    text-align: right;
}

div.release_header_category
{
    font-weight: bold;
}

div.release_header_title1
{
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

div.release_header_title2
{
    text-align: center;
}

div.release_contents
{
    padding: 5px;
    width: 548px;
}

div.release_contents_contents
{
    width: 548px;
    overflow: hidden;
}

div.release_contents_url
{
    padding-top: 20px;
}

div.release_footer
{
    padding: 5px;
    width: 548px;
    background-color: #eef2e4;
}


/*****************************
** For What's Newase Window **
*****************************/

div.news_body
{
    margin-bottom: 20px;
    border: solid 1px #000000;
    width: 558px;
    color: #000000;
}

div.news_id
{
    padding: 5px;
    text-align: right;
    background-color: #eef2e4;
}

div.news_date
{
    padding: 5px;
    width: 548px;
    background-color: #eef2e4;
}

div.news_title
{
    padding: 5px;
    width: 548px;
    font-size : 14px;
    font-weight: bold;
    line-height: 20px;
    background-color: #eef2e4;
}

div.news_contents
{
    padding: 5px;
    width: 548px;
}

/******************
** For Side Pane **
*******************/

div.user-menu
{
    margin-bottom: 10px;
    background-color: #EDDDCB;
}

div.search-menu
{
    margin-bottom: 10px;
    background-color: #EEF2E4;
}

div.category-menu
{
    margin-bottom: 10px;
    background-color: #EDDDCB;
}

div.menu-title1
{
    line-height: 20px;
    padding-left: 30px;
    background-image: url(/rs/images/albr.gif);
    background-repeat: no-repeat;
    background-position: 8px 3px;
}

div.menu-title2
{
    line-height: 20px;
    padding-left: 30px;
    background-image: url(/rs/images/algr.jpg);
    background-repeat: no-repeat;
    background-position: 9px 4px;
}

div.menu-title1, div.menu-title1 a
{
    color: #55381C;
    font-weight: bold;
}

div.menu-title2, div.menu-title2 a
{
    color: #3D4521;
    font-weight: bold;
}

div.search-menu-item
{
   height: 20px;
   padding-left: 30px;
}

div.menu-calendar-header-side
{
    float: left;
    width: 40px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
}

div.menu-calendar-header-center
{
    float: left;
    width: 120px;
    color: #3D4521;
    font-weight: bold;
    line-height: 26px;
    text-align: center
}

div.menu-calendar
{
    clear: both;
    width: 180px;
    margin: 0 auto;
}

td.m0
{
    background-color: #B7C484;
}

td.m1, td.m2, td.m3, td.m4, td.m5
{
    background-color: #EEF2E4;
}

td.m6
{
    background-color: #D6DDB9;
}

div.menu-calendar table tr th
{
    text-align: center;
    line-height: 18px;
    color: #FFFFFF;
    font-weight: normal;
    background-color: #434C24;
}

div.menu-calendar table tr td
{
    text-align: center;
    line-height: 18px;
}

div.category-menu-detail
{
    line-height: 16px;
    padding-left: 30px;
}

div.category-menu-detail a
{
    padding-right: 5px;
}

div.menu-separator
{
    height: 10px;
    background-image: url(/rs/images/menu01_line.gif);
    background-repeat: no-repeat;
    background-position: center 5px;
}