/* Generated by KNM */
body {
  margin: 0px;
  padding: 0px;
  
  }
#container {
  margin: 0px auto;
  padding: 0px;
  width: 900px;
  position: relative;
  font-family: "$B#M#S(B $B#P%4%7%C%/(B",Osaka,sans-serif;
  font-size:14px;
  background-color: white;
}
#headerhp {
  margin: 0px;
  padding: 0px;
  width: 900px;
  height:109px;
  background-image:url(../image/hpheader.png);
  position: relative;
  z-index: 2;
}
#headerhp h1{
  right: 0px;
  width: 300px;
  margin: 0px;
  padding-top: 5px;
  padding-right: 15px;
  text-align: right;
  letter-spacing: 0.25em;
  :text-align: justify;
  text-justify:distribute-all-lines;
  font-weight:normal;
  font-size: 30px;
  position:absolute;
}
#headerhp address{
  position:absolute;
  line-height: 15px;
  margin:0px;
  padding:0px;
  text-align:right;
  right:20px;
  top:40px;
  font-size:12px;
}

#contents {
  top:74px;
  margin: 0px;
  padding:0px;
  width: 900px;
  position: absolute;
  z-index: 1;
  background-color: white;
}
#leftdiv{
  width: 400px;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  float: left;
}
#bannerhp{
  margin: 0px;
  padding: 0px;
}
#bannerhp img{
  margin-bottom: 10px;
  border: none;
}

#topichp {
  margin: 0px;
  padding: 0px;
  overflow:auto;
  height:300px;
}
#topichp h4{
  font-size:16px;
  line-height:20px;
  letter-spacing:0.3em;
  padding-left:0.5em;
  border-left:10px solid green;
  border-bottom:1px solid green;
}
#topichp p{padding-left: 1em;}

#menuhp{
  width:441px;
  height:441px;
  padding-top: 5px;
  padding-left: 5px;
  margin:20px 20px 0px 0px;
  background-image:url(../image/square.gif);
  float:right;
}
#menuhp img{border: none;}

/* $BDL>o%a%K%e!<(B */
#menuhp2{width: 200px;float: right;margin-top:5px;}
#menuhp2 img{margin:5px 0px;border: none;}
#menuhp2 li{
  border-left:10px solid green;
  border-bottom:1px solid green;
  padding-left:5px;
  margin:10px 0px 0px 0px;
  font-weight:bold;
  line-height:14px;
}
#menuhp2 ul{
  float:left;
  width:130px;
  padding:0px;
  margin:20px 15px;
  list-style:none;
}
#mainhp{width: 680px;margin-right:20px;margin-top:5px;float: left;}
#mainhp h2{
  color:white;
  font-size:25px;
  line-height:40px;
  letter-spacing:0.3em;
  padding-left:20px;
  margin:5px 0px 10px;
  height:40px;
  background-image:url(../image/hph2back.jpg);
}
#mainhp h3{
  font-size:16px;
  line-height:20px;
  letter-spacing:0.3em;
  padding-left:0.5em;
  border-left:10px solid green;
  border-bottom:1px solid green;
}
/* $BDL>o%a%K%e!<%(%s%I(B */

#footerhp{
  clear:both;
  margin-top: 10px;
  position: relative;
  padding:0px;
  height:20px;
  width:900px;
  background-color: #d3fac5;
}
#footerhp address{
  line-height: 20px;
  margin-right: 20px;
  text-align:right;
}


/* $B$3$3$+$i%/%i%9(B */
p{margin: 0px;padding:0px;}
a:link{color: blue;text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{color: blue;text-decoration: none;}
.menubox{margin:0px 0px 5px 0px;width:200px;height:200px;}
.menubox img{padding-right:5px;float:right;}
.bunsyo{line-height: 23px;}
address{
  margin: 0px;
  padding:0px;
  font-style:normal;
  font-size:12px;
}


/* cl start */

#headercl {
  margin: 0px;
  padding: 0px;
  width: 900px;
  height:109px;
  background-image:url(../image/clheader.png);
  position: relative;
  z-index: 2;
}
#headercl h1{
  right: 0px;
  width: 300px;
  margin: 0px;
  padding-top: 5px;
  padding-right: 15px;
  text-align: right;
  letter-spacing: 0.25em;
  :text-align: justify;
  text-justify:distribute-all-lines;
  font-weight:normal;
  font-size: 30px;
  position:absolute;
}
#headercl address{
  position:absolute;
  line-height: 15px;
  margin:0px;
  padding:0px;
  text-align:right;
  right:20px;
  top:40px;
  font-size:12px;
}
#bannercl{
  margin: 0px;
  padding: 0px;
}
#bannercl img{
  margin-bottom: 10px;
  border: none;
}

#topiccl {
  margin: 0px;
  padding: 0px;
  overflow:auto;
  height:300px;
}
#topiccl h4{
  font-size:16px;
  line-height:20px;
  letter-spacing:0.3em;
  padding-left:0.5em;
  border-left:10px solid orange;
  border-bottom:1px solid orange;
}
#topiccl p{padding-left: 1em;}

#menucl{
  width:441px;
  height:441px;
  padding-top: 5px;
  padding-left: 5px;
  margin:20px 20px 0px 0px;
  background-image:url(../image/square.gif);
  float:right;
}
#menucl img{border: none;}

/* $BDL>o%a%K%e!<(B */
#menucl2{width: 200px;float: right;margin-top:5px;}
#menucl2 img{margin:5px 0px;border: none;}
#menucl2 li{
  border-left:10px solid orange;
  border-bottom:1px solid orange;
  padding-left:5px;
  margin:10px 0px 0px 0px;
  font-weight:bold;
  line-height:14px;
}
#menucl2 ul{
  float:left;
  width:130px;
  padding:0px;
  margin:20px 15px;
  list-style:none;
}
#maincl{width: 680px;margin-right:20px;margin-top:5px;float: left;}
#maincl h2{
  color:white;
  font-size:25px;
  line-height:40px;
  letter-spacing:0.3em;
  padding-left:20px;
  margin:5px 0px 10px;
  height:40px;
  background-image:url(../image/clh2back.jpg);
}
#maincl h3{
  font-size:16px;
  line-height:20px;
  letter-spacing:0.3em;
  padding-left:0.5em;
  border-left:10px solid orange;
  border-bottom:1px solid orange;
}
/* $BDL>o%a%K%e!<%(%s%I(B */

#footercl{
  clear:both;
  margin-top: 10px;
  position: relative;
  padding:0px;
  height:20px;
  width:900px;
  background-color: #ffe3c8;
}
#footercl address{
  line-height: 20px;
  margin-right: 20px;
  text-align:right;
}