<style type="text/css">
<!--
html{	/* スクロールバーの色 */
	scrollbar-3dlight-color: #DADADB;
	scrollbar-arrow-color: #7A7A7B;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #FAFAFB;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #FBFBFC;
}
body{	/* 全体のフォントサイズ・色 */
	font-size: 10pt;
	color: #161616;
	background-color: #FFFFFF;
	overflow: auto;
}
div,td{	/* 全体のフォントサイズ */
	font-size: 10pt;
}
a:link{	/* リンク色 */
	color: #554966;
	text-decoration: none;
}
a:visited{	/* 訪問済みリンク色 */
	color: #554966;
	text-decoration: none;
}
a:hover,a:active{	/* アクティブリンク色 */
	color: #553866;
}
.menu{	/* メニュー部分の枠設定 */
	width: 180px;				/* 幅   */
	height: 370px;				/* 高さ */
	padding: 1em 0px 1em 0px;
	border: solid 1px #DADADB;	/* 枠色 */
	background-color: #FAFAFB;	/* 背景色 */
}
.main{/* 右側部分の設定 */
	width: 340px;				/* 幅 */
	height: 370px;				/*↑の高さと同じに*/
	padding: 1em 0px 1em 0px;
/*
	border-top: solid 1px #DADADB;
	border-right: solid 1px #DADADB;
	border-bottom: solid 1px #DADADB;
*/
	background-color: #FBFBFC;
}
.head{/* 最上部の飾り設定 */
	width: 470px;	/* 幅 */
	height: 2em;
	margin-top: 2em;
	padding: 6px;
}
.mark{
	width: 10px;
	height: 10px;
	background-color: #BA5665;	/* 赤色部分 */
}
.midhead{
	width: 450px;
	height: 10px;
}
.headhr{
	height: 1px;
	margin: -1px 15px -1px 15px;
	color: #767691;		/* 横線 */
}
h1#top{/* SiteTitle「It's My Favorite」部分の設定 */
	font-size: 14px;				/* 文字サイズ */
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	letter-spacing: 0.3em;
	text-align: left;
	position: relative;
	z-index: 2;
	width: 400px;
	height: 1.5em;
	margin: 0.1em 1em -0.5em 1em;
	padding: 1px 2em 1px 2em;
	border: solid 1px #DADADB;		/* 枠色 */
	color: #212121;					/* 文字色 */
	background-color: #FEFEFF;
}
h2{/*「About this web site.」部分の設定 */
	font-size: 13px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	color: #000099;
	letter-spacing: 0.3em;
	text-align: left;
	margin: 1.5em 1.5em 0.5em 1.5em;
	padding: 1px 2em 1px 1em;
	border: solid 1px #DADADB;
	/*  color: #343434;*/
	background-color: #FEFEFF;
}
ul{/* メニュー部分の設定 */
	margin: 2em 0px 1em 0px;		/* 上下余白 */
	padding: 0.5em 0px 0.5em 0px;
	border-top: double 3px #C4C4C9;	/* 上下の二重線 */
	border-bottom: double 3px #C4C4C9;
}
li{/* 個別メニューの設定 */
	font-size: 8pt;
	font-family: Arial,Verdana,Tahoma,sans-serif;
	letter-spacing: 0.3em;			/* 字の間隔 */
	padding: 0.1em 0.8em;
	margin: 1em 0px;				/*上下間隔の設定 */
	border-top: dashed 1px #DADADD;	/*上下の破線 */
	border-bottom: dashed 1px #DADADD;
	list-style: none;
	background-color: #F2F2F4;
}
li.overm{/* マウスを乗せたときの枠色・背景色 */
	border-color: #BABABC;
	background-color: #FEFEFF;
}
p.top{/* 文章記述部分の設定 */
	font-size: 10pt;				/* 文字サイズ */
	margin: 0.4em 2em 1em 2em;
	padding: 0.1em 0.8em 0.5em 0.5em;
	border-right: dashed 1px #767679;
}


div.diary{/* 「What's new!」 スクロール可能の部分の設定 */
	height: 10em;					/* 高さ */
	overflow: auto;
	font-size: 9pt;
	/*  color:blue;*/
	margin: 0.4em 2em 1em 2em;
	padding: 0.1em 0.8em 0.5em 0.5em;
}



address{/* 最下部のCopyright部分 */
	margin: -1em 0px 1em 0px;
	position: relative;
	z-index: 2;
	width: 500px;
	padding: 2px;
	font-size: 7pt;
	font-style: normal;
	font-family: Tahoma,Arial,sans-serif;
	letter-spacing: 0.1em;
	text-align: center;
	border: solid 1px #DADADB;
	background-color: #FEFEFF;
}

.table01{/* 文章記述部分の設定 */
	padding: 1px 0.8em 1px 0.8em;
	color: #333333;
	font-size: 5pt;
	background-color: #FEFEFF;
}
.table02{
	font-size: 8pt;
}
 
-->
</style>
