@charset "UTF-8";

html {
	min-height: 100%;
	position: relative;
	-webkit-text-size-adjust: 100%
}

body {
	width: 100%;
	
	font-family: "メイリオ",sans-serif;
	color: #696969;
	margin-bottom: 550px;
}

#mainContents {
	width: 1000px;
	margin: 0 auto;
}

header {
	height: 119px;
	width: 1000px;
	margin: 0 auto;
}

#topNav {
	height: 25px;
	border-top: solid 2px #373481;
	border-bottom: solid 2px #373481;
}

#topNav ul {
	width: 1000px;
	margin: 0 auto;
}

#topNav ul li {
	float: left;
	color: #000000;
	font-size: 77%;
	line-height: 25px;
}

#topNav ul li {
	margin-right: 7px; 
}

#topNav ul li a {
	color: #373481;
	font-weight: bold;
	text-decoration: none;
}

#topNav ul li a:hover {
	color: #16b6ff;
}

#foot {
	clear: both;
	width: 100%;
	padding-top: 70px;
}

#foot00 {
	position: absolute;
	width: 100%;
	bottom: 500px;
}

#back {
	border-bottom: solid 3px #373481;
}

#backBox {
	height: 26px;
	width: 1000px;
	margin: 0 auto;
}

#backBox a {
	margin-left: 881px;
}

#foot01 object {
	position: absolute;
	height: 500px;
	width: 100%;
	bottom: 0;
}


.example {
  position: relative;
  }

.example p {
  position: absolute;
  top: 1px;/*画像の左上に配置*/
  left: 1px;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: #363581;/*背景色*/
  font-size: 12px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }