@CHARSET "UTF-8";


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

    layout

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

#menu .menu_background
{
    width: 192px;
    
    padding: 4px 4px 4px 4px;
    background: rgb(242, 242, 242);
}

#menu .menu_wrapper
{
}

#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;
}


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

    decoration

*******************************************************************************/
#menu .line
{
    width: 192px;
    height: 1px;
    
    background: url("../../images/style/line.jpg") no-repeat left top;
}


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

    menu

*******************************************************************************/
#menu .menu
{
    width: 162px;
    
    padding: 16px 0px 16px 30px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    color: rgb(68, 68, 68);
}

#menu .parent
{
}

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

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

/*----------------------------------------------------------------------------*/
#menu .normal_first
{
    padding: 16px 0px 15px 30px;
    background: url("../../images/style/menu_lv1_first.jpg") no-repeat left top;
}

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

#menu .normal_only
{
    padding: 16px 0px 15px 30px;
    background: url("../../images/style/menu_lv1_only.jpg") no-repeat left top;
}

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

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

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

/*----------------------------------------------------------------------------*/
#menu .active_first
{
    padding: 16px 0px 15px 30px;
    background: url("../../images/style/menu_lv1_first_c.jpg") no-repeat left top;
}

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

#menu .active_only
{
    padding: 16px 0px 15px 30px;
    background: url("../../images/style/menu_lv1_only_c.jpg") no-repeat left top;
}

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


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

    sub menu

*******************************************************************************/
#menu .sub_menu
{
    width: 147px;
    
    padding: 13px 0px 12px 45px;
    font-size: 13px;
    line-height: 1;
    color: rgb(68, 68, 68);
}

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

#menu .sub_normal:hover
{
    color: rgb(0, 176, 236);
    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
{
    padding: 14px 0px 13px 45px;
    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
{
    padding: 14px 0px 13px 45px;
    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
{
    color: rgb(0, 176, 236);
    background: url("../../images/style/menu_lv2_c.jpg") no-repeat left top;
}

#menu .sub_active:hover
{
    color: rgb(0, 176, 236);
    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
{
    padding: 14px 0px 13px 45px;
    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
{
    padding: 14px 0px 13px 45px;
    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;
}