/* ----------------------------------------------------------------------------------------------------------



    Output device: screen, projection




    Structure:

        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;



    Content:



        1) HTML tags

        2) HTML styles

        3) Layout

        4-1) Page: Homepage

        5) Others



---------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------

1) HTML tags

---------------------------------------------------------------------------------------------------------- */



body {background-color:#fff; color:#404040}



a {color:#000;}

a:hover {color:#f0f;}



/* ----------------------------------------------------------------------------------------------------------

2) HTML styles

---------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------

3) Layout

---------------------------------------------------------------------------------------------------------- */



    #nav span {color:#DDD;}

    #nav #nav-active {color:#f0f;}



    #tray {background-color:#ff99ff;}
    
    #tray2 {background-color:#ff99ff;}
    
    #tray3 {background-color:#ff99ff;}

    #tray li a {color:#404040;}
    
    #tray2 li a {color:#404040;}
    
    #tray3 li a {color:#404040;}

    #tray li#tray-active a {background-color:#f0f; color:#FFF;}
    
    #tray2 li#tray-active a {background-color:#f0f; color:#FFF;}
    
    #tray3 li#tray-active a {background-color:#f0f; color:#FFF;}

    #tray li a:hover {background-color:#fcf; color:#F0F;}
    
    #tray2 li a:hover {background-color:#fcf; color:#F0F;}
    
     #tray3 li a:hover {background-color:#fcf; color:#F0F;}

        #search #search-input {background-color:#FFF;}

        #search #search-input input {color:#404040;}



    #footer, #footer a {color:#9f9f9f;}

    #footer a:hover {color:#404040;}



/* ----------------------------------------------------------------------------------------------------------

4-1) Page: Homepage

---------------------------------------------------------------------------------------------------------- */



#col-top, #col-bottom, #col {background-color:#FCF;}



#cols3 .col h3 {background-color:#ffccff; color:#000;}

#cols3 .col h3 a {color:#000;}

#cols3 .col h3 a:hover {color:#f0f;}

#cols3 .col-more {background:#ffccff;}


#cols3b .col h3 {background-color:#ffccff; color:#000;}

#cols3b .col h3 a {color:#000;}

#cols3b .col h3 a:hover {color:#f0f;}

#cols3b .col-more {background:#ffccff;}


#cols2 #col-left .pink h3 {background-color:#ffccff; color:#000;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#F0F;}

#cols2 #col-left .title a {color:#F0F;}

#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}

#cols2 #col-left .article {color:#fcf;}

#cols2 #col-left a:hover.article {color:#000;}



#cols2 #col-right {background-color:#fcf;}

#cols2 #col-right h4 span {background-color:#fcf;}



/* ----------------------------------------------------------------------------------------------------------

5) Others

---------------------------------------------------------------------------------------------------------- */



.high {color:#f0f}