@charset "utf-8";
body{
	color : navy;
	background-color : #ffffff;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-size : medium;
	background-image: url(logo111.gif);
	background-repeat: no-repeat;
	background-position : right 1em;
}
h1{
	color: #6666ff;
	text-align: left;
	border-color : #ff88cc;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-style: solid;
	border-width: 2px 2px 2px 36px;
	font-size : xx-large;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
}
h2{
	color : #6666ff;
	text-align: left;
	border-color: #99ff99;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-style: solid;
	border-width: 2px 2px 2px 24px;
	font-size : x-large;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
}
H3{
  color: #6666FF;
  text-align: left;
  border-top-color : #3399ff;
  border-right-color: #3399ff;
  border-bottom-color: #3399ff;
  border-left-color: #3399ff;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 18px;
}
H4{
	color: #6666ff;
	text-align: left;
	border-color: olive olive olive;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-style: solid;
	border-width: 2px 2px 2px 18px;
}HR{
  color: #FF9966;
  height: 5px;
}
p{
  color : navy;
  font-size : medium;
}
A{
  color : blue;
  text-decoration : underline;
}
A:visited{
  color : #aa5500;
  text-decoration: none;
}
A:hover{
  color: #FF9966;
  text-decoration : underline;
}
A:active{
  color: #996633;
  text-decoration: none;
}
ul{
	color : navy;
	list-style-image : url(l_b03.gif);
	list-style-position: outside;
}
UL UL{
	list-style-image : url(l_b03a.gif);
}
TH{
  color: #FFFFFF;
  background-color: #FF9966;
}
TD{
  color : #4e68fc;
  background-color : white;
  font-family : HG丸ｺﾞｼｯｸM-PRO;
}
/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;/* メニューバー外側の余白(ゼロ) */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left : 0px;/* メニューバー内側の余白(左に15px) */
	background-color: #7068fb;/* バーの背景色(濃い赤色) */

}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li{
	background-color: silver;/* メニュー項目の背景色(濃い赤色) */
	color: navy;/* メニュー項目の文字色(白色) */
	width : 15%;/* メニュー項目の横幅(125px) */
	display: inline-block;/* ★横並びに配置する */
	list-style-type: none;/* ★リストの先頭記号を消す */
	position: relative;/* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu a{
	line-height: 25px;/* メニュー項目のリンクの高さ(40px) */
	text-align: center;/* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;/* メニュー項目の装飾(下線を消す) */
	font-weight: bold;/* 太字にする */
	display: block;/* ★項目内全域をリンク可能にする */
}
ul.ddmenu{
	line-height: 25px;/* メニュー項目のリンクの高さ(40px) */
	text-align: center;/* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;/* メニュー項目の装飾(下線を消す) */
	font-weight: bold;/* 太字にする */
	display: block;/* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover{
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
ul.ddmenu:hover{
	background-color: #ffdddd;/* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	color: #dd0000;/* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが2階層以上ある場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover > ul{
   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

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

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

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