body {
 background-color: #ffffff; 
 background-image: url(./back.jpg);		
 background-repeat: repeat;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Karu Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
　margin: 0; 
　padding: 0;
　border: 0;

}


a {
 color: #336600;
 text-decoration: none;
}

a:hover,a:active {
 color:#330000;
}



/* size */

div#container { width: 850px; margin: auto;

 }

div#header    {
 width: 850px; 
 margin-left: auto;
 margin-right: auto;}

div#wrapper   {
 overflow: hidden;
 width: 840px; 
 margin:  0; 
 padding: 5px; 
}

div#content {
 margin: 0; 
 float: right; 
 width: 670px; 
 height:450px;
 background-image: url(./top.png) no-repeat; 
 }


div#content02 {
 width: 670px; 
 margin: 0; 
 float: right; 
}





div#sidebar   {
 width: 160px; 
 margin: 0; 
 float: left;
}



div#footer    {clear: both;}



/* ヘッダー */

div#header h1 {
 margin: 0; 
 margin-top: 20px;
 margin-left: -30px;
}

div#header img {border: 0;}
div#header p   {margin: 0;}


/* コンテンツ */
div#content {
margin-top: 10px;}

div#image{
 
 margin: 0; padding: 0;
 float: right;  
 width: 650px; height:450px; 
}

div#image a{
 display: block;　
 width: 650px; height:450px;  }

div#image a:hover{ 
 background-image: url(./top.png);}
div#image a:hover {
 background-color: #fff;}/* IE6 */

div#image a:hover img{ 
opacity: 0.35;
filter: alpha(opacity=35); /* IE6、IE7対応 */
 -moz-opacity: 0.35; /* Firefox1.5以前対応 */
}



#insta {
 width: 60px; 
 height:57px;
 margin: 20px; 
float:right;}

#insata  a {
 margin-left: 0; padding-left: 0;
 display: block; 
 width: 60px; 
 line-height: 58px; 
 border: 0;
 text-indent: -99999px; 
 text-align: left; 
 text-decoration: none; 
 background-repeat: no-repeat;
 }


.post      {width: 630px;  }
.post h2   {font-size: 0.875em; margin: 0;
background-repeat: no-repeat; 
line-height: 33px;}
.posttext  {
 padding: 10px;
 font-size: 0.875em;
 line-height: 1.8;  
 text-align:center;		
}


/* メニュー */

#nav            {
 margin-left: auto; 
 margin-right: auto;
 font-size: 18px;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#nav ul    {margin: 0; padding:0;}
#nav li    {list-style-type: none; 
 float: left;}
 
#nav li a {
 margin-left: 0; padding-left: 0;
 display: block; 
 width: 150px; 
 line-height: 50px; 
 border: 0;
 text-indent: -99999px; 
 text-align: left; 
 text-decoration: none; 
 background-repeat: no-repeat;
 }
#nav li a:hover {border: 0;  background-position:0 -54px;}

#nav #link1 a{background-image:url(./concept1.png); background-size: 150px , 50px;　}
#nav #link2 a{background-image:url(./business2.png);  background-size: 150px , 50px;}
#nav #link3 a{background-image:url(./about_us2.png); background-size: 150px , 50px;}
#nav #link4 a{background-image:url(./works2.png);  background-size: 150px , 50px;}
#nav #link5 a{background-image:url(./contact2.png); background-size: 150px , 50px;　}
#nav #link6 a{background-image:url(./blog.png); background-size: 150px , 50px;}
#nav #link7 a{ background-image:url(./zeh.png); background-size: 150px , 50px;}
#nav #link8 a{ background-image:url(./instagram.png); background-size: 150px , 50px;}
#nav #link9 a{ background-image:url(./SDGs.png); background-size: 150px , 50px;}



/* トップメニュー */

ol{border-bottom: solid 1px #330000;
 margin: 0; margin-bottom:10px;
 padding: 0 0 15px 0; 
 font-family: Georgia, sans-serif; 
 font-size: 13px; 
 font-weight: bold; 
 line-height: 1.8;}

ol{margin: 0; padding: 0;}
ol.topic-path li{display: inline;}
ol.topic-path li:before{
 content: "\000020\00003e\000020";}
ol.topic-path li:first-child:before{
content: normal;}


/* footer */

div#footer{width: 850px; margin:0; padding:0;}
div#footer inner{padding: 0; background:; overflow:hidden; width:  850px;}
div#foot01{width: 850px; }
div#footer p{ font-size: 0.65em; text-align: center; line-height: 1.2;}