.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
	margin: 0px;			/* メニューバー外側の余白 */
	padding: 0px;			/* メニューバー内側の余白 */
	background-color: #FFFFFF;	/* バーの背景色*/
	font-size:0;
	z-index: 99999;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
	margin: 0px;			/* メニューバー外側の余白 */
	padding: 0px;			/* メニューバー内側の余白 */
	display: inline-block;		/* 横並びに配置する */
	list-style: none;		/* リストの先頭記号を消す */
	position: relative;		/* サブメニュー表示の基準位置にする */
	z-index: 99999;
	}
ul.ddmenu a {
	background-color: #FFFFFF;	/* メニュー項目の背景色 */
	color: #000000;			/* メニュー項目の文字色 */
	line-height: 35px;		/* メニュー項目のリンクの高さ */
	text-align: center;		/* メインメニューの文字列の配置 */
	text-decoration: none;		/* メニュー項目の装飾 */
	font-weight: bold;		/* 太字にする */
	display: block;			/* 項目内全域をリンク可能にする */
	}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
	margin: 0px;			/* ★サブメニュー外側の余白 */
	padding: 0px;			/* ★サブメニュー内側の余白 */
	display: none;			/* ★標準では非表示にする */
	position: absolute;		/* ★絶対配置にする */
	font-size:12px;
	}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
	width: 250px;			/* サブメニュー1項目の横幅 */
	border-top: 1px solid #EEEEEE;	/* 項目上側の枠線 */
	z-index: 99999;
}
ul.ddmenu ul li a {
	line-height: 33px;		/* サブメニュー1項目の高さ */
	text-align: left;		/* 文字列の配置 */
	padding-left: 5px;		/* 文字列前方の余白 */
	font-weight: normal;		/* 太字にはしない */
	}
ul.ddmenu ul li a:hover {
	background-color: #99C4E9;	/* サブメニュー項目にマウスが載ったときの背景色 */
	color: #000000;			/* サブメニュー項目にマウスが載ったときの文字色*/
	}

/* -------------------------------------------------------- */
/* ▼サブメニューの内側にあるサブメニュー(孫メニュー)の装飾 */
/* ※サブメニューの中のサブメニューは「下」ではなく「横(右)」に表示します。 */
/* -------------------------------------------------------- */
ul.ddmenu ul ul {
	margin: 0px;			/* ★サブメニュー外側の余白 */
	padding: 3px;			/* ★サブメニュー内側の余白 */
	display: none;			/* ★標準では非表示にする */
	position: absolute;		/* ★絶対配置にする */
	top: -1px;			/* 1pxだけ上方向にずらす */
	left: 100%;			/* ★基準位置からの距離を親ボックスの幅100％にする */
	border-left: 1px solid pink;	/* 左側に引く枠線 */
	z-index: 99999;
	}