body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,img {
  border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
ol,li {
  list-style: none;
}
caption,th {
  text-align: left;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,q:after {
  content: '';
}
abbr,acronym {
  border: 0;
  font-variant: normal;
}
body {
  background: #FFFFFF url(../common/image/body.gif) repeat-x;
  color: #444444;
  font-family: "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","MS PGothic","MS PƒSƒVƒbƒN",Osaka,Arial,Helvetica,sans-serif;
  text-align: center;
}
a {
  text-decoration: none;
}
a:link {
  color: #006699
/*  color: #336699; */
}
a:visited {
  color: #996699
/*  color: #336699; */
}
a:hover {
  color: #005599;
  text-decoration: underline;
}
a:active {
  color: #005599;
  outline: none;
}
a:focus {
  outline: none;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#wrap {
  background: #FFFFFF;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin: 0 auto;
  text-align: left;
  width: 940px;
}
#header {
  background: url(../common/image/div_header.gif) no-repeat;
  height: 88px;
  margin: 0 20px;
  position: relative;
  width: 900px;
}
#header h1,
#header p.sitename {
  padding: 25px 0 0 0;
}
#header p.banner {
  left: 250px;
  position: absolute;
  top: 10px;
}
#header p.counter {
  left: 520px;
  position: absolute;
  top: 55px;
}
#header ul.navi {
  left: 533px;
  list-style: none;
  height: 26px;
  position: absolute;
  top: 3px;
  width: 367px;
}
#header ul.navi li {
  display: block;
  height: 26px;
  position: absolute;
  top: 0px;
}
#header ul.navi li.li01 {left: 0px;}
#header ul.navi li.li02 {left: 107px;}
#header ul.navi li.li03 {left: 223px;}
#header ul.fontstyle {
  left: 460px;
  list-style: none;
  height: 24px;
  position: absolute;
  top: 55px;
  width: 131px;
}
#header ul.fontstyle li {
  display: block;
  height: 24px;
  position: absolute;
  top: 0px;
}
#header ul.fontstyle li.li04 {left: 0px;}
#header ul.fontstyle li.li05 {left: 81px;}
#header ul.fontstyle li.li06 {left: 108px;}
#header div.search {
  background: url(../common/image/div_search.gif) no-repeat;
  height: 33px;
  left: 600px;
  position: absolute;
  top: 50px;
  width: 300px;
}
#header input.text {
  background: url(../common/image/input_text.gif) no-repeat;
  border: none;
  height: 21px;
  left: 78px;
  outline: none;
  padding: 2px 8px;
  position: absolute;
  top: 6px;
  width: 160px;
}
#header input.btn {
  left: 244px;
  position: absolute;
  top: 6px;
}
#visual {
  height: 200px;
  margin: 0 20px 20px 20px;
  text-align: center;
}
#footer {
  margin: 0 20px;
  width: 900px;
}
#footer p.add {
  padding: 5px;
}
#footer p.time {
  padding: 5px 5px 10px 5px;
}
#footer ul.navi {
  background: #F5F5F5;
  height: 35px;
  position: relative;
  width: 900px;
}
#footer ul.navi li {
  display: block;
  height: 35px;
  position: absolute;
  top: 0px;
}
#footer ul.navi li.li01 {left: 0px;}
#footer ul.navi li.li02 {left: 160px;}
address {
  font-family: "Century Gothic";
  font-size: 93%; 
}


#contentwrap {
  margin: 20px 20px 30px 20px;
  width: 900px;
}
#contentwrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#contentwrap #sidebar {
  float: left;
  width: 230px;
}
#contentwrap #content {
  float: left;
  width: 670px;
}
#contentwrap #banner {
  float: right;
  width: 170px;
}



#sidebar ul.navi {
  margin: 0 20px 20px 0;
}
#sidebar ul.navi li {
  font-size: 0;
  line-height: 0;
}
#sidebar div.calendar {
  margin: 0 20px 20px 0;
  text-align: center;
}
#calendar {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}
#calendar caption {
  font-weight: bold;
  padding: 0 0 2px 0;
  text-align: center;
}
#calendar thead th {
  border: 1px solid #CCCCCC;
  font-weight: bold;
  padding: 2px;
  text-align: center;
}
#calendar tbody td {
  border: 1px solid #CCCCCC;
  padding: 2px;
  text-align: right;
}
#sidebar div.weather {
  background: #EAEAEA;
  margin: 0 20px 0 0;
  padding: 0 5px 5px 5px;
}


#banner ul.ad {
  margin: 0 0 20px 20px;
}
#banner h3.info {
  margin: 0 0 10px 20px;
}
#banner h4.info {
  margin: 20px 0 10px 20px;
}
#banner div.info {
  border-bottom: 1px dotted #CCCCCC;
  margin: 0 0 10px 20px;
  padding: 0 0 10px 0;
  width: 150px;
}
#banner div.info div.pic {
  float: left;
  width: 65px;
}
#banner div.info {
  float: right
  width: 85px;
}
#banner ul.links {
  margin: 0 0 20px 20px;
}
#banner ul.links li {
  text-align: center;
}


h2.common {
  margin: 0 0 15px 0;
}
table.common {
  border-collapse: separate;
}
div.box {
  margin: 0 0 20px 0;
  width: 500px;
}
div.box dl {
  height: 200px;
  overflow: auto;
  width: 500px;
}
div.box dt {
  float: left;
  width: 120px;
}
div.box dd {
  padding: 0 0 10px 130px;
}

div.news {
  background: #EEEEEE;
}
div.news p {
  padding: 40px 0;
  text-align: center;
}
.new-td {
  padding: 5px 0;
}
table.list td{
  padding: 2px 0;
}

div.box-info {
  margin: 0 0 20px 0;
  height: 200px;
  overflow: auto;
  width: 500px;
}
div.box1 {
  margin: 0 0 20px 0;
}
div.box1 ul {
  height: 110px;
  margin: 0 30px;
  position: relative;
  width: 440px;
}
div.box1 li {
  display: block;
  height: 26px;
  position: absolute;
}
div.box1 li.li01 {left:   0px; top:  0px;}
div.box1 li.li02 {left: 150px; top:  0px;}
div.box1 li.li03 {left: 300px; top:  0px;}
div.box1 li.li04 {left:   0px; top: 40px;}
div.box1 li.li05 {left: 150px; top: 40px;}
div.box1 li.li06 {left: 300px; top: 40px;}
div.box1 li.li07 {left:   0px; top: 80px;}
div.box1 li.li08 {left: 150px; top: 80px;}
div.box1 li.li09 {left: 300px; top: 80px;}