/* -------------------- */
	/* ▼メニューバーの装飾 */
	/* -------------------- */
	ul.ddmenu {
	   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
	   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
	   background-color: #0000bb; /* バーの背景色 */
		background-image: url("header_back.png");
		background-position: center bottom;
		background-size: cover;
	}

	/* -------------------------- */
	/* ▼メインメニュー項目の装飾 */
	/* -------------------------- */
	ul.ddmenu li {
	   width: 150px;          /* メニュー項目の横幅(150px) */
	   display: inline-block; /* ★横並びに配置する */
	   list-style-type: none; /* ★リストの先頭記号を消す */
	   position: relative;    /* ★サブメニュー表示の基準位置にする */
	}
	ul.ddmenu a {
	/*   background-color: #0000bb;*/ /* メニュー項目の背景色 */ 
	/* ↑バックグラウンド画像を背景紙にするため背景は透明にする */
	   color: white;              /* メニュー項目の文字色(白色) */
	   line-height: 30px;         /* メニュー項目のリンクの高さ(40px) */
	   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
	/*   font-weight: bold;  */       /* 太字にする */
	   display: block;            /* ★項目内全域をリンク可能にする */
	}
	ul.ddmenu a:hover {
	   background-color: #00cccc; /* メニュー項目にマウスが載ったときの背景色 */
	   color: #000000;            /* メニュー項目にマウスが載ったときの文字色 */
	}

	/* ---------------------------------- */
	/* ▼サブメニューがある場合に開く処理 */	/* ※サブメニューが2階層以上ある場合の記述 */
	/* ---------------------------------- */
	ul.ddmenu li:hover > ul {
		display: block;			/* ★マウスポインタが載っている項目の内部にあるリストを表示する */
	}

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

	/* ------------------------ */
	/* ▼サブメニュー項目の装飾 */
	/* ------------------------ */
	ul.ddmenu ul li {
	   width: 200px;               /* サブメニュー1項目の横幅(200px) */
	   border-top: 1px solid ghostwhite; /* 項目上側の枠線(ピンク色で1pxの実線) */
	}
	ul.ddmenu ul li a {
	   background-color: #0000bb; /* メニュー項目の背景色 */
	   line-height: 30px;     /* サブメニュー1項目の高さ(35px) */
	   text-align: left;      /* 文字列の配置(左寄せ) */
	   padding-left: 5px;     /* 文字列前方の余白(5px) */
	   font-weight: normal;   /* 太字にはしない */
	}
	ul.ddmenu ul li a:hover {
	   background-color: #00cccc; /* サブメニュー項目にマウスが載ったときの背景色 */
	   color: #000000;            /* サブメニュー項目にマウスが載ったときの文字色 */
	}

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





	/* ------------------------ */
	/* ▼フッターのの装飾       */
	/* ------------------------ */
	footer{
	    width: 100%;
	    height: 100px;
	/*    background-color: #0000bb; */
		background-image: url("header_back.png");
		background-position: center bottom;
		background-size: cover;
	    color: white;
	    text-align: center;
	}
	ul.footer-menu li {
	display: inline;
	}