html{height:100%;}
body{height:100%;} 

body
{background-color: #ffffff;
 color: #223311;}

body,th,td
{font-size:13px;}

* { margin: 0; padding: 0;}


/* テーブル（#がid、.がクラスclass） */


/* テーブル（#がid、.がクラスclass） */
table#header
{background-color:#f9fff5;
 width:862px;
 height:100%;}

td#top
{height:65px}

td.kage
{background-image:url(img/kage.gif);}

td.menu
{vertical-align:middle;
 padding:5px 5px;
 background-image: url(img/bg.gif);} 

#footer
{background-color:#779966;
 height:30px;
 padding:5px;}

table#in
{width:99%;
 height:100%;}


/* 見出し*/
h1
{background-color: #00ff00 ;
font-size:12px ; margin:0px; padding:0px; }

h2
{font-size:15px ; margin:0px; padding:0px; }

h3
{font-size:18px ; margin:0px; padding:0px; }



/* 画像 */
#title
{margin:0;
 height:65px;
 background:url(img/title.png);
 background-position: center;}

.mail
{width:217px;
 height:19px;
 background:url(img/mail.gif);}

.about-s
{margin:0;
 width:195px;
 height:190px;
 background:url(img/about.png);}

.e-s
{margin:0;
 width:195px;
 height:190px;
 background:url(img/e.png);}

.dojin-s
{margin:0;
 width:195px;
 height:190px;
 background:url(img/dojin.png);}

.day-s
{margin:0;
 width:195px;
 height:190px;
 background:url(img/day.png);}

.link-s
{margin:0;
 width:195px;
 height:190px;
 background:url(img/link.png);}

a img 
{border: none;}


/* スペーサーgif */
.spacer1
{margin:0;
 height:10px;
 background:url(img/spacer.png);}

.spacer2
{margin:0;
 width:1px;
 background:url(img/spacer.png);}

.spacer3
{margin:0;
 width:10px;
 background:url(img/spacer.png);}



/* テキストフォント */
.t-menu
{color: #445533; 
 font-size: 12px;
 font-weight: bold;
 margin-left:10px;} 

.title
{color:#f9fff5;
 font-size:140%;
 font-weight: bold;} 

.text
{line-height : 140% ;} 

.info-t1
{color:#445533;
 font-size:12px;
 font-weight: bold;} 

.info-t2
{color:#445533;
 font-size:12px;} 

.work
{color:#445533;
 font-size:12px;
 line-height:120%;} 

.illustt
{color:#445533;
 font-size:110%;}

.link
{color:#445533;
 font-size:90%;
 line-height:120%;
 margin:0px 3px 0px;} 



.bk
{color:#222222;}

.g
{color:#999999;}

#end
{color:#f9fff5;
 font-size: 10px;
 letter-spacing:1px;
 margin-left:10px;} 


/* リンク文字（擬似クラス） */

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

.title a:hover
{text-decoration: underline;} 


a:link { color: #556644;} /* 通常のリンク */
a:visited { color: #556644; }  /* アクセス済のリンク */
a:hover { color: #556644; } /* ポイント時のリンク */
a:active { color: #889911; } /* アクティブ時のリンク */

.contents a
{text-decoration: none;}  /* リンク文字の下線を消す */

a:hover
{text-decoration: underline;} /* ポイントしたときに下線を表示する */


/* ブロック */

.diary1
{margin:10px 2px 0px;
 padding:3px;
 border-top-width:0px;
 border-left-width:2px;
 border-bottom-width:0px; 
 border-right-width:0px;
 border-color:#778866;
 border-style:solid;
 background-color:#779966;} 

.diary2
{margin:0px 2px 20px;
 padding:5px;
 border-top-width:0px;
 border-left-width:2px;
 border-bottom-width:0px; 
 border-right-width:0px; 
 border-color:#778866;
 border-style:solid;} 

.diary3
{margin:40px 2px 40px;
 padding:5px;
 border-top-width:0px;
 border-right-width:0px; 
 border-bottom-width:0px; 
 border-left-width:0px;
 border-style:solid;} 

.info
{margin:10px 0px 10px;
 height:auto;
 padding:4px;
 border-width:1px;
 border-color:#445533;
 border-style:dashed; } 

.info-1
{height:auto;
 border-top-width:0px;
 border-right-width:0px; 
 border-bottom-width:1px; 
 border-left-width:0px;
 border-color:#889977;
 border-style:dashed;
 margin: 0px 2px 7px;} 

.info-2
{height:auto;
 border-top-width:0px;
 border-right-width:0px; 
 border-bottom-width:0px; 
 border-left-width:0px;
 border-color:#889977;
 margin: 0px 2px 7px;} 

.info-3
{height:auto;
 margin: 10px 0px 20px;} 

.border
{height:auto;
 border-top-width:0px;
 border-right-width:0px; 
 border-bottom-width:1px; 
 border-left-width:0px;
 border-color:#889977;
 border-style:dashed;
 margin: 10px 0px;} 

.counter
{height:auto;
 border-top-width:1px;
 border-right-width:0px; 
 border-bottom-width:1px; 
 border-left-width:0px;
 border-color:#889977;
 border-style:dashed;
 padding:4px;
 margin: 10px 0px;} 

.dojin
{width:400px;
 height:auto;
 margin:10px 10px 0px;
 border-top-width:0px;
 border-right-width:0px; 
 border-bottom-width:0px; 
 border-left-width:0px;
 border-color:#889977;
 line-height:110%;} 

.nobanner
{width:198px;
 height:38px;
 border-top-width:1px;
 border-right-width:1px; 
 border-bottom-width:1px; 
 border-left-width:1px;
 border-style:dashed;
 border-color:#889977;
 text-align:center;} 


.illust
{margin: 20px 0px 50px;} 



/*
CSSハック、正しい記述をしても表示がおかしくなる、強引にCSSいじって正しく表示させる。
*/

/* IE-win only - The Holly Hack \*/
* html #container { height: 1%; }
/* End Holly Hack */ 



/* 以下メモ */

/*
CSSで上下をくっつける場合は
メインのボックスをheight:100%にする
html{height:100%;}
body{height:100%;} を加える
*/