* { line-height:1.4; }

html { margin:0; padding:0; }

body {
	margin:0 auto; padding:0.5em 1em 1em 1em;
	min-width:800px; max-width:1200px;
	background-color:#c0c0c0;
	font-style:normal; font-weight:normal; font-size:medium; text-decoration:none; color:#000000;
}

iframe {
	margin:0 1em;
}

a         { font-style:normal; font-weight:normal; text-decoration:none; }
a:link    { color:#000080; }
a:visited { color:#800000; }
a:hover   { color:#8000ff; }
a:active  { color:#ff0000; }

a img       { margin:3px; padding:0; border:0; }
a:hover img { margin:0;   padding:0; border:solid 3px #ffffff; }



#header					{ margin:0;            padding:0;                                                          }
#navigation				{ margin:0;            padding:0;                                                          }
	.dropdown-menu		{ margin:1em 0;        padding:0.25em 0;                                                   }  /* class で指定なので注意！ */
#container				{ margin:0;            padding:0;                                                          }
	#sidebar			{ margin:0;            padding:0;        width:16em; float:left;                           }
		#calendar		{ margin:0 0 1em 0;    padding:1em;                              background-color:#b0b0b0; }
		#advertisement	{ margin:0 0 1em 0;    padding:1em;                              background-color:#b0b0b0; }
		#bookmark		{ margin:0;            padding:1em;                              background-color:#b0b0b0; }
	#contents			{ margin:0 0 0 16.5em; padding:0;                                                          }
		#freespace		{ margin:0 0 1em 0;    padding:1em;                              background-color:#e8e8e8; }
		.article		{ margin:1em 0;        padding:1em;                              background-color:#b0b0b0; }  /* class で指定なので注意！ */
#footer					{ margin:0;            padding:0;                                                          }



/* - IE6のフロートバグ暫定対策 > サイドバー強制消去 - */
*html body		{ width:950px }
*html #sidebar  { display:none         }
*html #contents { margin:0; padding:0; }



#bookmark ul    { margin:0 0 1em 0; padding:0;                        }
#bookmark li    {                   list-style:none;                  }
#bookmark li li { margin-left:1em;  list-style:none; font-size:small; }
#bookmark a     {                                    font-size:small; }



.article h2 {
	border-top:double 4px #000000; border-bottom:double 4px #000000;
}
.article h2 a		{ display:block; width:100%; }
.article h2 a:link  { color:#000080; }
.article h2 a:hover { color:#ffffff; background-color:#c0c0c0; }

.article p a {
	margin-left:0.25em; margin-right:0.25em;
}






/* スタイルシート無効時に表示 */
.stylesheet {
	display:none;
}



/* ----------------------- clearfix ----------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0em;
	line-height: 0;
}



/* -------------------------------------------------- */
/*                                                    */
/* CSSでドロップダウンメニュー > 構造指定             */
/* http://ezorisu-web.com/web-design/archives/356     */
/*                                                    */
/* -------------------------------------------------- */
.dropdown-menu {
	border-top:double 4px #000000; border-bottom:double 4px #000000;
}

.dropdown-menu ul { /* リスト全体 */
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown-menu li { /* リストの1段目 */
  float: left;
  min-width: 7em;
  white-space: nowrap;
}

.dropdown-menu ul ul { /* 2段目以降 */
  display: none;
  position: absolute;
  z-index: 10;
}

.dropdown-menu li li { /* 2段目以降のリスト項目 */
  clear: left;
  position:relative;
  width: 100%;
}

.dropdown-menu ul ul ul { /* 3段目以降 */
  top: 0;
  left: 100%;
}

.dropdown-menu ul li:hover > ul {
  display: block;
}

/* -------------------------------------------------- */
/*                                                    */
/* CSSでドロップダウンメニュー > メニュー装飾         */
/* http://ezorisu-web.com/web-design/archives/356     */
/*                                                    */
/* -------------------------------------------------- */
.dropdown-menu li {
  margin-right: 3px; /* margin-left→ margin-right に変更 */
}

.dropdown-menu a { /* 1段目以降のメニュー文字 */
  text-decoration: none;
  text-align: center; /* 1段目は文字を中央合わせに */
  color:#dadada;
  padding: 5px 10px;
  background-color: #242424;
  display: block;
}

.dropdown-menu a:link {
	color:#dadada;
}

.dropdown-menu a:visited {
	color:#dadada;
}

.dropdown-menu a:hover {
  color: #f90;
  background-color: #111;
}

.dropdown-menu a:active {
	color:#ff0000;
}

.dropdown-menu ul ul {
  padding-top: 0.1em;/* 2段目を少し下げる */
}

.dropdown-menu ul ul ul { /* 3段目以降 */
  padding-top: 0; /* 2段目のパディング分(padding-top)を元に戻す */
}

.dropdown-menu li li {
  margin-left: 0; /* liのmargin-left: 3pxを元に戻す */
}

.dropdown-menu ul ul a { /* 2段目以降のメニュー文字 */
  text-align: left; /* 2段目以降は左寄せに戻す */
  font-weight:normal;
  font-size:90%;
  border-top: solid 1px #555555;
  border-right: solid 1px #070707;
  border-bottom: solid 1px #070707;
  border-left: solid 1px #555555;
  background-color: #343434;
}