/*=== LAYOUT ===*/
*{margin:0;padding:0;border:0;list-style-type:none;}
html,body{font-size:12px;}
br {letter-spacing:0;}

#wrapper{width:100%;margin:0 auto;}




/*=== HEADER ===*/
#header{margin:0 auto;width:100%;height:350px;clear:both;}
h1{margin:10px 0 0 30px;float:left;}
#nav_blog a{width:110px;height:110px;float:right;margin:48px 20px 0 0;text-indent:-9999px;background:url(common/img/nav_blog.png) top left no-repeat;}
#nav_blog a:hover{background-position:0 -110px;}
#nav_blog span{float:left;display:block;width:110px;height:110px;text-indent:-9999px;background-position:0 -220px !important;}


/*=== NAV ===*/
#nav{width:960px;height:100px;margin:92px auto 0;list-style-type:none;}
#nav li{float:left;}
#nav li a{display:block;width:240px;height:100px;text-indent:-9999px;}
#nav li a:hover{background-position:0 -100px;}
#nav li span{float:left;display:block;width:240px;height:100px;text-indent:-9999px;background-position:0 -200px !important;}

#nav li .about{background:url(common/img/nav_about.png) top left no-repeat;}
#nav li .dw{background:url(common/img/nav_dw.png) top left no-repeat;}
#nav li .works{background:url(common/img/nav_works.png) top left no-repeat;}
#nav li .works_n{background:url(common/img/nav_works.png) 0 -200px no-repeat;}
#nav li .ac{background:url(common/img/nav_ac.png) top left no-repeat;}

/*=== FOOTER ===*/
#footer{margin:140px 0 60px 0;text-align:center;}



/*=== CONTENTS ===*/
#contents{width:960px;margin:20px auto 0;}
#contents_top{width:100%;margin:20px auto 0;}



/*=== COMMON ITEMS ===*/

.clr{clear:both;}