/* 
2004-03-03 フレーム解除、CSSによる段組み、テーブルレイアウト廃止
2004-06-17 03-03版を簡素化
	   枠線の色、背景色などは★★★のところで変更する
*/



/*  -------------------------------- 汎用  */

body	{
	color : #aaaaaa;
	margin: 4px;
	margin-top: 18px;
	margin-bottom: 18px;
	background-color:#ffffff;		/*  壁紙の色に合わせる */
	background-image: url(img/wallpaper6.gif); 
	background-position: left top;
	background-repeat: repeat-y;
/* 上で固定したい時以外上の一行消す　*/
/*	background-repeat: repeat-y;*/
/* 下で固定したい時以外上の一行消す　*/
	background-attachment: fixed
	cursor :  auto;
	text-align: left;
	}

/* ネスケ４対策。日本語フォントは追加定義 */
body { font-family: "ＭＳ Ｐゴシック",sans-serif; } 


a:link	  { color: #556677 }
a:visited { color: #778899 }
a:hover   { color: #ccddee; background-color:#334455 }


p  { line-height: 150%; text-align: left; }
li { line-height: 150%; text-align: left; }
dt { line-height: 150%; text-align: left; font-weight:bold;}
dd { line-height: 150%; text-align: left; }


#center_tag1 {			      /* for MSIE */ 
	/* background-color:#11ee11;	*/	/* NN4での余白確認用 */
	/* border:1px solid #33ff33;	*/	/* NN4での余白確認用 */
	text-align:center;
	}

#center_tag2 {
	margin-left:auto;
	margin-right:auto;
	width:640px;
	/* border:1px solid #ff0000; */
	/* background-color:#C9B966; */
	}


/* 見出し各種 */

h1,h2,h3,h4 {
	font-size: 13pt;  font-weight: bold;
	text-align: center;
	border:0px;
	border-top-width:  2px;
	border-bottom-width: 0px;
	border-style:solid;
	border-color:#ffffff; 
	margin: 0px;
	padding: 6px;
	/* background-color: #ffffff; */
	}

h1 {
	float:left;
	font-size: 26pt;
	font-weight:bold;
	color:#ff0000;	/*★★★*/
	font-family: "Times New Roman","Century Gothic";
	}


h2 { 	margin-top: 3em;
	padding:4px;
	width:38em; 
	background-color: #dd3377;
	}


/* 
汎用見出し（各頁の中見出しはh2、日記の日付見出しはh3。h2とh3は同じ定義にしておく）
*/

h2,h3 { 
	color:#ffffff;
	font-size:110%;
	vertical-align: bottom;
	border:1px;
	background-color: #000000;			/* ★★★ 日記の日付のトコ！*/
	background-image: url(img/date01-050817.gif);
	background-position: center;　}

h3    { background-image: url(img/date01-050817.gif); }	/* ???★★★ */


h2,h3 {  font-family: "ＭＳ Ｐ明朝",sans-serif; } /*  ネスケ４対策で追加定義 */


/* h2とh3を使い分けしたくなったらここで追加定義すること */









/* リスト（DL）の汎用パターン１。link pageやprofile pageで使用 */

.list1 {
	font-size:100%;
	line-height:150%;
	padding:4px;
	margin:2px;
	margin-left:1.5em;
	margin-right:1.5em;
	text-align:left;
	/* background-color:#eeeeee; */
	}

.list1 dt {
	float:left;
	font-size:98%;
	line-height:100%;
	font-weight:bold;
	margin-left:0.5em;
	padding:5px;
	}

.list1 dd { 
	margin-left:6.5em; 
	padding:5px; 
	font-size:98%; 
	line-height:100%;
	}

.list1 dd.prof { margin-left:4em; } 	/* profile page */



/* 各ページ共通メニュー（リンク）バー　（水平型） */
/* 参照元： http://css.maxdesign.com.au/listamatic/horizontal01.htm  */

.navbar {			/* page内に１箇所のみではないのでIDからclassに変更 */
	float:left; 
	text-align:right;
	width:auto; 
	background-color:#ffffff;
	}

.menu li {
	display: inline;
	list-style:none;
	border:1px;		/* NN4対策 */
	padding: 3px;		/* NN4対策 */
	padding-right: 10px;
	font-size:96%;
	font-weight:bold;
	}





/*  ----------------------------------------------------  汎用 Box★★★  */
/*  日記用の textbox と同じ定義にしておく  */

.box {
	text-align: left;		/* 基本的に左寄せ  */
	color:#666666;			/* 文字色  */
	background-color:#ffffff;	/* 背景色  */
	/* background-image: url(img/mizutama1.gif); */ 
	padding:6px;
	width:38em;
	border:1px solid #666666; 	/*  インフォの枠線ね ★★★*/
	}

/*  囲み用の waku も 日記用の day と同じにした↓ */



/*  ---------------------------------------------------  日記 Part  */

#diary { margin:1px;  }			/* 日記 Part 全体の括り */

.waku, .day {
	background-color: #ffffff; 	/* ブロック全体の背景色???? */
	width:38em;
	margin-top:1em;
	margin-bottom:2em;
	border:2px solid #404040;	/* 枠線の色 ★★★ */
	}

/*  日記本文BOX  */
.textbox {
	text-align: left;		/* 基本的に左寄せ  */
	color:#555555;			/* 文字色  */
	background-color: #ffffff;	/* 背景色 ★★★※  ↓と合わせる*/
	/* background-image: url(img/mizutama1.gif); */
	padding:6px;
	}

h4 {				/* 日記内の小見出し */
	text-align:left;
	font-size: 15px;
	color: #000000;
	border :0px;
	padding:6px;
	margin :0px;
	}

.hmrk4 {			/* 小見出し（h4）行頭の記号（●） */
	font-size: 20px;
	color: #000000;
	background-color:#ffffff;	/* 背景色 ★★★※  */
	/* background-image: url(img/mizutama1.gif); */ 
	}


/*  ------------------------------  Top page Header Part */

#header {
	position: relative ;
	top: 0;
	left: 0;
	}

#ptitle { float:left; }

h1.toptitle  {
	font-size: 12px;
	padding:3px;
	margin:1px;
	width:138px;
	color:#555;
	background-color:#eee;
	visibility:hidden; 		/* 非表示 */
	}

#logo  {
	clear: both;
	margin:10px;
	}





/*  ----------------- リンクページ ----*/

h1.linksub { font-size: 12pt; }

.lsub { font-size:84% }

.linklist { margin:1px; }

.linketc li {
	list-style:none;
	padding-right: 10px;
	font-size:96%;
	font-weight:bold;
	}

.linklist dt {
	float:left;
	font-size:96%;
	font-weight:bold;
	margin-left:0.5em;
	padding:7px;
	}

.linklist dt.small {
	font-size:90%;
	}

.linklist dd { 
	margin-left:4em; 	/* 右欄を頭揃えするなら16em前後 */
	padding:7px; 
	font-size:96%; 
	}

.hosoku {
	font-size:90%;
	text-align:center;
	}


/*  -----------------------  リンク：ご案内ページ用 ---  */

.info li { font-size:95%; }


/*  ----------  絵描きさんLINK 用（あ〜わ）  -----  */

.artnavbar {
	text-align:left;
	width:auto; 
	border:0px;
	border-top:2px; border-bottom:2px; 
	border-style:solid; 
	border-color:#999999; 
	margin:1em;
	}

.artmenu  { margin:4px; }

.artmenu li {
	display: inline;
	list-style:none;
	border:1px;		/* NN4対策 */
	padding: 3px;		/* NN4対策 */
	padding-right: 4px;
	font-size:98%;
	font-weight:bold;
	}