body{		/*コンテンツ全体を指定*/
	font-size : 85%;
	line-height : 130%;
	letter-spacing : 1px;
	text-align : center;
	margin-top : 0px;
	background-color:#e0e0e0;
}
#webmain{	/*表示枠設定*/
width : 750px;
text-align : left;
margin : 0 auto;
background : #fff;
}
#header {	/*ヘッダー部*/
text-align : left;
width : 100%;
height : 80px;
bottom : auto;
position: relative; 
border-top-width : 4px;
border-top-style : solid;     /*上の線・実線*/
border-top-color : #999999;
border-bottom-width : 4px;
border-bottom-style : solid;   /*下の線・実線*/
border-bottom-color : #999999;
background-color:#e3fff9;
background-image:url("../img/top.gif");
background-repeat:no-repeat;
background-position:top left;
}

#header h1{	/*H1トップ文字*/
width : 250px;
bottom : auto;
float : left;
margin : 0px;
padding : 0px 0 0 10px;
font-family :Monotype Corsiva ;
line-height:140%;
}

#header h4{	/*H4トップ文字*/
width : 350px;
bottom : auto;
float : left;
margin : 0px;
padding : 10px 0 0 10px;
font-size : 100%;
font-family : cursive ;
color : #008000;
}

#upmanu {  	/*サイトマップPB*/
text-align : right;
margin-right :10px;
font-size :12px;
}

/*TOPページの場合、ここにFlash領域を設ける*/

/*ナビ１（上部）*/
#navi{
	position:relative;
	display:block;
	height:42px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(../img/blue_background.gif) repeat-x top left;
	/*font-family:Arial,Verdana,Helvitica,sans-serif;*/
	/*text-transform:uppercase;*/
}
#navi ul{
	margin:0px 0px 0px 20px;
	padding:0;
	list-style-type:none;
	width:auto;
}
#navi ul li{
	display:block;
	float:left;
	margin:0px;
	border-left:1px solid #003f7b;
	border-right:1px solid #003f7b;
}
#navi ul li a{
	display:block;
	float:left;
	color:#D5F1FF;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;
}
#navi ul li a:hover{
	color:#fff;
	background:transparent url(../img/blue_backgroundOVER.gif) no-repeat top center;
}
#navi ul li a.current{
	color:#75baff;
	background:transparent url(../img/blue_backgroundOVER.gif) no-repeat top center;
}
#navi_{
	margin:0px;
	height:4px;
	font-size:4px;
}

/*パンくずナビ*/
#navi2	{
margin:5px 0 0 5px;
padding:0;
font-size: 8px;            /* フォントサイズ */
}
/*TOPコンテンツ　３分割*/

#wrapper{
float:left;width:100%;
background-color: #ffffff;
margin:0px 0px 5px 0px;
}
#container{    /*左メニュー・メインコンテンツ部分*/
float:left;width:620px;
}

#content {   /*メインコンテンツ部分*/
float:right;width:445px;
background-color: #ffffff;
padding-top:5px;
}
#content h2 {
	line-height: 150%;
	font-size: 14px;
	color: #333333;
	background-image: url(../img/titlebar.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 20px;
}

.content-post {
margin : 0 0 0 0;
padding : 0 0 0 0;
font-size : 12px;
line-hight :140%;
position :relative;
}

.metadata dt,dd {
font-size : 11px;
color : #666;
display : inline;
}

#navigation{    /*TOP左メニュー部分*/
float:left;
width:165px;
padding-top:5px;
}
.navigation-list {  /*TOP左メニュー背景部分*/
  margin: 0 0 4px 0px;
  padding: 3px 2px 0px 5px;
  text-align: left;
  background-image: url(../img/menu_back.gif);
  font-size: 10px
}
.navigation-list h2 { /*TOP左メニュー部分*/
  margin: 0;
  padding: 7px 0 7px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(../img/sidebar.gif);
  background-repeat: no-repeat;
}
.navigation-list a{     /*TOP左メニュー項目部分*/
  color: #69821b;
  display: block;
  border-top: solid 1px #c6c6c6;
  border-bottom: solid 1px #c6c6c6;
  padding: 5px 0 5px 20px;
  font-size: 10px;
  background-image: url(../img/side_menu_bg.gif);
  background-repeat: no-repeat;
 }
.navigation-list a:hover{
  color: #99ab4e;
  background-image: url(../img/side_menu_bg_hover.gif);
  background-repeat: no-repeat;
}



#sns{    /*sns部分*/
	width:160px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	border-width: 1px 1px 1px 1px; 
	border-style: solid;
	border-color: #666699; 	/* 枠の色 */
	background-color: #fcfaf6;
	font-size:12px;
}
#sns p{
	font-size:8px;
}
#sns h3{
	font-size:11px;
}
#sns p .box{
	width:130px;
	height:15px;
}

#extra{      /*サイド広告部分*/
background:#FFFFFF; /*白*/
float:left;
width:120px;
padding-top:5px;
padding-left:5px;
}




/*TOPコンテンツ　0分割*/
#content-em  {     /*content-etc用*/
	font-size:90%;
	margin:0px 10px 0px 10px;
}  

#content-em h2 {
  	color: #000099; 	/* 文字の色 */
  	padding-left: 10px; 	/* 左の余白 */
  	border-width: 0px 0px 2px 10px; 	/* 枠の幅 */
 	border-style: solid; 	/* 枠の種類 */
 	border-color: #9999ff; 	/* 枠の色 */
  	line-height: 100%; 	/* 行の高さ */
  	font-size : 120%;	/* フォントサイズ */
}


#content-map {			/*サイトマップ用*/
	font-family: Verdana, Chicago, sans-serif;
	font-size: 11px;
	margin:0px 10px 0px 10px;
}
#content-map h2 {	/* サイトマップ見出し */
	font-size: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 1em;
	border-color: #000099;
	padding: 0.3em 0em 0.3em 0.5em;
}
#content-map li {
	font-weight: normal;
	margin-top: 0.5em;
}
#content-map li.dir {
	font-weight: bold;
	color: #006666;

}
#content-map a:link  	{ Color: #3333cc; text-decoration: none;}
#content-map a:visited	{ Color: #cc3366; text-decoration: none;}
#content-map a:hover	{ Color: #ff3366; text-decoration: underline; }
#content-map a:active	{ Color: #3333cc; text-decoration: none;}

/*コンテンツ　２分割(活動実績・建材評価）*/
#outline {
	width : 100%;	/*コンテンツ部分を上下0、左右10px内側に*/
	font-size : 90%;
	padding: 5px 10px 0px 10px;

}
#dev2-main {	/*メインコンテンツ部分*/
float : right;
width : 550px;
padding:0px 20px 0px 0px;
}
#dev2-main H2 {
  color: #000099; 	/* 文字の色 */
  padding-left: 10px; 	/* 左の余白 */
  border-width: 0px 0px 2px 10px; 	/* 枠の幅 */
  border-style: solid; 	/* 枠の種類 */
  border-color: #9999ff; 	/* 枠の色 */
  line-height: 100%; 	/* 行の高さ */
  font-size : 120%;	/* フォントサイズ */
  width: 95%;
}
#dev2-side {
	float : left;
	width : 160px;


}
.dev2-side-list {        
list-style-type: none;   /*ULのリスト記号を無くす*/
margin: 0 0 2em;
}

.dev2-side-list li {     /*以下「会社概要」のみに使用*/
display: inline;
}
.dev2-side-list li a {
  color: #583822;
  letter-spacing: 1px;
  text-align: left;
  display: block;
width: 143px;
padding: 4px 4px 4px 4px;
  border: 2px outset #c9c9c9;  /*立体的に表示*/
text-decoration: none;
  font-size: 12px;
  margin-left: -35px;
  margin-top:5px;
  background-color: #f3f3f2;
}

.dev2-side-list li a:hover {
  border: 2px inset #cccccc;  /*立体的に表示*/
  background-color: #ffffff;
  color: #765c47;
text-decoration: none;

} 

.dev2-side-list li a.current,a.current:hover {
  border: 2px inset #cccccc;  /*立体的に表示*/
  background-color: #a0a0a0;
  color: #765c47;
  font-weight:bold;   /*強調*/
}
/*ここまで「会社概要」のみに使用*/
/*「建材評価」左メニュー部分のみ、以下に設定*/
.dev2-side-list1 h2 {
  margin: 0;
  padding: 6px 0 6px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(../img/sidebar1.gif);
  background-repeat: no-repeat;
}

.dev2-side-list1 a{
  color: #004080;
  display: block;
  border-top: solid 1px #c6c6c6;
  border-right: solid 1px #c6c6c6;
  border-bottom: solid 1px #c6c6c6;
  border-left: solid 1px #c6c6c6;
  padding: 5px 0 5px 20px;
  font-size: 10px;
  background-image: url(../img/side_menu_bg2.gif);
  background-repeat: no-repeat;

 }

.dev2-side-list1 a:hover{
  color: #005ebb;
  background-image: url(../img/side_menu_bg2_hover.gif);
  background-repeat: no-repeat;

}
/*ここまで「建材評価」部分終了*/


/*TOPコンテンツ　２分割（会員紹介部分）*/
#outline2 {
width : 100%;
margin : 5px 10px 0px 10px;	/*コンテンツ部分を上下0、左右10px内側に*/
font-size : 90%;
}
#dev2-main2 {	/*メインコンテンツ部分*/
float : right;
width : 620px;
padding : 0px 2px 0px 10px;
}

#dev2-side2 {
  float: left;
  margin: 0px ;
  padding: 0px;
  width : 100px;
background-color: #ffffff;
/*  background-image: url(../img/menu_back.gif); */
}
.dev2-side2-list {       
list-style-type: none;   
margin: 0 0 2em;
}

.dev2-side2-list li {
display: inline;
}
.dev2-side2-list li a {
	color: #583822;
	letter-spacing: 3px;
	text-align: center;
	display: block;
	width: 80px;
	padding: 4px;
	border: 2px outset #c9c9c9;  /*立体的に表示*/
	text-decoration: none;
	font-size: 12px;
	margin-left: -40px;
	margin-top:5px;
	background-color: #f3f3f2;
}

.dev2-side2-list li a:hover {
  border: 2px inset #cccccc;  /*立体的に表示*/
  background-color: #ffffff;
  color: #765c47;
text-decoration: none;

}
.dev2-side2-list li a.current,a.current:hover {
  border: 2px inset #cccccc;  /*立体的に表示*/
  background-color: #a0a0a0;
  color: #765c47;
  font-weight:bold;   /*強調*/
}



/*コンテンツ　２分割(建材関連）*/
#outline3 {
width : 100%;
margin : 5px 6px 0px 6px;	/*コンテンツ部分、左右6px内側に*/
font-size : 90%;
}
#dev2-main3 {	/*メインコンテンツ部分*/
float : right;
width : 550px;
margin : 0 10px 0 0;
}
#dev2-main3 h2 {
  margin: 0 0 7px 0;
  padding: 8px 0 10px 20px;
  line-height: 110%;
  font-size: 12px;
  color: #333333;
  background-image: url(../img/titlebar2.gif);
  background-repeat: no-repeat;
}
#dev2-side3 {		/*サイドメニュー部分を全体的*/
  float: left;
  margin: 0 0 15px 0;
  padding: 0;
  width: 160px;
  letter-spacing: 1px;
  text-align: left;
  background-image: url(../img/menu_back.gif);
}

.dev2-side3-list {
  margin: 0 0 5px 0;
  padding: 5px 2px 0px 5px;

}

.dev2-side3-list h2 {
  margin: 0;
  padding: 6px 0 6px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(../img/sidebar2.gif);
  background-repeat: no-repeat;
}

.dev2-side3-list a{
  color: #004080;
  display: block;
  border-top: solid 1px #c6c6c6;
  border-right: solid 1px #c6c6c6;
  border-bottom: solid 1px #c6c6c6;
  border-left: solid 1px #c6c6c6;
  padding: 5px 0 5px 20px;
  font-size: 10px;
  background-image: url(../img/side_menu_bg2.gif);
  background-repeat: no-repeat;

 }

.dev2-side3-list a:hover{
  color: #005ebb;
  background-image: url(../img/side_menu_bg2_hover.gif);
  background-repeat: no-repeat;

}


#table-01 {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left:20px;
}

#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
    font-size : 10px;
}
#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
    font-size : 10px;
}
#table-02 {    /*建材評価表*/
    width: 400px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left:20px;
}

#table-02 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
    font-size : 12px;
}
#table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
    font-size : 12px;
}
#table-03 {
    width: 400px;
    border: 1px #E3E3E3 solid; /*表外側の罫線　幅、色、種類*/
    border-collapse: collapse; /*隣接するセルのボーダーを重ねて表示*/
    border-spacing: 0;	/*セルのボーダーの間隔を指定する*/
    margin-left:20px;
}

#table-03 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;	/*ボーダーの太さを指定*/
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 	/*ソース中のスペース・タブ・改行の表示の仕方を指定*/
    font-size : 12px;
}
#table-03 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;	/*表外側の罫線　幅、色、種類*/
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: normal;
    font-size : 12px;
}
#table-04 {
    margin-left:20px;
    padding: 0px 0px 0px 0px;
    font-size : 12px;
}
#table-05 {
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;

}
#table-05 th {
    padding: 0px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
    font-size : 12px;
}
#table-05 td {
    padding: 5px 5px 5px 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
    font-size : 12px;
}


#copyright{	/*Copyright部分*/
width : 100%;
text-align : center;

padding-top : 4px;
padding-bottom : 4px;
border-top-width : 2px;
border-bottom-width : 2px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : gray;
border-bottom-color : gray;
font-size : 10px;
color : #666666;
background : #ffffe0;
}




/*共通部*/
.c-both { clear:both; }		/*左右の回り込み解除*/


H3 {
font-size : 90%;
line-hight : 70%;
color : #6600cc;
}

p{				/*文字を指定*/	
margin:0;
padding:10px;
font-size : 90%;
}