body {
	margin: 0;
	padding: 0;
	color:#452B0D;
	font-size:small;
	text-align:center;
	
	background-color: #ffffff;
	background-image: url("deco/decoback.png");
	background-size:contain; /* 画像のサイズを指定    */
    background-repeat: no-repeat;
    background-attachment: fixed;
}

p {
   margin: 3em 0px;   /* 上下に1em・左右に0px */
}
	
hr {
 height: 1px;
 background-color:#452B0D;
 width: 100%;
 border: none;
}
	
	ul {padding-left: 10;}

a:link { color: #2C0606; }
a:visited { color: #2C0606; }
a:hover { color: #DD5021; }
a:active {
	color: #2C0606;
}

.sample {
	margin: 16px auto;
	text-align: left;
	display: block;
	border: 1px solid #000;
}

.sample ul {
	padding-left: 0;
	list-style: none;
	display: inline-block;
	margin-top: 0; margin-bottom: 0;
}
.sample ul li {
	text-align: left;
}

.container {
	width:800px;
	background: #fffaf0;
	margin: 0 auto;
    padding: 100;}

.content {
	margin: 50px 40px;
	padding: 50px 20px;
}
	
.left{
display:box;
text-align:left;
float:left;
}

h1{text-align:center;
   font-size: large;
}
	
h2{text-align:center;
font-size:medium;
margin-top: 0; margin-bottom: 2;
   font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	
h3{
	   text-align:left;
   font-size:medium;
   font-style:bold;
   margin-top: 0; margin-bottom: 0;}
   h4{ text-align:left;
   font-size:small;
   font-style:bold;
   margin-top: 0; margin-bottom: 0;}
	
	
.animation {
  animation: fade-in 3s;
  animation-fill-mode: forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}