/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
}
.ui-tabs-nav {
    list-style: none;
list-style-position: outside;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;

    margin: 0 0 0 3px;
    padding: 0 1px 0 1px;
    font-size: 90%;
    font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
    min-width: 64px; /* be nice to Opera */
    background-image: url(images/tabback.gif);
    background-repeat: repeat-x;
    background-position: top;
}
.ui-tabs-nav a {
    display: block;
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding: 5px 10px 3px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: underline;
    background-color: #FFF;
    border-bottom: 2px solid #FFF;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */ }
#cat21 .ui-tabs-nav a { bcolor: #6699FF; }
#cat21 .ui-tabs-nav a { bcolor: #FF9999; }
#cat31 .ui-tabs-nav a { bcolor: #FF6666; }
#cat32 .ui-tabs-nav a { bcolor: #99CC33; }
#cat33 .ui-tabs-nav a { bcolor: #666699; }
#cat34 .ui-tabs-nav a { bcolor: #CC9933; }
#cat35 .ui-tabs-nav a { bcolor: #FF997F; }
#cat36 .ui-tabs-nav a { bcolor: #7FCCFF; }
#cat37 .ui-tabs-nav a { bcolor: #7FCC99; }
#cat38 .ui-tabs-nav a { bcolor: #FFCC3A; }
#cat41 .ui-tabs-nav a { bcolor: #6685C2; }
#cat51 .ui-tabs-nav a { bcolor: #57A12B; }
#cat61 .ui-tabs-nav a { bcolor: #908685; }
#cat71 .ui-tabs-nav a { bcolor: #545794; }
#cat81 .ui-tabs-nav a { bcolor: #ff7f7f; }
#cat91 .ui-tabs-nav a { bcolor: #006666; }

.ui-tabs-nav a:hover {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center bottom; }
#cat21 .ui-tabs-nav a:hover { background-image: url(images/tabarw21.gif);
    border-bottom: 2px solid #6699FF; }
#cat22 .ui-tabs-nav a:hover { background-image: url(images/tabarw22.gif);
    border-bottom: 2px solid #FF9999; }
#cat31 .ui-tabs-nav a:hover { background-image: url(images/tabarw01.gif);
    border-bottom: 2px solid #FF6666; }
#cat32 .ui-tabs-nav a:hover { background-image: url(images/tabarw02.gif);
    border-bottom: 2px solid #99CC33; }
#cat33 .ui-tabs-nav a:hover { background-image: url(images/tabarw03.gif);
    border-bottom: 2px solid #666699; }
#cat34 .ui-tabs-nav a:hover { background-image: url(images/tabarw04.gif);
    border-bottom: 2px solid #CC9933; }
#cat35 .ui-tabs-nav a:hover { background-image: url(images/tabarw05.gif);
    border-bottom: 2px solid #FF997F; }
#cat36 .ui-tabs-nav a:hover { background-image: url(images/tabarw06.gif);
    border-bottom: 2px solid #7FCCFF; }
#cat37 .ui-tabs-nav a:hover { background-image: url(images/tabarw07.gif);
    border-bottom: 2px solid #7FCC99; }
#cat38 .ui-tabs-nav a:hover { background-image: url(images/tabarw08.gif);
    border-bottom: 2px solid #FFCC3A; }
#cat41 .ui-tabs-nav a:hover { background-image: url(images/tabarw41.gif);
    border-bottom: 2px solid #6685C2; }
#cat51 .ui-tabs-nav a:hover { background-image: url(images/tabarw51.gif);
    border-bottom: 2px solid #57A12B; }
#cat61 .ui-tabs-nav a:hover { background-image: url(images/tabarw61.gif);
    border-bottom: 2px solid #908685; }
#cat71 .ui-tabs-nav a:hover { background-image: url(images/tabarw71.gif);
    border-bottom: 2px solid #545794; }
#cat81 .ui-tabs-nav a:hover { background-image: url(images/tabarw81.gif);
    border-bottom: 2px solid #ff7f7f; }
#cat91 .ui-tabs-nav a:hover { background-image: url(images/tabarw91.gif);
    border-bottom: 2px solid #006666; }

.ui-tabs-nav .ui-tabs-selected a {
    /*position: relative;
    top: 0px;*/
    z-index: 2;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center bottom;
}
#cat21 .ui-tabs-nav .ui-tabs-selected a { color: #6699FF; border-bottom: 2px solid #6699FF;
background-image: url(images/tabarw21.gif); }
#cat22 .ui-tabs-nav .ui-tabs-selected a { color: #FF9999; border-bottom: 2px solid #FF9999;
background-image: url(images/tabarw22.gif); }
#cat31 .ui-tabs-nav .ui-tabs-selected a { color: #FF6666; border-bottom: 2px solid #FF6666;
background-image: url(images/tabarw01.gif); }
#cat32 .ui-tabs-nav .ui-tabs-selected a { color: #99CC33; border-bottom: 2px solid #99CC33;
background-image: url(images/tabarw02.gif); }
#cat33 .ui-tabs-nav .ui-tabs-selected a { color: #666699; border-bottom: 2px solid #666699;
background-image: url(images/tabarw03.gif); }
#cat34 .ui-tabs-nav .ui-tabs-selected a { color: #CC9933; border-bottom: 2px solid #CC9933;
background-image: url(images/tabarw04.gif); }
#cat35 .ui-tabs-nav .ui-tabs-selected a { color: #FF997F; border-bottom: 2px solid #FF997F;
background-image: url(images/tabarw05.gif); }
#cat36 .ui-tabs-nav .ui-tabs-selected a { color: #7FCCFF; border-bottom: 2px solid #7FCCFF;
background-image: url(images/tabarw06.gif); }
#cat37 .ui-tabs-nav .ui-tabs-selected a { color: #7FCC99; border-bottom: 2px solid #7FCC99;
background-image: url(images/tabarw07.gif); }
#cat38 .ui-tabs-nav .ui-tabs-selected a { color: #FFCC3A; border-bottom: 2px solid #FFCC3A;
background-image: url(images/tabarw08.gif); }
#cat41 .ui-tabs-nav .ui-tabs-selected a { color: #6685C2; border-bottom: 2px solid #6685C2;
background-image: url(images/tabarw41.gif); }
#cat51 .ui-tabs-nav .ui-tabs-selected a { color: #57A12B; border-bottom: 2px solid #57A12B;
background-image: url(images/tabarw51.gif); }
#cat61 .ui-tabs-nav .ui-tabs-selected a { color: #908685; border-bottom: 2px solid #908685;
background-image: url(images/tabarw61.gif); }
#cat71 .ui-tabs-nav .ui-tabs-selected a { color: #545794; border-bottom: 2px solid #545794;
background-image: url(images/tabarw71.gif); }
#cat81 .ui-tabs-nav .ui-tabs-selected a { color: #ff7f7f; border-bottom: 2px solid #ff7f7f;
background-image: url(images/tabarw81.gif); }
#cat91 .ui-tabs-nav .ui-tabs-selected a { color: #006666; border-bottom: 2px solid #006666;
background-image: url(images/tabarw91.gif); }

.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 0px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    clear: both;
    border-top: 1px solid #C1C1C1;
    padding: 15px 0 0 0;
    /*  background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}