/*=== RESET ===*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
q:before, q:after{content:”;}
abbr, acronym{border:0;}


/*=== COMMON ITEMS ===*/
*{margin:0;padding:0;border:0;list-style-type:none;zoom:1;}
html,body{font-size:11px;height:100%;}
img {border:none;}
br{letter-spacing:0;}
.clr{clear:both;}
a{text-decoration: none;}

/*=== FONT ===*/
.bold{font-weight: bold !important;}

/*=== LAYOUT ===*/
body{font-family: 'Open Sans','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
#wrapper{width:980px;margin:0 auto;min-height:auto;height: auto !important;height:auto;}/*position:relative;*/
#header{width:100%;height:160px;margin-top:20px;background:#85c0a9;}
#header-inner{width:980px;margin:0 auto;position:relative;overflow:visible;}
#header-logo{position:absolute;width:66px;height:62px;top:55px;left:-87px;background:url(common/img/img01.png) bottom right no-repeat;}
#footer{width:100%;height:26px;margin-top:20px;z-index:9999;position:fixed;bottom:0;width:100%;height:26px;background:#ffffff;opacity:0.8;}
#footer-inner{width:980px;height:26px;margin:0 auto;background:url(common/img/copyright.png) right 9px no-repeat;line-height:26px;font-size:10px;color:#60978;}
#footer-inner a{color:#609781;}
#footer-inner a:hover{color:#9fd1bd;}
#contents-l{width:326px;float:left;margin:58px 0 0 0;padding-bottom:26px;}
#contents-r{width:630px;float:right;margin:62px 24px 0 0;padding-bottom:24px;}
.boat{margin:-30px 0 0 444px;}

h1{padding:26px 0 0 10px;}
h2{width:70px;height:9px;margin-bottom:35px;}
h3{font-weight:bold;margin-bottom:20px;font-size:11px;}


/*=== NAV ===*/
ul#nav{width:100px;}
#nav li a{display:block;width:100px;height:36px;text-indent:-9999px;}
#nav li a:hover{background-position:0 -72px;}
#nav li span{display:block;width:100px;height:36px;text-indent:-9999px;background-position:0 -36px !important;}

#nav li.insta{height:72px;}
#nav li.insta img{width:16px;height:16px;margin:28px 10px;}
#nav li.insta a{height:72px;opacity:0.5;text-indent:0 !important;}
#nav li.insta a:hover{opacity:0.2;}

#nav .about{background:url(common/img/nav_about.png) top left no-repeat;}
#nav .works{background:url(common/img/nav_works.png) top left no-repeat;}
#nav .news{background:url(common/img/nav_news.png) top left no-repeat;}
#nav .memo{background:url(common/img/nav_memo.png) top left no-repeat;}
#nav .contact{background:url(common/img/nav_contact.png) top left no-repeat;}

ul#nav-news{margin:83px 0 0 11px;}
ul#nav-news img{margin-bottom:25px;}
#nav-news li{font-size:11px;line-height:18px;margin-bottom:14px;}
#nav-news li a{color:#000000;}
#nav-news li a:hover{color:#999999;}