@charset   "UTF-8";
#all{
  margin-top : 10px;
  margin-left : auto;
  margin-right : auto;
  width : 750px;
}
*{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  position : relative;
  background-repeat : no-repeat;
}
body{
  font-size : 13px;
}
h1{
  width : 107px;
  height : 32px;
}
h2{
  font-size : 16px;
  clear : both;
  margin-bottom : 15px;
}
#about dt{
  float : left;
}
#about dd{
  margin-left : 4.5em;
  margin-bottom : 10px;
}
h1 a{
  background-image : url(../img/about_header.gif);
  width : 107px;
  display : block;
  height : 32px;
}
#profile{
  width : 295px;
  float : right;
}
#about{
  width : 400px;
  float : left;
  padding-bottom : 159px;
  background-image : url(../img/about.jpg);
  background-position : center bottom;
}
#profile p{
  background-image : url(../img/sugano.jpg);
  padding-left : 110px;
  line-height : 1.8;
  margin-bottom : 10px;
  margin-top : 5px;
}
#summary{
  background-image : url(../img/about_back.gif);
  padding-top : 25px;
  padding-left : 20px;
  padding-right : 20px;
  width : 710px;
  height : 375px;
  margin-bottom : 20px;
}
#profile em{
  font-size : 16px;
  font-weight : bold;
  font-style : normal;
  margin-left : 10px;
}
#about em{
  font-size : 18px;
  font-style : normal;
  margin-left : 10px;
}
#profile li{
  margin-bottom : 7px;
  list-style-type : none;
  margin-left : 4em;
}
#profile li span{
  display : block;
  position : absolute;
  top : 0px;
  left : -4em;
}
#c_title{
  padding-top : 5px;
}
#about dt span{
  letter-spacing : 1em;
  width : 3em;
  display : inline-block;
  overflow : hidden;
  white-space : nowrap;
}
#about dt #tel,#about dt #fax{
  letter-spacing : 1ex;
}
#c{
  font-weight : bold;
}
#apeal li{
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #84be42;
  height : 95px;
  padding-left : 2em;
  padding-right : 320px;
  text-indent : -1em;
  font-size : 17px;
  padding-top : 35px;
  background-position : right center;
  font-weight : bold;
  list-style-type : none;
}
#ap1{
  background-image : url(../img/staff_only.jpg);
  border-top-width : 2px;
  border-top-style : solid;
  border-top-color : #84be42;
}
#ap3{
  background-image : url(../img/pick.gif);
}
#ap4{
  background-image : url(../img/communication.gif);
}
#ap5{
  background-image : url(../img/natural_policy.jpg);
}
#ap6 ul{
  width : 300px;
  position : absolute;
  top : 0px;
  right : 0px;
}
#apeal #ap6 ul li{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  border-style : none none none none;
  height : auto;
  text-indent : 0px;
  font-size : 14px;
  font-weight : normal;
  margin-left : 2.5em;
  line-height : 1.5;
  margin-top : 15px;
}
#ap6 ul li span{
  position : absolute;
  left : -2.5em;
}
#ap6 ul li em{
  color : #ff6500;
  font-style : normal;
}
#apeal #ap2 dl{
  background-image : url(../img/st_pro.jpg);
  background-position : left center;
  padding-left : 160px;
  position : absolute;
  right : 0px;
  top : 15px;
  width : 140px;
  text-indent : 0px;
  font-weight : normal;
  min-height:100px;
  line-height : 1.5;
}
#apeal #ap2 dt{
  font-weight : bold;
  font-size : 15px;
  border-top-width : 3px;
  border-left-width : 3px;
  border-right-width : 3px;
  border-top-style : double;
  border-left-style : double;
  border-right-style : double;
  border-top-color : blue;
  border-left-color : blue;
  border-right-color : blue;
  padding-left : 5px;
  padding-right : 5px;
  padding-top : 5px;
  text-decoration : underline;
}
#apeal #ap2 dd{
  font-size : 11px;
  border-left-width : 3px;
  border-right-width : 3px;
  border-bottom-width : 3px;
  border-left-style : double;
  border-right-style : double;
  border-bottom-style : double;
  border-left-color : blue;
  border-right-color : blue;
  border-bottom-color : blue;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
#content_mail{
  background-image : url(../img/mail.gif);
  width : 40px;
  height : 24px;
  display : block;
  position : absolute;
  bottom : -3px;
  right : 40px;
}
#content_map{
  background-image : url(../img/map.gif);
  width : 40px;
  height : 24px;
  display : block;
  bottom : -3px;
  right : 0px;
  position : absolute;
}
#about dd a:hover{
  background-position : 0px -24px;
}
