@charset "shift_JIS";

/*------------ 全体設定 ------------*/
* {
  margin: 5;
  padding: 0;
  font-style : normal;
  font-weight : normal;
  font-size: 100%;
}
/*------------ body ------------*/
body {
  font-size: 84%;
  font-family:   "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 150%;
  text-align: center;
  color: #333333;
  background:#fff  url("") repeat;   /* 背景色 ddddff */
}

/*------------ 見出し ------------*/
h1,h2 {
  font-weight: bold;
  letter-spacing: 0.2em;
}

/*------------  リスト ------------*/

ul li {
  list-style-type: none;
}

/*------------ リンク ------------*/
a {
  color: #3333ff;
   text-decoration: none; /* 下線を消す */
}
a:visited{
  color: #00aa00;
}
a:hover{
  color: #ff7fdf;
}
/* a:active{
  color: #eee; */
}

/*------------ 文字強調 ------------*/
em {
  color: #967;
  border-bottom: 1px dashed #967;
}
strong {
  font-weight: bold;
  color: #3333ff;
  border-bottom: 0px dashed #3333ff;
}

/*------------ 画像 ------------*/
img {
  border: 0;
  border-style: none;
}

/*------------ ページの整形 ------------*/
#container {
  text-align: left;
  background-color: #fff; /*--- 透過の場合はbackground-color: transparent;にする ---*/
  margin: 0 auto;
  width: 900px;
  border-right: 0px solid #999;
  border-left: 0px solid #999;
}

/*------------ ヘッダー ------------*/
#header {
  width: 898px;
  height:149px;
  border: 2px solid #E6E6FA;     /* 枠線の装飾 green solid*/
  background: #ffffff url("./image/header900_149.jpg") no-repeat;
}
h1 {
  padding: 10px 5px 15px;
  font-size: 100%;
  text-align: right;
}

/*------------ サイドバー ------------*/
#sideber {
  width: 198px;
  float: right;
  margin: 0;
  padding: 0;
  border: 0px solid #999;
  background-color: #FFF; 
}
.sideBox {
  width: 188px;
  border: 2px solid #E6E6FA;
  margin: 10px 5px;
  padding: 0;
  background-color: #FFF; 
}
#sideber p,dl {
  margin: 0 0.5em;
  padding: 0.3em 0 0.5em 0.3em;
}

/*------------ メニュー ------------*/
.menuBox {
  width: 188px;
  border: 0px solid #E6E6FA;
  margin: 10px 5px;
  padding: 0;
  border: 2px solid #E6E6FA;     /* 枠線の装飾 green solid*/
  background-color: #FFF;   /* 背景色 (lavender #E6E6FA)*/
}
.menuBox ul {
  margin: 0;
  padding: 5px;
}
.menuBox li {
  margin: 0;
  padding: 5px 1px 1px 25px;
}
.catch {
  background: url("./image/catch.png") no-repeat left center;
}

/*------------ メイン ------------*/
#main {
  width: 698px;
  margin: 0;
  padding: 0;
  float: left;
  border: 0px solid #999;
}
/*------------ mainBox ------------*/
.mainBox {
  width: 685px;
  margin: 10px 5px;
  border: 2px solid #E6E6FA;
  background-color:#FFF;  
}

/*------------ 角丸の装飾 現在、使用していません------------*/
.kadomaru {
  width: 660px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが620pxになります。*/
  margin: 10px 10px 10px 10px;/*上下左右にの内余白*/
  border-radius: 10px;         /* CSS3 */
  -moz-border-radius: 10px;    /* Firefox */
  -webkit-border-radius: 10px; /* Safari,Chrome */
  border: 0px green solid;     /* 枠線の装飾 */
  background-color: #E6E6FA;   /* 背景色 (lavender #E6E6FA)*/
}
/*------------ 角丸の装飾ここまで ------------*/


/*------------ 見出し ------------*/
#main h2 {
  font-size: large;
  margin:3px 1em;
  padding: 3px;
  border-bottom: 1px dashed #111111;
  display:block;   
  background-image: url("./image/point.png");
  background-repeat: no-repeat; 
  padding-top:5px;
  padding-left:32px;
} 

/*------------ 段落・リスト ------------*/
#main p,dl {
  margin: 0 1em;
  padding: 0.3em 1em 0.5em 0.5em;
}
#main dt {
  margin: 0;
  padding: 0.3em 0 0 0;
  font-weight: bold;
  color: #3333ff;
}
#main dd {
  margin: 0;
  padding: 0;
}
#main ul {
  margin: 0 1em;
  padding: 0.3em 1em 0.8em 0.5em;
  color: #;
}
#main li {
  margin: 0 2.5em;
  padding: 0;
  color: #;
  list-style-type: square; 
} 

/*------------ ノートタイトル ------------*/
div.notedesign p.notetitle {
   margin: 0px 0px 5px 0px;
   padding: 3px 0px;
   border-bottom: 0px double #008000;
   font-weight: bold;
   color: #008000;
}

/*------------ ノートタイトルの日付欄 ------------*/
div.notedesign p.notetitle span.date {
   float: right;
}
/* ▼外枠▼ */
div.notedesign {
   border: 0px solid green;   /* 外枠 */
   padding: 5px;             /* 内側の余白 */
   background-color: #; /* 背景色 E6E6FA*/
}
/* ▼ノート内部▼ */
div.notedesign p {
   background-image: url("./image/lavender.png");
   line-height: 25px;
   margin: 0px;
}

/*------------ フッター ------------*/
#footer {
  clear:  both;
  width: 896px;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 2px solid #E6E6FA;
  background-color: #FFF;
}
/*------------ 著作権 ------------*/
address {
  margin: 5px 15px 0 0;
  padding: 5px;
}