@charset   "UTF-8";
html,body,#all,#all *{
  margin : 0px;
  padding : 0px 0px 0px 0px;
  position : relative;
  background-repeat : no-repeat;
}
#all{
  margin-left : auto;
  margin-right : auto;
  margin-top : 10px;
  width : 750px;
  font-size : 13px;
}
#main{
  float : right;
  width : 560px;
}
#side{
  width : 180px;
  float : left;
  margin-bottom : 10px;
}
#staff_link{
  height : 55px;
  text-align : right;
  width : 506px;
  background-image : url(../img/staff.JPG);
  margin-left : auto;
  margin-right : 0px;
  margin-bottom : 10px;
}
a{
  text-decoration : none;
}
#concept{
  position : relative;
  margin-bottom : 10px;
}
#gallery{
  margin-bottom : 10px;
  clear : both;
  margin-top : 10px;
  height : 120px;
}
#news_topics{
  width : 370px;
  float : left;
  height : 250px;
  clear : both;
  background-image : url(../img/dual_box.gif);
}
#know_how{
  width : 370px;
  float : right;
  height : 250px;
  background-image : url(../img/dual_box.gif);
  margin-bottom : 5px;
}
#gallery h2,#gallery h3{
  width : 120px;
  height : 120px;
  position : absolute;
}
#menu{
  background-image : url(../img/menu_back.gif);
  margin-top : 5px;
  width : 180px;
  height : 681px;
}
#news_topics dt{
  width : 12ex;
  float : left;
  clear : left;
  text-align : right;
  color : #505050;
}
#news_topics dd{
  margin-left : 13ex;
  margin-bottom : 1ex;
}
#news_topics dl{
  margin-left : auto;
  margin-right : auto;
  width : 330px;
  height : 160px;
  overflow : auto;
  margin-bottom : 5px;
}
#know_how p{
  width : 330px;
  margin-left : auto;
  margin-right : auto;
  background-image : url(../img/freetalking_back.jpg);
  background-position : center bottom;
  font-size : 12px;
  line-height : 1.5;
  padding-bottom : 95px;
}
#n_t_jump a{
  background-image : url(../img/n_t_jump.gif);
  width : 205px;
  height : 15px;
  display : block;
}
#catch{
  background-image : url(../img/copy.gif);
  background-repeat : no-repeat;
  width : 560px;
  height : 180px;
}
#staff_link a{
  background-image : url(../img/staff_link.gif);
  width : 55px;
  height : 55px;
  display : inline-block;
}
#concept h2{
  width : 189px;
  background-image : url(../img/concept.gif);
  height : 21px;
}
#gallery_link a{
  background-image : url(../img/gallery.gif);
  width : 130px;
  height : 130px;
  display : block;
}
#taishin{
  background-image : url(../img/taishin.gif);
  top : 0px;
  left : 0px;
}
#barrier{
  background-image : url(../img/barrier_free.gif);
  top : 0px;
  left : 126px;
}
#eco{
  background-image : url(../img/eco.gif);
  top : 0px;
  left : 252px;
}
#natural{
  background-image : url(../img/natural.gif);
  top : 0px;
  left : 378px;
}
#plan{
  background-image : url(../img/plan.gif);
  top : 0px;
  left : 504px;
}
#waterzone{
  background-image : url(../img/waterzone.gif);
  top : 0px;
  left : 630px;
}
#gallery_link{
  top : 10px;
  left : 10px;
}
#all address{
  width : 280px;
  height : 80px;
  position : absolute;
  background-image : url(../img/address.gif);
  top : 10px;
  left : 10px;
}
#logo{
  width : 180px;
  height : 100px;
  display : block;
  background-image : url(../img/logo.gif);
}
#mail{
  background-image : url(../img/mail.gif);
  width : 40px;
  height : 24px;
  display : block;
  position : absolute;
  top : 42px;
  left : 188px;
}
#map{
  background-image : url(../img/map.gif);
  width : 40px;
  height : 24px;
  display : block;
  top : 42px;
  left : 220px;
  position : absolute;
}
#menu h1,#menu h2,#menu h3{
  width : 160px;
  height : 60px;
  background-position : 0px 20px;
  margin-left : auto;
  margin-right : auto;
}
#menu_1{
  background-image : url(../img/menu_1.gif);
}
#menu_2{
  background-image : url(../img/menu_2.gif);
}
#menu_3{
  background-image : url(../img/menu_3.gif);
}
#menu a{
  width : 155px;
  height : 13px;
  display : inline-block;
  margin-left : 5px;
}
#menu_gallery a{
  background-image : url(../img/menu_gallery.gif);
  height : 16px;
}
#menu_process a{
  background-image : url(../img/menu_process.gif);
}
#menu_Q_A a{
  background-image : url(../img/menu_Q_A.gif);
}
#menu_price a{
  background-image : url(../img/menu_price.gif);
}
#menu_voice a{
  background-image : url(../img/menu_voice.gif);
}
#menu_about a{
  background-image : url(../img/menu_about.gif);
}
#menu_staff a{
  background-image : url(../img/menu_staff.gif);
}
#menu_blog a{
  background-image : url(../img/menu_blog.gif);
  margin-left : 0px;
}
#menu_mail a{
  background-image : url(../img/menu_mail.gif);
}
#menu_map a{
  background-image : url(../img/menu_map.gif);
}
#menu_TV a{
  background-image : url(../img/menu_TV.gif);
}
#menu_jutaku a{
  background-image : url(../img/menu_jutaku.gif);
}
#menu_kominka a{
  background-image : url(../img/menu_kominka.gif);
}
#menu_kankyo a{
  background-image : url(../img/menu_kankyo.gif);
}
li{
  list-style-type : none;
}
#news_topics h4{
  background-image : url(../img/news_topics.gif);
  margin-left : auto;
  margin-right : auto;
  width : 141px;
  height : 50px;
  background-position : 0px 20px;
}
#know_how h4{
  margin-left : auto;
  margin-right : auto;
  width : 260px;
  height : 43px;
  margin-bottom : 10px;
}
#concept li{
  margin-top : 10px;
  margin-bottom : 10px;
  width : 270px;
}
#concept_1{
  background-image : url(../img/concept_1.gif);
  height : 34px;
}
#concept_2{
  background-image : url(../img/concept_2.gif);
  height : 34px;
}
#concept_3{
  background-image : url(../img/concept_3.gif);
  height : 64px;
}
#concept_4{
  background-image : url(../img/concept_4.gif);
  height : 34px;
}
#menu li{
  width : 160px;
  height : 13px;
  margin-top : 3px;
  margin-bottom : 3px;
}
#menu #menu_gallery{
  height : 16px;
}
#know_how p span{
  width : 230px;
  color : black;
  display : block;
  margin-left : auto;
  margin-right : auto;
}
#news_topics a{
  color : navy;
}
#footer{
  clear : both;
  margin-bottom : 50px;
}
#news_topics a:hover{
  color : gray;
}
#know_how h4 a{
  width : 260px;
  height : 50px;
  display : block;
  background-image : url(../img/know_how.gif);
  margin-top : -7px;
}
#menu ul{
  margin-left : auto;
  margin-right : auto;
  width : 160px;
}
#catch a{
  display : block;
  width : 560px;
  height : 180px;
  position : absolute;
  top : 0px;
  left : 0px;
}
#know_how #info{
  text-align : center;
  margin-bottom : 3px;
  display : block;
  font-weight : bold;
  font-size : 14px;
}
#know_how #info a{
  color : #ff6500;
}
#menu_temple a{
  background-image : url(../img/menu_temple.gif);
}
#secret{
  display : block;
  position : absolute;
  top : 146px;
  left : 10px;
  width : 130px;
  height : 130px;
}
#know_how a img,#news_topics a img{
  border-style : none none none none;
  vertical-align : middle;
}
#all #news_topics dd .green{
  color : #3d6723;
}
#all #news_topics dd .green:hover{
  color : gray;
}
#all #news_topics #rss{
  position : absolute;
  top : 18px;
  right : 20px;
  border-top-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-bottom-style : solid;
  padding-top : 1px;
  padding-bottom : 1px;
  background-image : url(http://rssicon20.com/img/feedicon16.gif);
  padding-left : 18px;
  background-position : left center;
  height : 16px;
  display : block;
}
#all #menu li#menu_knowhow a{
  background-image : url(../img/menu_freetalking.gif);
  height : 32px;
}
#concept img{
  vertical-align : top;
}
#invite{
  height : 100px;
  position : absolute;
  bottom : 0px;
  left : 0px;
  width : 560px;
  background-color : rgba(255,255,255,0.5);
  border-top-width : 3px;
  border-top-style : solid;
  border-top-color : white;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff,endColorstr=#bbffffff);
  zoom:1;
}
*html body #all #main #invite{
  border-top-width:103px;
  top:423px;
  overflow:visible;
}
#invite img{
  position : absolute;
  bottom : 0px;
  right : 0px;
  border-left-width : 3px;
  border-left-style : solid;
  border-left-color : white;
}
*html #invite img{
  float:right;
}
*html body #all #main #invite address{
  position : absolute;
  left:10px;
  top:-90px;
}
#concept a:hover img{
  opacity:0.5;
  filter:alpha(opacity=75);
}
div#news_topics p{
  text-align : center;
  line-height : 20px;
  margin-left : auto;
  margin-right : auto;
  width : 330px;
  font-weight : bold;
}
div#news_topics p a{
  color : white;
  display : block;
  background-color : #ff6500;
  line-height : 20px;
  height : 20px;
}
div#news_topics p a:hover{
  color : red;
  background-color : #ffb871;
}
body #all #menu li#menu_knowhow a:hover{
  background-position : 0px -32px;
}
#all #menu li#menu_knowhow{
  height : 32px;
}