html {
  scrollbar-3dlight-color: #87afc5;
  scrollbar-arrow-color: #87afc5;
  scrollbar-base-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #87afc5;
}

body {
  text-align: center;
  color: #336666;
  font-family: 'verdana,chicago,"ＭＳ Ｐゴシック",Osaka';
  font-size: 12px;
}

#inbox {
  width: 700px;
  margin-right: auto;
  margin-top: 30px;
  margin-left: auto;
  border: 1px solid #87afc5;
}

a { text-decoration: none; color: #336666;}
a:active  { color: #336666; }
a:hover   { color: #669999; }

/*--- タイトル部分 ---*/
#head {
  background-image: url(images/head.jpg);
  background-repeat: repeat-x;
  padding: 20px;
  text-align: left;
  font-weight: bold;
  height: 100px;
}

.title { margin-left: 20px; }

.title a,
.title a:link,
.title a:visited,
.title a:active,
.title a:hover {
  color: #336666;
  text-decoration: none;
}

h1 { font-size: 18px; margin: 0px; }
h2 { font-size: 14px; margin: 15px 0px 0px 70px ; }

/*--- サイド部分 ---*/
#side {
  width: 238px;
  float: left;
  line-height: 150%;
  overflow: hidden;
}

.side_set {
  width: 200px;
  text-align: left;
  padding: 3px;
  margin: 0px 15px 20px 20px;
}

.sidetitle {
  border: 1px solid #87afc5;
  background-image: url(images/link.jpg);
  background-repeat: repeat-x;
  text-align: center;
  font-weight: bold;
  height: 20px;
}

.sidetext {
  padding: 3px 10px 3px 10px;
}

.sidetext ul li {
  padding: 0px;
  margin: 0px 0px 0px 5px;
  list-style-type: square;
}

.sidetext ul {
  padding: 0px;
  margin: 0px;
}

/*--- 記事部分 ---*/
#main {
  width: 460px;
  float: left;
  line-height: 150%;
  overflow: hidden;
}

.main_set {
  width: 430px;
  margin: 0px 20px 30px 10px;
  text-align: left;
  border: 1px solid #87afc5;
}

.maintitle {
  font-weight: bold;
  margin-bottom; 3px;
  background-image: url(images/main.jpg);
  background-repeat: repeat-x;
  height: 30px;
  padding: 5px 0px 0px 15px;
  border-bottom: 1px solid #87afc5;
}

.maindate {
  font-size: 10px;
  text-align: right;
  margin-right: 20px;
}

.mainbody {
  padding: 20px;
}

.maininfo {
  font-size: 10px;
  text-align: right;
  padding-right: 20px;
  height: 20px;
  background-image: url(images/bottom.jpg);
  background-repeat: repeat-x;
  border-top: 1px solid #87afc5;
}

.maininfo2 {
  font-size: 10px;
  text-align: right;
  padding-right: 20px;
  height: 20px;
  border-top: 1px dashed #87afc5;
  border-bottom: 1px solid #87afc5;
}

.mainbody ul li {
  padding: 0px 0px 0px 7px;
  margin: 0px 1px 0px 0px;
  list-style-type: square;
}

.mainbody ul {
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

.mainbody a {
  font-weight: bold;;
}

blockquote {
  border: 1px dashed #87afc5;
  padding: 10px;
  margin: 5px;
}

/*--- その他 ---*/
form {
  padding: 0px;
  margin: 0px;
}

input,textarea {
  font-family: 'verdana,chicago,"ＭＳ Ｐゴシック",Osaka';
  border: 1px solid #87afc5;
  font-size: 12px;
  background-color: #ffffff;
  color: #336666;
}

.blank {
  height: 40px;
}

.page {
  margin: 10px 20px 10px 10px;
  height: 20px;
}

#copy {
  background-image: url(images/bottom.jpg);
  background-repeat: repeat-x;
  height: 20px;
  padding: 2px;
  font-size: 10px;
  margin-top: 20px;
}

/*--- カレンダー ---*/
.calendar {
  font-size: 12px;
}

.cell       {
  width: 20px;
  height: 20px;
}

.cell_today      {
  font-family: Verdana;
  border: 1px solid #87afc5;
  width: 20px;
  height: 20px;
}

.cell_sunday     {
  color: #cc0000;
  font-family: Verdana;
  width: 20px;
  height: 20px;
}

.cell_saturday    {
  color: #0066cc;
  font-family: Verdana;
  width: 20px;
  height: 20px;
}

.calendar a {
  font-weight: bold;
}