/*メニューバー*/
#header_menu{
	display:white; 
	position: fixed; /*ポジションを固定する*/
	top: 0px;/*一番上に設置*/
	left:0px;
	z-index: 9999;  /*どの要素よりも上にくるように*/
	background-color:white;/*メニューバー背景色*/
	height: 70px;
	width: 100%; /*横幅を100%に*/
	padding: 0;
	}
/*メニューバー*/
.imgc{
	text-align: left;
	vertical-align:top;
}

/*画像の上下の隙間を埋める*/
img{
	text-align: left;
	vertical-align:top;
}
/*body全画面表示の為の前とフォント指定*/
.body{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	margin: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	
}
/*body全画面表示の為の前とフォント指定*/

/*body親ブロックの中央構えと背景色指定*/
.parent{
	 width: 100%;
    /*text-align: center;*/
    background-color:#f0f0f0;
    margin: 0 auto;
    padding: 0;
}
/*body親ブロックの中央構えと背景色指定*/



/*子ブロックの左右中央構え*/

.inner{
		width: 100%;
		background-color:white;/*背景色*/
		display: grid;
	  }

/*子ブロックの左右中央構え*/

/*h1をセンターに持ってくる*/
.blockh1{
	text-align: center;
}
/*h1をセンターに持ってくる*/
h1{
	font-size: 150%;
}

/*pのサイズ指定*/
.p{
	text-align: center;
}
/*pのサイズ指定*/

.text{
	margin-left: 10px;
	margin-right: 10px;
	/*余白指定*/
	text-align: left;/*text左寄せ*/
}


/*画像サイズ自動調節*/
.example img{
	text-align: center;
	widoth:100%;
	max-width: 100%;
	height: auto;
}
/*画像サイズ自動調節*/

/*画像の上に文字*/
.moji {/*親div*/
  position: relative;/*相対配置*/
  }

.moij p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  top: 0;
  left: 0;
  }

.moji img {
  width: 100%;
  }
.otoiawase p {
	color:white;
}

.otoiawase a {
	color:white;
}

.copyright p {
	color:white;
	font-family:"Yu Gothic";
	font-size: 12px;
}