@charset "Shift_JIS";

/* 基本スタイル
---------------------------------------------- */
* {
      margin: 0;
      padding: 0;
      font-size: 100%;
      list-style: none;
  }

body {
      width: 800px;
      font-size: 75%;
      line-height: 1.5;
      color: #000000;
      background-color: #ffffff;
      }

img {
     border: none;
     }

hr {
   margin: 10px 0;
   }

h1{font-size: x-large;
   color: red;}
h2{font-size: large;}


/* フローティングメッセージのスタイル （ここで表示されるスタイルを指定）*/
.spanstyle {
	position:absolute;
	visibility:hidden;
	color:#005aff;            /* フォント色               */
	font-size:10pt;           /* フォントサイズ           */
/*	font-weight:bold;            太字の場合コメントを外す */
	border:1px gray solid;    /* 枠線の太さ、色、形状     */
	padding:2px;
	background-color:#ffd700; /* 背景色                   */
	z-index:100;
/* センタリングはネスケで表示位置が大幅にずれるので使用しないで下さい */
}
/* フローティングメッセージの影のスタイル （コメントが有る部分以外はspanstyleに合わせる）*/
.syadowstyle {
	position:absolute;
	visibility:hidden;
	color:#cccccc;              /* フォント色 （背景色に合わせる */
	font-size:9pt;
	border:1px #ff8c00 solid;   /* 枠線の太さ、色、形状     */
	padding:2px;
	background-color:gray;   /* 背景色                   */
	z-index:90;
/* z-indexはspanstyleより必ず小さく */
}
.temp_style {
	color:#666666;
	font-weight:bold;
	background-color:#ffff00;
	text-decoration:none;
}

/* ヘッダー部分
------------------------------------------------ */
#header {
         background: #ffffff url(../image/index/bk.gif) repeat;
         text-align: right;
         padding: 5px;
         }

#header #table	{
		 margin: 0;
                }


/* ナビゲーション部分
-------------------------------------------------- */
#navi {
         overflow: auto !important;
         overflow: /**/: hidden;
         width: 800px;
         background: #e8e8e8 url(../image/index/navi.gif) left top repeat-x;
       }

#title {
        float: left;
        width: 200px;
        text-align: center;
        line-height: 2.5em;
        font-weight:bold;
        }

#navibar{
         float: right;
         width: 600px;
         margin-left: -200px;
        }

#navibar li {
            float: left;
            width: 7em;
            border-right: 1px solid #cccccc;
         }

#navibar li.current{
            display: block;
            width: 7em;
            line-height: 2.5em;
            background: #dddddd;
            font-weight: bolder;
            float: left;
            text-align :center;
         }

#navibar li a {
             display: block;
             width: 7em;
             line-height: 2.5em;
             color: #333333;
             text-align: center;
             text-decoration: none;
             background: #8e8e8e url(../image/index/navi.gif) 0 0 repeat-x;
            }

#navi li a:hover {
                   color: #ffffff;
                   background: #50b622 url(../image/index.navi.gif) 0 -100px repeat-x;
                  }

/* メイン部分、フッター部分
-------------------------------------------------- */
#main {
         overflow: auto !important;
         overflow: /**/ hidden;
         width: 100%;
         padding: 0px;
         background: #eeeeee url(../image/index/leftside_bg.gif) repeat-y;
       }

#footer {
          clear: both;
          background: #dddddd;
          padding: 10px 0;
          border-top: 3px solid #cccccc;
          text-align: center;
         }

/* コンテンツ
-------------------------------------------------------- */
#content {
          float: right;
          width: 600px;
          margin-left: -200px;

#menu {
         float: left;
         width: 200px;
         padding: 3px;
       }

/* カレンダー
---------------------------------------------------------- */

#calendar {
        width:190px;
	border:1px solid #cccccc; 
	border-collapse: collapse; 
	font-size: 1.0em
}

#calendar th {
	text-align: center
}

#calendar tr {
	text-align:right; 
	vertical-align:center
}

#calendar td {
	width:1.5em; 
	height:1.5em; 
	border:1px solid #cccccc; 
        text-align: center;
}

/* メイン画面
---------------------------------------------------------- */
#new {
     width: 600px;
     text-align: center;
     }

#blog {
       width: 600px;
       text-align: center;
      }