body {
 margin: 0;
 padding: 0;
 color: #333333;
 background-color: #ffffff;
 text-align: center;
 font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", Verdana, Arial, sans-seri;
 font-size: 95%;
}

/* master init styles */

h1, h2, h3, h4, p, ul, li {
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
}

a:link, a:visited {
 color: #006633;
}

a:active, a:hover {
 color: #990000;
}

ul {
 list-style-type: none;
 margin-bottom: 2em;
}

li {
 list-style-position: outside;
}

/* contents styles */

div#container {
 width: 740px;
 height: auto;
 margin: 0 auto;
 padding: 0;
 background-color: transparent;
 text-align: left;
}

/* div#header */
div#header {
 width: 740px;
 height: 165px;
 padding: 3px 0;
 background-color: transparent;
 background-image: url("images/kanban.gif");
 background-repeat: no-repeat;
 background-position: 0px;
 text-align: left;
}

div#header h1 {
 color#000000;
 font-size: 120%;
 font-weight: bold;
 margin-top: 125px;
 margin-right: 10px;
 text-align: right;
}

/* ユーザー支援ナビゲーション (div#assist-nav) */

div#assist-nav {
  position: relative;
  top: -130px;
  right: 10px;
  height: 22px;
  text-align: right;
  }

div#assist-nav h2 {
  height: 0;
  overflow: hidden;
  }

div#assist-nav ul {
  padding-top: 3px;
  text-align: right;
  vertical-align: middle;
  }
div#assist-nav ul li {
  display: inline;
  list-style-type: none;
  color: #000000;
  font-size: small;
  }
div#assist-nav ul li a {
  color: #000000;
  }



/* div#navigation */
div#navigation ul {
 margin-bottom:3px;
}

div#navigation li {
 display: inline;
 width: auto;
 padding-right: 0px;
}

div#navigation a:link, div#navigation a:visited {
 color: #000000;
}

div#navigation a:active, div#navigation a:hover {
 color: #990000;
}

div#navigation img {
 border: 0 
}

div#navigation p {
 color#036;
 font-size: 75%;
 margin-top: 5px;
 margin-right: 5px;
 text-align: right;
}



/* div#wrapper */
div#wrapperbg {
 width: 760px;
 height: auto;
 padding: 5px;
 background-image: url("images/bgpattern.gif");
 background-repeat: repeat;
}

div#wrapper {
 width: 740px;
 height: auto;
 margin: 0;
 padding: 10px 10px 2em 10px;
 position: relative;
 overflow: hidden;
 background-color: #f5fffa;
}

div#wrapper h2 {
 background-image: url("images/menu1_0.gif");
 background-repeat: no-repeat;
 width: auto;
 height: auto;
 margin: -5px -5px 1em -5px;
 padding: 5px;
 color: #ff0033;
 font-size: 100%;
 font-weight: nomal;
 text-transform: capitalize;
 text-indent: 0.5em;
}

div#wrapper h2#contbar {
 background-image: url("images/menu1_1.gif");
 background-repeat: no-repeat;
 width: auto;
 height: auto;
 margin: -5px -5px 1em -5px;
 padding: 5px;
 color: #cc0066;
 font-size: 120%;
 font-weight: nomal;
 text-transform: capitalize;
 text-indent: 0.5em;
}


div#wrapper h2#contbard {
 background-image: url("images/menu1_1.gif");
 background-repeat: no-repeat;
 width: auto;
 height: auto;
 margin: -5px -5px 1em -5px;
 padding: 5px;
 color: #cc0066;
 font-size: 120%;
 font-weight: nomal;
 text-transform: capitalize;
 text-indent: 0.5em;
}

div#wrapper h3 {
 margin-bottom: 1.5em;
 color: #006633;
 font-size: 120%;
 font-weight: bold;
}

div#wrapper h4 {
 margin: 1.25em 0;
 color: #0000cc;
 font-size: 110%;
 font-weight: bold;
}

div#wrapper h5 {
 margin: 0.5em 0;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
}

div#wrapper h6 {
 margin: 0.5em 0;
 color: #ff3399;
 font-size: 100%;
 font-weight: bold;
 text-align:right;
}

div#wrapper p {
 margin-bottom: 1em;
 color: #333333;
 font-size: 100%;
 font-weight: normal;
 line-height: 125%;
}

div#wrapper p.main {
 margin-bottom: 1em;
 color: #003;
 font-size: 130%;
 font-weight: normal;
 line-height: 125%;
}

div#wrapper p img {
 width: auto;
 height: auto;
 border: 0px;
 margin-right: 1em;
 margin-bottom: 0.5em;
}

/* div#banner */
div#banner {
 width: 740px;
 height: 150px;
 padding: 0;
 margin-bottom: 10px;
 background-color: transparent;
 text-align: left;
}

#home div#banner {
 background-image: url("images/banneryellow.gif");
 background-repeat: no-repeat;
 background-position: 0 0;
}

#news div#banner {
 background-image: url("images/bannerpink2.gif");
 background-repeat: no-repeat;
 background-position: 0 0;
}

#shoukai div#banner {
 background-image: url("images/bannergreen2.gif");
 background-repeat: no-repeat;
 background-position: 0 0;
}

#hiroba div#banner {
 background-image: url("images/bannerblue2.gif");
 background-repeat: no-repeat;
 background-position: 0 0;
}

#acc div#banner {
 background-image: url("images/banner2.gif");
 background-repeat: no-repeat;
 background-position: 0 0;
}



div#banner p {
 color#333333;
 text-indent: -9999px;
}

/* div#contents */
div#contents {
 position: relative;
 left: 200px;
 margin: 0;
 padding: 0;
 width: 540px;
 height: auto;
}

/* div#latestarticle & div#article */
div#latestarticle, div#article {
 width: 520px;
 height: auto;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
 background-image: url("images/orange.gif");
 background-repeat: repeat;
 background-position: 0px;
}

/* div#pastarticle */
div#pastarticle {
 float: left;
 display: inline;
 width: 300px;
 height: auto;
 margin: 0 15px 0 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
 background-image: url("images/blue.gif");
 background-repeat: repeat;
 background-position: 0px;
}

div#pastarticle h4 {
 margin-bottom: 0.5em;
 color: #c39;
 font-size: 100%;
 font-weight: bold;
}


div#pastarticle p {
 margin-bottom: 1em;
 color: #333333;
 font-size: 95%;
 font-weight: normal;
 line-height: 130%;
}


/* div#pastarticlepart2 */
div#pastarticlepart2 {
 float: left;
 display: inline;
 width: 520px;
 height: auto;
 margin: 0 15px 0 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
 background-image: url("images/blue.gif");
 background-repeat: repeat;
 background-position: 0px;
}

div#wrapper h2#contbar2 {
 background-image: url("images/menu1_1.gif");
 background-repeat: no-repeat;
 width: auto;
 height: auto;
 margin: -5px -5px 1em -5px;
 padding: 5px;
 color: #ff0033;
 font-size: 100%;
 font-weight: nomal;
 text-transform: capitalize;
 text-indent: 0.5em;
}

div#pastarticlepart2 h3 {
 margin-bottom: 0.5em;
 color: #30f;
 font-size: 120%;
 font-weight: bold;
}

div#pastarticlepart2 h4 {
 margin-bottom: 0.5em;
 color: #c39;
 font-size: 100%;
 font-weight: bold;
}


div#pastarticlepart2 p {
 margin-bottom: 1em;
 color: #333333;
 font-size: 90%;
 font-weight: normal;
 line-height: 150%;
}

div#pastarticlepart2 img {
 float: left;
 margin: 0.5em;
}


div#pastarticlepart2 p.cir {
 clear: both
}

/* イベントカレンダー (div#calendar) */

div#calendar {
  width: 280px;
  height: auto;
  margin: 0 0;
  padding: 10px 0;
  }

div#calendar-inner {
  width: 150px;
  padding: 15px 20px 15px 20px;
  border: 1px solid #9aa786;
  color: white;
  background: #fff url(images/bcg_calendar.gif) no-repeat left top;
  }

div#calendar table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: small;
  font-weight: bold;
  text-align: center;
  }
div#calendar table caption {
  padding-bottom: 8px;
  color: #000;
  font-size: small;
  font-weight: bold;
  text-align: center;
  }
div#calendar table thead tr th,
div#calendar table tbody tr td {
  height: 25px;
  border-bottom: 1px solid #cdd1d1;
  color: #000;
  text-align: center;
  font-size: small;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  text-align: center;
  }

div#calendar table thead tr th {
  border-bottom: 2px solid #9aa786;
  color: #000;
  }
div#calendar table thead tr th span,
div#calendar table tbody tr td span {
  color: #000;
  padding: 2px 3px;
  }

div#calendar table tbody tr td a.ooba {
  color: #33c;
  background-color: #ff3;
  padding: 2px 3px;
  }

div#calendar table tbody tr td a.moegino {
  color: #33c;
  background-color: #fcf;
  padding: 2px 3px;
  }

div#calendar table tbody tr td a.moeooba {
  color: #33c;
  background-color: #f60;
  padding: 2px 3px;
  }

div#calendar table tbody tr td span.date-empty {
  padding: 2px 3px;
  color: #fff;
  visibility: hidden;
  }



/* div#links */
div#links {
 float: left;
 display: inline;
 width: 180px;
 height: auto;
 margin: 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
 background-image: url("images/gray.gif");
 background-repeat: repeat;
 background-position: 0px;
}

div#links p img {
 width: auto;
 height: auto;
 border: 0px;
 margin-right: 1em;
 margin-bottom: 0.5em;
}


div#links p#adobe {
 margin-bottom: 1em;
 color: #333333;
 font-size: 75%;
 font-weight: normal;
 line-height: 125%;
}

/* div#sidebar */
div#sidebar {
 position: absolute;
 top: 172px;
 width: 170px;
 height: auto;
 padding: 10px;
 border: 1px solid #f0f0f0;
 background-image: url("images/back3.gif");
 background-repeat: repeat;
 background-position: 0px;

}

div#sidebar h3 {
 margin-bottom: 0.5em;
 color: #000000;
 font-size: 125%;
 font-weight: bold;
}


div#sidebar h4 {
 margin: 0.5em 0;
 color: #333333;
 font-size: 100%;
 font-weight: bold;
}

div#sidebar h3#title {
 margin: 0.5em 0;
 color: #333333;
 font-size: 80%;
 font-weight: bold;
}

div#sidebar h3#scj1 {
 margin: 0.5em 0;
 color: #30f;
 font-size: 100%;
 font-weight: bold;
}

div#sidebar h3#scj12 {
 margin: 0.5em 0;
 color: #30f;
 font-size: 100%;
 font-weight: bold;
}

div#sidebar h4#scj2 {
 margin: 0.5em 0;
 color: #c06;
 font-size: 100%;
 font-weight: nomal;
}

div#sidebar h4#scj22 {
 margin: 0.5em 0;
 color: #c06;
 font-size: 100%;
 font-weight: nomal;
}

div#sidebar h4#scj23 {
 margin: 0.5em 0;
 color: #c06;
 font-size: 100%;
 font-weight: nomal;
}

div#sidebar h4#scj24 {
 margin: 0.5em 0;
 color: #c06;
 font-size: 100%;
 font-weight: nomal;
}
div#sidebar ul#scj3 {
 margin: 5px;
}

div#sidebar li#scj4 {
 margin: 5px;
}

div#sidebar p {
 margin-bottom: 1em;
 color: #333333;
 font-size: 95%;
 font-weight: normal;
 line-height: 130%;
}

div#sidebar p#name {
 margin-bottom: 1em;
 color: #333333;
 font-size: 75%;
 font-weight: normal;
 line-height: 125%;
}

div#sidebar ul#link {
 margin-bottom: 1em;
}

div#sidebar li#link2 {
 margin-bottom: 1em;
 width: auto;
 padding-right: 1em;
 font-size: 100%;
}

div#sidebar ul {
 margin-bottom: 1em;
}

div#sidebar li {
 margin-bottom: 1em;
 width: auto;
 padding-right: 1em;
 font-size: 100%;
}

div#sidebar p#adobe {
 margin-bottom: 1em;
 color: #333333;
 font-size: 75%;
 font-weight: normal;
 line-height: 125%;
}


/* address#footer */
address#footer {
 width: auto;
 height: auto;
 margin-top: 1em;
 padding-top: 5px;
 text-align: center;
 font-family: 'Lucida Sands', Helvetica, Arial, Verdana, sans-serif;
 font-size: 90%;
 font-weight: normal;
 font-style:normal;
}

address#p {
 width: auto;
 height: auto;
 margin-top: 0.5em;
 padding-top: 5px;
 text-align: center;
}