@CHARSET "UTF-8";


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

    layout

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

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

#menu .menu_wrapper
{
    width: 200px;
    
    padding: 0px 0px 16px 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(51, 51, 51);
}

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

    element

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


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

    menu

*******************************************************************************/
#menu .menu
{
    width: 165px;
    
    padding: 15px 0px 15px 35px;
    font-size: 14px;
    line-height: 1;
    color: rgb(255, 255, 255);
}

#menu .parent
{
}

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

#menu .normal:hover
{
    color: rgb(255, 255, 255);
    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(255, 255, 255);
    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: 150px;
    
    padding: 9px 0px 9px 50px;
    font-size: 14px;
    line-height: 1;
    color: rgb(255, 255, 255);
}

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

#menu .sub_normal:hover
{
    color: rgb(255, 255, 255);
    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
{
}

#menu .sub_normal_last:hover
{
}

#menu .sub_normal_end
{
}

#menu .sub_normal_end:hover
{
}

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

#menu .sub_active:hover
{
    color: rgb(255, 255, 255);
    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
{
}

#menu .sub_active_last:hover
{
}

#menu .sub_active_end
{
}

#menu .sub_active_end:hover
{
}
