/* 2003-03-13 定義ファイルをTOPと汎用に分ける */

/* 	----------------------------  top page header part */

body { 	background-color:#cccc99; } /* */

/* #5577bb 夏 */
/* #2064a8 Greece */


.head {
	padding:0px; 
	margin:0px;
	margin-top:2.5em;
	margin-bottom:16px;	/* 8pxとしたいがネスケ７やOpera対策で大きめに */
	width:100%;
	}

h1.top  {
	text-align: center;
	padding:0px;
	margin:0px;
	border:0px;
	font-size: 16px;
	font-weight: bold;
	/* width: 165px; */
	}

.top #bb {
	font-size:20px;
	color:#991111;
	font-weight:bold;
	font-family:Impact,Arial,'ＭＳ ゴシック'; 
	}

.head .sitetitle {
	background-color:#FFFFEE;
	border:4px;
	border-color: #999933;
	border-style:double;
	margin: 0px;
	/* margin-right: 1em;    NN4で重なり発生 */
	padding: 12px;
	float:left;
	width:26%;  	/* width:165px; */
	z-index:2;
	}

.headline {
	padding: 1px;
	margin:0px;
	margin-top:16px;
	margin-left:6em;
	background-color:#E3E3C3;
	border:1px;
	border-color: #AAAA77;
	border-style:solid;
	/* width:60%; */
	z-index:1;
	}

.headline p { 
	text-align:center;
	padding:0px;
	margin:10px;
	}

/* NN4対策でブロックを分ける。 sans-serifは日本語文字化け */
.headline p { font-size:96%; font-family: 'MS UI Gothic','ＭＳ 明朝',serif; }



#column1 {
	clear: both;
	float: left;

	width: 28%; 
	/*  30%+右floatだと800x600のネスケ７で段組崩れる。省略するとMSIE6は伸び切る */

	/* width: fixed; */
        /* width:fixed だと幅はブロック内容に合わせる？ので多段組が崩れる */
        height: auto; 
	margin: 0px;
	margin-top:0px;
	margin-bottom:1em;
	padding: 0px;
	background-color:#eeeedd;
	}

#column2 {
        float: right;

	 width: 68%; 
	/* これを入れるとMSIE6は幅を狭めた時に段組みが崩れる。73%なら640px程度までok */
	/* ネスケ７はok。 */
	/* 省略するとネスケ７で幅広げた時に中央に余白発生 */
	/* なんでこんなに挙動が違うんだ、鬱陶しい */

	/* max-width: 600px;  */
	/* from kanzaki.com。MSIE6では無効、ネスケ７は有効 */

        height: auto; 
        margin: 0px;
        margin-top: 0px;
        margin-left:8px;
        margin-bottom: 1em;
	padding: 0px;
	}


h2.topmenu {
	color:#443344;
	font-weight:normal;
	padding:0px;
	padding-left:1em;
	font-size:50%;
	margin:0px;
	visibility:hidden; 
 	}


.topmenu {
	margin-left:auto;
	margin-right:auto;
	width:85%;
	}

.topmenu ul {
	margin: 4px;
	padding: 4px;
	}

.topmenu li { 
	list-style:none; 	/*  NN4対策 */
	text-align:center;
	line-height:160%;
	padding: 1px;
	border: 0px solid #999944;
	border-top: 1px;
	background-color:#e0dcc3;
	}

.topmenu .hatena li { 
	background-color:#dc7;
	}


.topmenu a { 
	font-size:100%;
	padding:3px;
	}

.topmenu a:link {
	color: #3333FF;
	text-decoration: none;
	}

.topmenu a:visited  {
	color: #333366;
	text-decoration: none;
	}

.topmenu a:hover {
	background-color: #ffffee;
	color: #ff1111;
	}



/* 				---------- 第２段（右） 更新履歴  */

.history {
	padding:0px;
	margin:0px;
	border:1px;			/* 0だとNN4で背景色無効 */
	background-color: #F0F0E0;
	}


.history h2 {
	text-align:left;
	font-size:84%;  /* NN4: mediumだとcolorが無効 */
	font-weight:normal;
	padding:4px;
	padding-left:1em;
	margin:0px;
	border:0px;
	/* border-top:2px; border-bottom:1px; */
	color:#555533;
	background-color:#E0E0D0;
	}


.history ul {
	line-height:120%;  /*  NN4対策  */
	margin:6px;
	padding:0px;
	padding-bottom:8px;
	font-size:96%; 
	background-color: #F0F0E0; /*  NN4対策 */
	}

.history li {
	margin-left:1.5em;
	padding:0px;
	font-size:96%; 
	line-height:160%;
	list-style:circle;
	}

.history a { padding:3px }
.history a:hover { background-color:#DDDD99  }


h2.top {
	text-align:center;
	padding:5px;
	margin-left:0px;
	margin-right:auto;
	width:10%;
	
	}


/* 							告知欄用 */
.info { line-height: 150%; color: #666622 }

div.info {
	margin:12px;
	padding:0px;
	border:0px;
	background-color:#EEEEEE;  /*  NN4対策 */
        border-style: solid;
	margin-left:auto;
	margin-right:auto;
	width:85%;
	}

.info div {
	padding:2px;
	padding-left:1em;
	border:0px;
	border-top:1px;
	border-color:#CCCCAA;
	border-style:solid;
	}

.info h2 { 
	padding:1px;
	padding-left:1em;
	color:#556655;
	font-size:80%; 	font-weight:normal;
	background-color:#F9FCE3;
	}

.info p { padding:0px; margin:0px; font-size:85%; }

.info .wm_room { background-color:#F6C9C9; }
.wm_room .mk { color:#fefefe; font-size: 70%; }

.info .wm_200 { background-color:#F6F9B9; }
.wm_200 .mk  { color:#44CC00; font-size: 70%; }
.wm_200 .mk2 { color:#DD2200; font-size: 70%; }


.tmp { 
	font-size:90%;
	padding:0px;
	padding-bottom:4px;
	margin:0px;
	margin-top:2em;
	line-height: 150%;
	color: #666622;
	background-color:#EEEEE6;
	border: 0px double #999922;
	border-top:3px;
	}

.tmp h2 {
	color:#443344;
	font-weight:bold;
	text-align:center;
	padding:1px;
	margin:0px;
	}

.tmp a { padding-top:4px; padding-bottom:4px; } 
.tmp p { 
	padding-left:0.3em; 
	margin:4px; 
	font-size:90%;
	}
.tmp .mk { color:#881111; font-size: 70%; }



.new	{font-size: 13px;color: #BB6633 }
.update	{font-size: 13px;color: #666699 }





.toplog {
	text-align:center;
	font-size:96%;
	margin:1em;
	margin-top:3em;
	margin-bottom:3em;
	padding:6px;
	border:1px;
	border-style:solid;
	border-color:#CCCCCC;
	width:13em;
        background-color:#FEFEEE;
	}



/*  				------ footer part  */

.seacher {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:left;
	margin-top:3em;
	font-size:86%;
	background-color:#EEEEDD;
	}

.seacher h2 { background-color:#DFCFCF; font-size:200%; }
h2.seacher  { background-color:#DFCFCF;  }


div.footer {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	margin-top:5em;
	font-size:86%;
        background-color:#eeeecc;
	}

.footer p  { text-align:center; }
.footer .mk { font-size:70%; color:#77AA33; }
.footer hr {height:6px; }




img.waku { border:1px; }	/* ReadMe icon 用 */