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

    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:#dfdfdf; color:#3f3f3f;}













/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {background:#FFF;}

    #header {background-color:#0081C7;}
    
        #slogan {color:#FFF;}
        #slogan a {color:#FFF; text-decoration:none;}
        #slogan a:hover {color:red;text-decoration:none;}

    
    #nav {border-top:1px solid #FFF; border-bottom:1px solid #FFF; background:#EFEFEF;}
    #nav a {color:#3f3f3f;}
    #nav ul li.active, #nav ul li.active a {color:#0081C7;}

    #footer, #footer a {color:#5F5F5F;}
    #footer a:hover {color:#3f3f3f;}
    
        .ico-rss {color:#3F3F3F;}

    #copy, #copy a {color:#7F7F7F;}
    #copy a:hover {color:#3F3F3F;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#breadcrumbs a {color:#5f5f5f;}








#subnav li a {border-bottom:1px solid #efefef; color:#0081C7; text-decoration : none;}
#subnav li a:hover {background-color:#AEE0FF; text-decoration : none;}
#subnav li.active a {background-color:#AEE0FF; text-decoration : none;}



#subnav lis a {border-bottom:1px solid #efefef; color:#0081C7; text-decoration : none;}
#subnav lis a:hover {background-color:#e2f4ff; text-decoration : none;}
#subnav lis.active a {background-color:#e2f4ff; text-decoration : none;}










dl#news dt {background-color:#F7F7F7;}
dl#news dd a {color:#0081C7;line-height: 19px;}

dl#news dd a:hover {color:#003DC7;line-height: 19px;}





#gallery-in {border-bottom:1px solid #DDDDDD; background-color:#EFEFEF;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.title-01 {background-color:#5f5f5f; color:#fff;}
.title-02 span {background:#FFF;}
.title-03, .title-03.gallery {background-color:#0081C7; color:#fff;}
.title-03 a {color:#FFF;}
.title-04 {color:#0081C7;}

.comment, .more {color:#3F3F3F;}