/* トップページ用 CSS (styles.css) */

.topbanner{
  width:800px;
  height:290px;
  margin:0px auto;
  background:url(http://www.net-pier.com/imgs/h3banner.jpg) no-repeat; 
  clear:both;
  }


#topbanner{
  width:788px;
  margin:0px auto;
  padding:0px;
  }

#topbanner .welfare{
  float:left;
  margin-top:0px;
  margin-left:1px;
  padding:0px;
  }

#topbanner .riyou{
  float:left;
  margin-top:0px;
  margin-left:7px;
  padding:0px;
  }

#topbanner .job{
  float:left;
  margin-top:0px;
  margin-left:7px;
  padding:0px;
  }
  
#topbanner .fukushi{
  float:left;
  margin-top:0px;
  margin-left:7px;
  padding:0px;
  }

/* CONTENTS（TOPページ） */

#content{
  padding:10px 0px 0px;
  clear:both;
  }

#content p{
  font-size:14px;
  line-height:20px;
  margin:0px;
  padding:0px;
  }

#content h2 {
  width:800px;
  height:33px;
  color:#fff;
  font-size:15px;
  text-align:left;
  margin:0px;
  padding:14px 10px 0px 48px;
  background:url(http://www.net-pier.com/imgs/h2-back.jpg) no-repeat;  
  overflow:hidden;
  }

#content h4{
  font-size:14px;
  font-weight:bold;
  line-height:24px;
  margin:0px;
  padding:0px;
  }

#content ul{
  width:790px;
  margin:0px auto;
  padding:0px 0px 7px; 
  }

#content li{
  text-align:left;
  list-style:none;
  margin:5px 0px 5px;
  border-bottom:1px dotted #999;
  }

#content .oshirase{
  line-height:14px;
  padding:0px 5px 8px 15px;
  background:url(http://www.net-pier.com/imgs/li-icon.jpg) no-repeat; 
  }

#content .aged{
  line-height:18px;
  padding:0px 5px 8px 65px;
  background:url(http://www.net-pier.com/imgs/li-aged.jpg) no-repeat; 
  }

#content .child{
  line-height:18px;
  padding:0px 5px 8px 65px;
  background:url(http://www.net-pier.com/imgs/li-child.jpg) no-repeat; 
  }

#content .handicapped{
  line-height:18px;
  padding:0px 5px 8px 65px;
  background:url(http://www.net-pier.com/imgs/li-handicapped.jpg) no-repeat; 
  }

#content .more{
  text-align:right;
  padding-right:7px;
  border-bottom:none;
  }

#content .content{
  width:782px;
  margin:0px auto;
  padding:0px;
  }

#content .kouhou{
  float:left;
  width:258px;
  height:245px;
  text-align:left;
  background:url(http://www.net-pier.com/imgs/kouhou-back.jpg) no-repeat;
  overflow:hidden;
  }

#content .nakayoshi{
  position:relative;
  top:10px;
  left:10px;
  width:240px;
  height:226px;
  margin:0px;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/nakayoshi-back.jpg) no-repeat;
  }

html>/**/body #content .nakayoshi{
    top:10px\9;
    height:234px\9;
}

#content .kouhou_nakayoshi{
  position:relative;
  top:38px;
  left:52px;
  width:130px;
  height:176px;
  margin:0px;
  padding:0px;
  border-top:1px solid #EDEDED;
  border-left:1px solid #EDEDED;
  border-right:2px solid #CBCBCB;
  border-bottom:2px solid #CBCBCB;
  }

html>/**/body #content .kouhou_nakayoshi{
    top:-196px\9;
}

#content .address{
  float:right;
  width:521px;
  margin:0px;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/address-back.jpg) repeat-y;
  overflow:hidden;
  }

#content .address_top{
  width:521px;
  height:15px;
  margin:0px;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/address-top.jpg) no-repeat;  
  }

#content .address_bottom{
  width:521px;
  height:13px;
  margin:0px;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/address-bottom.jpg) no-repeat;
  overflow:hidden;
  clear:both;
  }

#content .address_box{
  width:460px;
  font-size:14px;
  text-align:left;
  margin:0px auto;
  padding:0px;
  }

#content .mail{
  float:left;
  width:225px;
  text-align:left;
  margin:0px;
  padding:3px 0px 0px;
  }

#content .tel{
  float:right;
  width:225px;
  text-align:right;
  margin:0px;
  padding:3px 0px 0px;
  }


#main dl{
  width:450px;
  padding:2px 0px 5px 60px;
  margin:0px;
  }

#main dt{
  float:left;
  width:100px;
  text-align:left;
  margin:0px;
  padding:2px 0px;
  clear:both;
  }

#main dd{
  float:right;
  width:335px;
  text-align:left;
  margin:0px;
  padding:2px 0px;
  }

.red{
color:red;
}