html {
	height: 100%;
	overflow: visible;
}
body {
	height: 100%;
	overflow: auto;
}

#menu{
	float:left;					/* 「メニュー」要素を左側に配置、「メイン」要素を右側に回り込ませる　☆追加 */
	width:220px;				/* 幅　☆追加 */
	height:100%;				/* 高さ（ブラウザに合わせる）　☆追加 */
	background-color: #FF9999;	/* 背景色 */
	font-size: 12px;			/* フォントサイズ */
	line-height: 24px;			/* 行の高さ */
	color: #663333;				/* フォントカラー */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: visible;
	/padding-bottom:40px;		/* IEでは余白を作る */
}

#menu table {
	margin: 16px 10px 0px 10px;
}

#main {
	padding: 0, 0, 0, 220px;
}

/* FireFox用に追加 */
*>#menu .heightLine{
	background-color: #FF9999;	/* 背景色 */
}

/* FireFox用に追加 */
*>#main {
	margin-left:220px;
}

#main table {
	align: center;
}

#menu td {
	font-size: 12px;
	color: #663333
}

#menu td.menu {
	font-size: 12px;
	background-image: url(../../hp_template_r21/img/02/menu_back_-2.jpg)
}

#menu a:link {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none
}

#menu a:active {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none
}

#menu a:visited {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none
}

#menu a:hover {
	font-weight: bold;
	color: #660033;
	font-size: 14px;
	text-decoration: underline
}