@charset "UTF-8";

body{
  margin:0;
  padding:0;
  text-align:center;
  font-size:0.8em;
  background-image: url(../imgs/bg.gif);
}

img { 
	border-width:0px 0px; 
}

/* 08/05/09 追加(削除する予定) */
img.workshop{
    margin-bottom:-2px;
}

img.chat{
    margin-top:-2px;
    margin-bottom:-5px;
}

img.memberinfo{
    margin-bottom:-4px;
}
/*  以上  */

img.top_bana{
    margin-bottom:-5px;
}

div.contener{
  width:800px;
  margin:0 auto;
  background-color:#FFFFFF;
}

div.menubar{
  width:200px;
  margin-top:-5px;
  float:left;
  text-align:left;

}



div.main{
  margin-left:200px;
  text-align:left;
  width:570px;
}

div.footer{
  clear:both;
}

p{
margin-top:0px;
margin-bottom:0px;
text-indent:-100em;
}

p a{
display:block;
width:193px;
height:30px;
}

p.experiment{
  margin-top:0px;
}

div.house{
margin-top:0px;
margin-bottom:0px;
text-indent:-100em;
width:193px;
height:45px;

}

div.house a{
display:block;
width:193px;
height:45px;
}

div.sinzairai{
margin-top:0px;
margin-bottom:0px;
text-indent:-100em;
width:193px;
height:45px;

}

div.sinzairai a{
display:block;
width:193px;
height:45px;
}

div.qpex{
margin-top:0px;
margin-bottom:0px;
text-indent:-100em;
width:193px;
height:45px;

}

div.experiment{
margin-top:0px;
}

div.qpex a{
display:block;
width:193px;
height:45px;
}

p.topics{
margin-top:0px;
margin-bottom:0px;
text-indent:-100em;
width:193px;
height:30px;

}

div.topics a{
display:block;
width:193px;
height:30px;
}

div.chat{
margin-top:0px;
margin-bottom:0px;
text-indent:-100em;
width:193px;
height:45px;

}

div.chat a{
display:block;
width:193px;
height:45px;
}

div.mitearu{
margin-top:0px;
margin-bottom:0px;
text-indent:-100em;
width:193px;
height:45px;

}

div.mitearu a{
display:block;
width:193px;
height:45px;
}

div#counter{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-left:20px;

}

.cnt_font{
  color:#008000;
  font-size:small;
}

div#contents1{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-top:1px;
  padding-bottom:1px;
}

div#contents2{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-top:1px;
  padding-bottom:1px;
}

div#contents6{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-top:1px;
  padding-bottom:1px;
}

div#contents8{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-top:1px;
  padding-bottom:1px;
}

div#contents11{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-top:1px;
  padding-bottom:1px;
}

div#contents12{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-top:1px;
  padding-bottom:1px;
}


div#contents13{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-top:1px;
  padding-bottom:1px;
}
div#contents14{
  background-image: url(../imgs/bar-spacer.gif);
  background-repeat:repeat-y;
  padding-top:1px;
  padding-bottom:1px;
}



//新住協とは
p.about {background: url(../imgs/menu/shinjukyo.gif)}
p.about a:link{background: url(../imgs/menu/shinjukyo.gif)}
p.about a:visited{background: url(../imgs/menu/shinjukyo.gif)}
p.about a:hover{background: url(../imgs/menu/shinjukyo_b.gif)}
p.about a:active{background: url(../imgs/menu/shinjukyo.gif)}
//高断熱住宅の冬と暮らし
p.koudan {background: url(../imgs/menu/koudan.gif)}
p.koudan a:link{background: url(../imgs/menu/koudan.gif)}
p.koudan a:visited{background: url(../imgs/menu/koudan.gif)}
p.koudan a:hover{background: url(../imgs/menu/koudan_b.gif)}
p.koudan a:active{background: url(../imgs/menu/koudan.gif)}

//アクセス
p.access{background-image: url(../imgs/menu/access.gif) }
p.access a:link{background: url(../imgs/menu/access.gif)}
p.access a:visited{background: url(../imgs/menu/access.gif)}
p.access a:hover{background: url(../imgs/menu/access_b.gif)}
p.access a:active{background: url(../imgs/menu/access.gif)}

//お知らせ
p.info {background: url(../imgs/menu/info.gif);background-repeat:no-repeat;}
p.info a:link{background: url(../imgs/menu/info.gif);background-repeat:no-repeat;}
p.info a:visited{background: url(../imgs/menu/info.gif);background-repeat:no-repeat;}
p.info a:hover{background: url(../imgs/menu/info_b.gif);background-repeat:no-repeat;}
p.info a:active{background: url(../imgs/menu/info.gif);background-repeat:no-repeat;}
//暖かくなる家ならない家
div.house {background: url(../imgs/menu/house.gif);height:45px}
div.house a:link{background: url(../imgs/menu/house.gif)}
div.house a:visited{background: url(../imgs/menu/house.gif)}
div.house a:hover{background: url(../imgs/menu/house_b.gif)}
div.house a:active{background: url(../imgs/menu/house.gif)}
//新在来木造構法
div.sinzairai {background: url(../imgs/menu/sinzairai.gif);height:45px}
div.sinzairai a:link{background: url(../imgs/menu/sinzairai.gif)}
div.sinzairai a:visited{background: url(../imgs/menu/sinzairai.gif)}
div.sinzairai a:hover{background: url(../imgs/menu/sinzairai_b.gif)}
div.sinzairai a:active{background: url(../imgs/menu/sinzairai.gif)}
//新在来木造構法の特徴
p.tokucho {background: url(../imgs/menu/tokucho.gif)}
p.tokucho a:link{background: url(../imgs/menu/tokucho.gif)}
p.tokucho a:visited{background: url(../imgs/menu/tokucho.gif)}
p.tokucho a:hover{background: url(../imgs/menu/tokucho_b.gif)}
p.tokucho a:active{background: url(../imgs/menu/tokucho.gif)}
//さらに省エネQ1.0住宅
p.q1 {background: url(../imgs/menu/q1.gif)}
p.q1 a:link{background: url(../imgs/menu/q1.gif)}
p.q1 a:visited{background: url(../imgs/menu/q1.gif)}
p.q1 a:hover{background: url(../imgs/menu/q1_b.gif)}
p.q1 a:active{background: url(../imgs/menu/q1.gif)}
//断熱リフォーム
p.reform {background: url(../imgs/menu/reform.gif)}
p.reform a:link{background: url(../imgs/menu/reform.gif)}
p.reform a:visited{background: url(../imgs/menu/reform.gif)}
p.reform a:hover{background: url(../imgs/menu/reform_b.gif)}
p.reform a:active{background: url(../imgs/menu/reform.gif)}
//新住協の実験住宅
p.experiment {background: url(../imgs/menu/experiment.gif)}
p.experiment a:link{background: url(../imgs/menu/experiment.gif)}
p.experiment a:visited{background: url(../imgs/menu/experiment.gif)}
p.experiment a:hover{background: url(../imgs/menu/experiment_b.gif)}
p.experiment a:active{background: url(../imgs/menu/experiment.gif)}
//QPEX
div.qpex {background: url(../imgs/menu/qpex.gif);height:45px}
div.qpex a:link{background: url(../imgs/menu/qpex.gif)}
div.qpex a:visited{background: url(../imgs/menu/qpex.gif)}
div.qpex a:hover{background: url(../imgs/menu/qpex_b.gif)}
div.qpex a:active{background: url(../imgs/menu/qpex.gif)}
//新住協の技術アラカルト
p.tec {background: url(../imgs/menu/tec.gif)}
p.tec a:link{background: url(../imgs/menu/tec.gif)}
p.tec a:visited{background: url(../imgs/menu/tec.gif)}
p.tec a:hover{background: url(../imgs/menu/tec_b.gif)}
p.tec a:active{background: url(../imgs/menu/tec.gif)}
//新住協の北から南から
p.topics {background: url(../imgs/menu/tpics.gif);height:45px}
p.topics a:link{background: url(../imgs/menu/tpics.gif)}
p.topics a:visited{background: url(../imgs/menu/tpics.gif)}
p.topics a:hover{background: url(../imgs/menu/tpics_b.gif)}
p.topics a:active{background: url(../imgs/menu/tpics.gif)}
//ﾘﾝｸ
p.link{background-image: url(../imgs/menu/link.gif) }
p.link a:link{background: url(../imgs/menu/link.gif)}
p.link a:visited{background: url(../imgs/menu/link.gif)}
p.link a:hover{background: url(../imgs/menu/link_b.gif)}
p.link a:active{background: url(../imgs/menu/link.gif)}
//2008/05/08 追加
//研修会案内
p.workshop{background-image: url(../imgs/menu/workshop.gif)}
p.workshop a:link{background: url(../imgs/menu/workshop.gif)}
p.workshop a:visited{background: url(../imgs/menu/workshop.gif)}
p.workshop a:hover{background: url(../imgs/menu/workshop_b.gif)}
p.workshop a:active{background: url(../imgs/menu/workshop.gif)}
//事務局長のあんな話こんな話
div.chat{background-image: url(../imgs/menu/chat.gif);height:45px; }
div.chat a:link{background: url(../imgs/menu/chat.gif)}
div.chat a:visited{background: url(../imgs/menu/chat.gif)}
div.chat a:hover{background: url(../imgs/menu/chat_b.gif)}
div.chat a:active{background: url(../imgs/menu/chat.gif)}
//会員へのお知らせ
p.memberinfo{background-image: url(../imgs/menu/memberinfo.gif) }
p.memberinfo a:link{background: url(../imgs/menu/memberinfo.gif)}
p.memberinfo a:visited{background: url(../imgs/menu/memberinfo.gif)}
p.memberinfo a:hover{background: url(../imgs/menu/memberinfo_b.gif)}
p.memberinfo a:active{background: url(../imgs/menu/memberinfo.gif)}
//以上
ul{
margin-top:0;
margin-bottom:1em;
}

ul li{
    width:125px;
    margin-left:-15px;
    padding:0 0 0 0;
    list-style:none;
    color:#339966;
}
ul li a:link{color:#339966;}
ul li a:visited{color:#808000;}
ul li a:hover{color:#C89966;}
ul li a:active{color:#334A27;}



.cou{
   font-size:16px;
}
a:link.cou{color:#CC0000;}
a:visited.cou{color:#CC0000;}
a:hover.cou{color:#C89966;}
a:active.cou{color:#334A27;}



/*テキストボックス*/
div.txBox{
text-align:left;

}



div.box-middle{
padding:5px;
text-align:left;
margin-top:-5px;
font-size:small;
border-style:solid;
border-width:0 1px 0 1px;
border-color:#339966;
}






div.flash{
width:570px;
height:180px;
border-style:solid;
border-width:2px;
border-color:#339966;
margin-bottom:5px;

}


span.now{
	color:#FF9900;
}

span.reader{
	font-weight:bold;
	font-size:1.1em;
}

div.des{
   width:560px;
}

.baner2{
 margin-left:-1.5px;
}

.baner3{
 margin-left:-1.5px;
}