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

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

a {color:#000;}
a:hover {color:#555;}

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

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

#main {background:#FFF;}

    #header {background-color:#1f1f1f;}
    
        #slogan {color:#fff;}
    
    #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:#000;}

    #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:#3f3f3f;}
#subnav li.active a {background-color:#efefef;}

#subnav2 li a {border-bottom:1px solid #efefef; color:#3f3f3f; text-decoration:none}
#subnav2 li.active a {background-color:#efefef;}

dl#news dt {background-color:#FFF;}
dl#news dd a {color:#3f3f3f;}

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

#fields label {
	width: 260px;
	display: block;
	padding: 0px;
}
#fields input {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
}
#fields select {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
}
#fields textarea {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
	height: 63px;
}

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

.title-01 {background-color:#9d0000; color:#fff;}
.title-02 span {background:#FFF;}
.title-03, .title-03.gallery {background-color:#670000; color:#fff;}
.title-03 a {color:#fff;}
.title-04 {color:#000;}
.contact_tab{
width:270px;
height:auto;
padding:20px 60px 20px 60px;
background-color:#f4f6f9;
margin:5px auto 5px auto;
}
.nounderline {
text-decoration: none;
}

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