html, body {
  width: 100%;
  height: 100%;
  background-image:url(../img/all_bg.jpg);
  font-family:'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4', 'メイリオ', Meiryo, sans-serif;
  padding: 10px 0px 30px 0px;

}

.contents {
	width: 1100px;
	margin: auto;
	padding : 20px;
	border-radius: 5px ;
	background: rgba(255, 255, 255,0.75);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.70);
	text-align:center; 
}

h1{
	background: #ffb9a0;
	box-shadow: 0px 0px 0px 5px #ffb9a0;
	border: dashed 2px white;
	padding: 0.2em 0.2em;
	border-radius: 10px;
	color: #FFF;
	text-shadow:
	  1px 1px 0px #ff7749,
	  2px 2px 0px #703420;
}

.left {
	float: left;
	margin-right:10px;
	width: 502px;
	height: 457px;
	border: 2px #fff solid;
	border-radius: 3px ;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);	
}

.clear {
    clear: both;
}