html {
/*	height: 100%;
	width:100%;
	margin: 0;
	max-width: 1200px; */
}

body {
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	max-width: 1200px;
	background: rgb(0,2,0,0.5) url(background.jpg) repeat-y center top;
	background-size: 100%;
	font-size:1.2rem;
	
}
h1 {
	color: #fff;
	background: rgba(0,0,0,0.6);	
	text-align: left;
	font-size: 1.4em;
	clear:both;
	margin: 5px;
}

h2 {
	color: #480;
	text-align: left;
	font-size: 1.2em;
}

h3 {
	text-align: left;
	font-size: 1,1em;
}

p {
	color: #000;
	background: rgba(245,245,255,0.7);	
}

ul {
	color: #000;
	background: rgba(245,245,255,0.7);	
	margin-left:1em;
	text-indent:-1em;
}

li { list-style:none; }
li:before { content:"★"; }

.button1 {
	background: rgba(240,240,255,0.5);
	color: #404;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

.button2 {
/*	background-color: #fee;*/
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.button3 {
	background-color:rgba(255,255,255,0.5);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}


.button4 {
	float: left;
	width 100%;
	padding: 3px;
	background-color:rgba(255,255,255,0.8);
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 4px;
}


.photo {/*親div*/
  float: left;
  position: relative;
  }


.photo  p {
  position: absolute;
  color: white;/*文字は白に*/
  background-color: #300;
  font-weight: bold; /*太字に*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 0;
  left: 0;
  }

.photo  img {
  width: 200px;
  height: 150px;
  }
A:link { color: #0040FF; text-decoration: none }
A:visited { color: #0033A0; text-decoration: none  }
A:active { color: #990000; text-decoration: none  }
A:hover { color: #A090A0; text-decoration: none  }


#header {
	width: 100%;
}

#main_frame {
	padding-left: 2%;
	padding-right: 3%;
	width: 95%;
}