@charset   "UTF-8";
/*base-c*/

body	{
	text-align: left;
	}
		ul.ddmenu {
			margin: 0px;
			padding: 0px;
			background-color: #ae5700;
		}
	<!-- ======================= -->
	<!-- ▼メニューを装飾するCSS -->
	<!-- ======================= -->
	<style type="text/css">

		/* -------------------- */
		/* ▼メニューバーの装飾 */
		/* -------------------- */
		ul.ddmenu {
			margin: 0px;					/* メニューバー外側の余白(ゼロ) */
			padding: 0px 0px 0px 0px;		/* メニューバー内側の余白(左に15px) */
			background-color: #ae5700;		/* バーの背景色(濃い赤色cc0000)濃い茶 */
		}

		div.resizeddmenu { max-width: 960px; min-width: 240px; }

		div.resizecover { max-width: 640px; min-width: 240px; }


		/* -------------------------- */
		/* ▼メインメニュー項目の装飾 */
		/* -------------------------- */
		ul.ddmenu li {
			width: 155px;			/* メニュー項目の横幅(125px) */
			display: inline-block;	/* ★横並びに配置する */
			list-style-type: none;	/* ★リストの先頭記号を消す */
			position: relative;		/* ★サブメニュー表示の基準位置にする */
			font-size: 16px;		
		}
		ul.ddmenu a {
			background-color: #ae5700;	/* メニュー項目の背景色(濃い赤色) */
			color: white;				/* メニュー項目の文字色(白色) */
			line-height: 40px;			/* メニュー項目のリンクの高さ(40px) */
			text-align: center;			/* メインメニューの文字列の配置(中央寄せ) */
			text-decoration: none;		/* メニュー項目の装飾(下線を消す) */
			font-weight: bold;			/* 太字にする */
			display: block;				/* ★項目内全域をリンク可能にする */
		
		}
		ul.ddmenu a:hover {
			background-color: #ffdddd;	/* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
			color: #dd0000;				/* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
		
		}

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

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

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

/*画像サイズを画面幅に合わせるCSSソース*/
		/* ----------- */
		/* ▼サンプル1 */
		/* ----------- */
		p.resizeimage1 img { width: 100%; }
		/* ----------- */
		/* ▼サンプル2 */
		/* ----------- */
		p.resizeimage2 { width: 75%; }
		p.resizeimage2 img { width: 100%; }
		/* ----------- */
		/* ▼サンプル3 */
		/* ----------- */
		p.resizeimage3 { max-width: 640px; }
		p.resizeimage3 img { width: 100%; }
		/* ----------- */
		/* ▼サンプル4 */
		/* ----------- */
		p.resizeimage4 { max-width: 1280px; min-width: 240px; }
		p.resizeimage4 img { width: 100%; }
div.resizeimage4 { max-width: 1280px; min-width: 240px; }
div.resizeimage4 img { width: 100%; }
		/* ----------- */
		/* ▼サンプル5 */
		/* ----------- */
div.resizeimage5 { max-width: 640px; min-width: 240px; }
div.resizeimage5 img { width: 100%; }
		/* ----------- */
		/* ▼サンプル6 */
		/* ----------- */
div.resizeimage6 { max-width: 960px; min-width: 240px; }
div.resizeimage6 img { width: 100%; }
		/* ----------- */
		/* ▼サンプル7 */
		/* ----------- */
div.resizeimage7 { max-width: 500px; min-width: 240px; }
div.resizeimage7 img { width: 100%; }
		/* ----------- */
		/* ▼サンプル8 */
		/* ----------- */
div.resizeimage8 { max-width: 500px; min-width: 240px; }
div.resizeimage8 img { width: 50%; }
		/* ----------- */
		/* ▼サンプル9 */
		/* ----------- */
div.resizeimage9 { max-width: 450px; min-width: 240px; }
div.resizeimage9 img { width: 100%; }
		/* ----------- */
/*歩数段組・CSSソース*/
div.cover {
		display: table;
		border-spacing: 0.5em;
		margin: 0px;
		padding: 0px;
		width: 100%;
		/*background-color: #cccccc;*/
		}
div.cover div.hosu1 {
		display: table-cell;
		margin: 0px;
		/*background-color: #ffdddd;*/
		padding: 0.5em;
		width: 50%
		}
div.cover div.hosu2 {
		display: table-cell;
		margin: 0px;
		/*background-color: #ffffcc;*/
		padding: 0.5em;
		width: 50%
		}

		/* -------------------------------------------- */
		/* 横幅が640px以下であれば以下のCSSが適用される */
		/* -------------------------------------------- */
@media screen and (max-width: 640px) {
div.cover {
		display: block;
		}
div.cover div.hosu1 {
		display: block;
		width: 100%;
		padding: 0px;
		}
div.cover div.hosu2 {
		display: block;
		width: 100%;
		padding: 0px;
			}

		}

div p { font-size: 90%; margin: 0px; padding: 1em 0px; color: #555; }



img.miniimage { display: none; }   /* ※1 */
/* ▼表示領域が600px以上の場合 */
@media (min-width: 600px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が600px未満の場合 */
@media (max-width: 599px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
.resizeimage img { width: 100%; }   /* ※2 */


  /*-- CSSの記述 （Top戻るマーク）--*/
  #pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
  }
  #pageTop i {
  	padding-top: 6px 
  }
  #pageTop a {
    display: block;
    z-index: 999;
    padding: 8px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #9FD6D2;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
  }
  #pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
  }