/*************************************************
left side top
*************************************************/
ul#side_banner li a
{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    text-indent: -9999px;
    text-decoration: none;
}

ul#side_banner li a:focus
{
    overflow: hidden;
}

#top_content ul#side_banner
{
    float:         left;
    height:       254px;
    width:        220px;
}

#top_content ul#side_banner li
{
    display:     inline;
}

#top_content ul#side_banner li a
{
    display :     block;
    margin:   0 0 7px 0;
    height:        80px;
    width:        220px;
}

#top_content ul#side_banner li#first_already a
{
    background: url("/images/top/first_already.gif") 0 0 no-repeat;
}

#top_content ul#side_banner li#first_yet a
{
    background: url("/images/top/first_yet.gif") 0 0 no-repeat;
}

#top_content ul#side_banner li#order_catalog a
{
    background: url("/images/top/order_catalog.gif") 0 0 no-repeat;
}

#top_content ul#side_banner li#first_already a:hover,
#top_content ul#side_banner li#first_already a:focus,
#top_content ul#side_banner li#first_already a:active,
#top_content ul#side_banner li#first_yet a:hover,
#top_content ul#side_banner li#first_yet a:focus,
#top_content ul#side_banner li#first_yet a:active,
#top_content ul#side_banner li#order_catalog a:hover,
#top_content ul#side_banner li#order_catalog a:focus,
#top_content ul#side_banner li#order_catalog a:active
{
    background-position: 0px -80px;
}

/*************************************************
left side 2 clomuns page
*************************************************/

.col2 .col2_left_side .side_header
{
    width:  205px;
    height:  34px;
    text-indent: -9999px;
}

.col2 .col2_left_side ul#side_banner
{
    margin:  0;
    padding: 0;
    width:    205px;
}


.col2 .col2_left_side ul#side_banner li
{
    list-style:         none;
    float:              left;
    display:           block;
    margin:      0 0 4px 1px;
    height:             56px;
    width:             202px;
}

.col2 .col2_left_side ul#side_banner li a
{
    display:           block;
    height:             100%;
    width:              100%;
    text-indent:     -9999px;
}

.col2_left_side ul#side_banner li#first_already a
{
    background: url("/images/common/first_already_mini.gif") 0 0 no-repeat;
}

.col2_left_side ul#side_banner li#first_yet a
{
    background: url("/images/common/first_yet_mini.gif") 0 0 no-repeat;
}

.col2_left_side ul#side_banner li#order_catalog a
{
    background: url("/images/common/order_catalog_mini.gif") 0 0 no-repeat;
}

.col2_left_side ul#side_banner li#first_already a:hover,
.col2_left_side ul#side_banner li#first_already a:active,
.col2_left_side ul#side_banner li#first_already a:focus,
.col2_left_side ul#side_banner li#first_yet a:hover,
.col2_left_side ul#side_banner li#first_yet a:active,
.col2_left_side ul#side_banner li#first_yet a:focus,
.col2_left_side ul#side_banner li#order_catalog a:hover,
.col2_left_side ul#side_banner li#order_catalog a:active,
.col2_left_side ul#side_banner li#order_catalog a:focus
{
    background-position: 0 -56px;
}


.col2_left_side .side_header.side_npo_list
{
    background: url("/images/side_header/npo_list.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.whats_hellolife
{
    background: url("/images/side_header/whats_hellolife.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.howto_list
{
    background: url("/images/side_header/howto_list.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.message_list
{
    background: url("/images/side_header/message_list.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.inquiry_list
{
    background: url("/images/side_header/inquiry.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.mypage_list
{
    background: url("/images/side_header/mypage_menu.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.news_archive
{
    background: url("/images/side_header/news_archive.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.site_info
{
    background: url("/images/side_header/site_info.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.review
{
    background: url("/images/side_header/review.gif") 0 0 no-repeat;
}

.col2_left_side .side_header.archive
{
    background: url("/images/side_header/archive.gif") 0 0 no-repeat;
}

.col2_left_side ul
{
    margin:          0 0 30px 0;
    color:              #8F929F;
}

.col2_left_side ul li
{
    margin:        15px 0 0 5px;
    height:                20px;
    list-style-type:       disc;
    list-style-position: inside;
}

.col2_left_side ul li a
{
    font-size:             12px;
}

.col2_left_side ul li.long_text a
{
    letter-spacing:        -1px;
}