@charset "utf-8";
body  {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-color: #999999;
	font-size: 100%;
}
.base #container {
	background: #FFFFFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	width: 750px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.base #header {
	background-color: #FFFFCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 
div.tabArea {
	font-weight: bold;
	margin-top: 10px;
}
/*タブメニュー始まり*/
a.tab {
	border: 1px solid #000000;
	border-bottom-width: 0px;
	padding: 2px 1em 2px 1em;
	text-decoration: none;
	background-color: #FFFFFF;
}

a.tab:hover {
	background-color: #CCFFFF;
}
.base /*タブメニュー終わり*/

 #sidebar {
	float: right;
	width: 200px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 15px 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	background-color: #EFEFEF;
	font-size: smaller;
	letter-spacing: 1px;
}
.base     #sidebar     p  
      {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}
.headerbar     {
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px; /*31px is left indentation of header text*/
	font-size: 13px;
	font-weight: bold;
	background-color: #000099;
	text-align: center;
}
.sidemenu {
	list-style-type: none;
	margin: 0;
	padding: 0; /*bottom spacing between each UL and rest of content*/
	width: 100%;
}
.sidemenu  li {
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.sidemenu  li  a {
	background: #E9E9E9;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #99CCFF;
}
.sidemenu  li  a:visited {

}
.sidemenu  li  a:hover { /*hover state CSS*/
	background-color: #CCFFFF;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #990000;
}
.outline {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.list_1line    {
	padding: 0px;
}
.list_1line      li      {
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(img/li_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 10px;
	border-bottom-width: 50%;

}
.h1 {
	font-size: smaller;
	color: #666666;
	margin: 0px;
}


#tag {
	margin: 0px;
	padding: 0px;
    }

#tag li {
	margin-right: 5px;
	display: inline;
	list-style: none;
    }
li a.level1 {
    font-size: 165%;
    font-weight : bold;
	text-decoration: none;
    }
li a.level2 {
    font-size: 150%;
	text-decoration: none;
    }
li a.level3 {
    font-size: 135%;
	text-decoration: none;
    }
li a.level4 {
    font-size: 120%;
	text-decoration: none;
    }
li a.level5 {
    font-size: 100%;
	text-decoration: none;
    }
li a.level6 {
    font-size: 80%;
	text-decoration: none;
    }
/* タグクラウド 終わり */ 


/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の右マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この右マージンを削除します。
2. #mainContent div の幅より広いエレメントが #mainContent div 内に配置されると、フローティングエレメントの落下（フローティング状態ではない #mainContent 領域がサイドバーの下に配置されること）が発生する可能性があります。ハイブリッドレイアウトの場合（全体の幅の単位はパーセント、サイドバーの単位は em）、使用可能な幅を正確に計算できない場合があります。ユーザーのテキストサイズが平均よりも大きい場合、#sidebar1 div が広くなるため、#mainContent div のスペースが狭くなります。クライアントが Contribute を使用してコンテンツを追加する予定である場合は、この制限に注意してください。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグを回避できます。
*/
.base #mainContent {
	padding: 10px;
	margin-top: 0;
	margin-right: 215px;
	margin-bottom: 0;
	margin-left: 10px;
	font-size: smaller;
	letter-spacing: 1px;
} 

/* 見出し始まり */
.title{
	border : 1px solid #000000;
	color:#FFFFFF;
	background-color:#990000;
	padding:5px;
	font-weight:bold;
	font-size: medium;
	clear: left;
}
.title span{
	display:block;
	padding-left:3px;
	height : 20px;
	padding:4px 0px 0px 9px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #99CCFF;
}
.list_3line   {
	padding-left: 0px;
	letter-spacing: normal;


}

.list_3line     li  {
	width: 29%;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	background-image: url(img/li_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-position: outside;
	list-style-type: none;
	padding-right: 5px;
}
.list_2line  {
	padding-left: 0px;
}
.list_2line  li {
	float: left;
	width: 46%;
	background-image: url(img/li_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	list-style-position: outside;
	list-style-type: none;
	padding-right: 5px;
}
.table {
	background-color: #999999;
	width: 100%;
}
.table td {
	background-color: #FFFFFF;
	padding: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}




/* 見出し終わり */

.base #footer {
	background:#FFFFCC;
} 
.base #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size: small;
	color: #666666;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* コメント */
.posted{
width : 100%;
background-color : #ffffcc;
margin-top : 15px;
}
.comment-body{
border-width : 3px;
border-style : double;
border-color : gray;
padding : 5px;
margin-bottom : 15px;
width : 100%;
}