@CHARSET "UTF-8";


/*******************************************************************************

    layout

*******************************************************************************/
#menu
{
    width: 200px;
    
    margin: 0px 10px 0px 0px;
    
    float: left;
}

#menu .menu_background
{
    width: 200px;
    
    padding: 10px 0px 0px 0px;
    background: url("../../images/style/menu_head.jpg") no-repeat center top;
}

#menu .menu_wrapper
{
    width: 200px;
    
    padding: 0px 0px 15px 0px;
    background: url("../../images/style/menu_foot.jpg") no-repeat center bottom;
}

#menu .menu_banner_background
{
    width: 200px;
    
    padding: 6px 0px 0px 0px;
	position: relative;
	
    color: rgb(112, 100, 88);
}

/*******************************************************************************

    element

*******************************************************************************/
#menu a
{
    display: block;
    
    cursor: pointer;
}


/*******************************************************************************

    menu

*******************************************************************************/
#menu .menu
{
    width: 155px;
    
    padding: 17px 0px 14px 45px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: rgb(112, 100, 88);
}

#menu .parent
{
}

/*============================================================================*/
#menu .normal
{
    background: url("../../images/style/menu_lv1.jpg") no-repeat left top;
}

#menu .normal:hover
{
    color: rgb(112, 100, 88);
    background: url("../../images/style/menu_lv1_r.jpg") no-repeat left top;
}

/*----------------------------------------------------------------------------*/
#menu .normal_first
{
}

#menu .normal_first:hover
{
}

#menu .normal_only
{
}

#menu .normal_only:hover
{
}

/*============================================================================*/
#menu .active
{
    background: url("../../images/style/menu_lv1_c.jpg") no-repeat left top;
}

#menu .active:hover
{
    color: rgb(112, 100, 88);
    background: url("../../images/style/menu_lv1_r.jpg") no-repeat left top;
}

/*----------------------------------------------------------------------------*/
#menu .active_first
{
}

#menu .active_first:hover
{
}

#menu .active_only
{
}

#menu .active_only:hover
{
}


/*******************************************************************************

    sub menu

*******************************************************************************/
#menu .sub_menu
{
    width: 140px;
    
    padding: 10px 0px 12px 60px;
    font-size: 14px;
    line-height: 1;
    color: rgb(112, 100, 88);
}

/*============================================================================*/
#menu .sub_normal
{
    background: url("../../images/style/menu_lv2.jpg") no-repeat left top;
}

#menu .sub_normal:hover
{
    color: rgb(112, 100, 88);
    background: url("../../images/style/menu_lv2_r.jpg") no-repeat left top;
}

/*----------------------------------------------------------------------------*/
#menu .sub_normal_first
{
}

#menu .sub_normal_first:hover
{
}

#menu .sub_normal_last
{
    background: url("../../images/style/menu_lv2_last.jpg") no-repeat left top;
}

#menu .sub_normal_last:hover
{
    background: url("../../images/style/menu_lv2_last_r.jpg") no-repeat left top;
}

#menu .sub_normal_end
{
    background: url("../../images/style/menu_lv2_last.jpg") no-repeat left top;
}

#menu .sub_normal_end:hover
{
    background: url("../../images/style/menu_lv2_last_r.jpg") no-repeat left top;
}

/*============================================================================*/
#menu .sub_active
{
    background: url("../../images/style/menu_lv2_c.jpg") no-repeat left top;
}

#menu .sub_active:hover
{
    color: rgb(112, 100, 88);
    background: url("../../images/style/menu_lv2_r.jpg") no-repeat left top;
}

/*----------------------------------------------------------------------------*/
#menu .sub_active_first
{
}

#menu .sub_active_first:hover
{
}

#menu .sub_active_last
{
    background: url("../../images/style/menu_lv2_last_c.jpg") no-repeat left top;
}

#menu .sub_active_last:hover
{
    background: url("../../images/style/menu_lv2_last_r.jpg") no-repeat left top;
}

#menu .sub_active_end
{
    background: url("../../images/style/menu_lv2_last_c.jpg") no-repeat left top;
}

#menu .sub_active_end:hover
{
    background: url("../../images/style/menu_lv2_last_r.jpg") no-repeat left top;
}