/* ========================================================================
 * 全体
 * ======================================================================== */
div#popupcalendar_calendarArea
{
    border:                   solid 1px #000000;
    background:               #ffffff;
    font-family:              vardana, sans-serif;
    
    z-index:100;
}

div#popupcalendar_calendarArea form
{
    margin:                   0;
    padding:                  0;
}

div#popupcalendar_calendarArea table
{
    margin:                   0;
    padding:                  0;
    font-size:                90%;
}

div#popupcalendar_calendarArea table tr
{
    margin:                   0;
    padding:                  0;
}

div#popupcalendar_calendarArea table tr td
{
    margin:                   0;
    padding:                  0;
}

div#popupcalendar_calendarArea table a
{
    text-decoration:          none;
}

/* ========================================================================
 * ヘッダ部 (年月指定)
 * ======================================================================== */
div#popupcalendar_calendarArea table#popupcalendar_header
{
    width:                    100%;
    border:                   none;
    border-collapse:          collapse;
    text-align:               center;
    background:               #606060;
}

div#popupcalendar_calendarArea table#popupcalendar_header select
{
    margin:0px;
    padding:0px;
}

div#popupcalendar_calendarArea table#popupcalendar_header option
{
    margin:0px;
    padding:0px;
}

div#popupcalendar_calendarArea table#popupcalendar_header td
{
    padding:                  2px 1px 2px 1px;
    border-left:              solid 1px #606060;
    border-right:             solid 1px #606060;
    border-top:               none;
    border-bottom:            none;
}

/* 前月・翌月・閉じるリンク (通常) */
div#popupcalendar_calendarArea table#popupcalendar_header td a
{
    color:                    #ffffff;
    border:                   solid 1px #ffffff;
    font-weight:              bold;
    padding:                  0px;
    display:                  block;
    width:                    1em;
    text-align:center;
}

/* 前月・翌月・閉じるリンク (アクティブ) */
div#popupcalendar_calendarArea table#popupcalendar_header td a:hover
{
    color:                    #ffffff;
    border:                   solid 1px #ffffff;
}
div#popupcalendar_calendarArea table#popupcalendar_header td a:active
{
    color:                    #ffffff;
    border:                   solid 1px #ffffff;
}

/* ========================================================================
 * カレンダー部
 * ======================================================================== */
div#popupcalendar_calendarArea table#popupcalendar_calendar
{
    width:                    100%;
    border:                   0;
    border-collapse:          collapse;
}

/* 曜日見出し (平日) */
div#popupcalendar_calendarArea table#popupcalendar_calendar th
{
    font-size:                80%;
    color:                    #606060;
    border:                   solid 1px #e8e8ff;
    background:               #fafaff;
}

/* 曜日見出し (日曜) */
div#popupcalendar_calendarArea table#popupcalendar_calendar th.day0
{
    color:                    #ffa0a0;
}

/* 曜日見出し (土曜) */
div#popupcalendar_calendarArea table#popupcalendar_calendar th.day6
{
    color:                    #a0a0ff;
}

/* 日付セル */
div#popupcalendar_calendarArea table#popupcalendar_calendar td
{
    text-align:               center;
/*    border:                   solid 1px #e8e8ff;*/
    font-weight:bold;
}

/* 日付リンク (平日) */
div#popupcalendar_calendarArea table#popupcalendar_calendar td a
{
    color:                    #000000;
    display:                  block;
    width:                    100%;
    height:                   100%;
/*    border:                   solid 1px #ffffff;*/
}

/* 日付リンク (日曜) */
div#popupcalendar_calendarArea table#popupcalendar_calendar td.day0 a
{
    color:                    #ff0000;
}

/* 日付リンク (土曜) */
div#popupcalendar_calendarArea table#popupcalendar_calendar td.day6 a
{
    color:                    #0000ff;
}

/* 日付リンク (祝日) */
div#popupcalendar_calendarArea table#popupcalendar_calendar td.holiday a
{
    color:                    #ff0000;
}

/* 日付リンク (アクティブ) */
div#popupcalendar_calendarArea table#popupcalendar_calendar td a:hover
{
    background:               #e8e8ff;
/*    border:                   solid 1px #a0a0ff;*/
}
div#popupcalendar_calendarArea table#popupcalendar_calendar td a:active
{
    background:               #e8e8ff;
/*    border:                   solid 1px #a0a0ff;*/
}

/* 選択されている日付 */
div#popupcalendar_calendarArea table#popupcalendar_calendar td em
{
    font-style:               normal;
    background:               #e8e8ff;
}

/* ========================================================================
 * フッタ部 (今日の日付)
 * ======================================================================== */
div#popupcalendar_calendarArea table#popupcalendar_footer
{
    width:                    100%;
    font-size:                83%;
    border:                   0;
    border-collapse:          collapse;
}

div#popupcalendar_calendarArea table#popupcalendar_footer td
{
    text-align:               center;
    border:                   solid 1px #e8e8ff;
}

div#popupcalendar_calendarArea table#popupcalendar_footer a
{
    width:                    100%;
    height:                   100%;
    color:                    #606060;
    border:                   solid 1px #ffffff;
}

div#popupcalendar_calendarArea table#popupcalendar_footer a:hover
{
    background:               #e8e8ff;
    border:                   solid 1px #a0a0ff;
}
div#popupcalendar_calendarArea table#popupcalendar_footer a:active
{
    background:               #e8e8ff;
    border:                   solid 1px #a0a0ff;
}