@charset "UTF-8";

html, body {height: 100%;}  /*高さ100%に指定*/

body {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 600px;  /*中央配置するボックスの横幅*/
  min-height: 400px;  /*中央配置するボックス縦幅*/
	background-color: #ebd5b4;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}


#topmain {
  margin: -200px 0 0 140px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  width: 600px;  /*横幅*/
  height: 400px;  /*縦幅*/
  background-color: transparent;
}

h1 {
	margin: 30px 30px 30px 55px;
}
	
#topnavi li {
	list-style-type: none;
	display: inline;
	margin: 30px 10px 0px 0px;
}

.temptext {
	font-size: 80%;
	color: #000;
	line-height: 1.6em;
	margin-left: 55px;
}

.temptext a {
	color: #000;
}

/*	footer
---------------------------------------------*/

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
  bottom: 0px;
  height: 30px;
  width: 600px;
	margin-left: 140px;
	margin-bottom: 20px;
	padding-left: 20px;
	font-size: 70%;
	color: #666;
	font-style: normal;
	display:block;
}