header { 
		background-color: black; 
		border-bottom: 2px solid #DF881E;
		 }

header h1 {
	font-size: 22px;
	margin:auto;
	padding:30px 0px 0px 0px;
	text-align: center;
	color:#FFF3BF;
		   }

header h2 {
	font-size: 16px; 
	margin: auto;
	padding:5px 0px 10px 0px;
	text-align: center;
	color:#DBD8CE;
		   }

#title {
	 width:880px;
	 height:150px;
	 background-image: url(header.jpg); 
	 background-repeat: no-repeat; 
	 background-position: center 0; 
	 /*margin: 0px 0px 0px 0px; */
	 }


#container	{
	width: 880px; margin:auto;
}

 
	 
/* ### コンテンツ部分の記事のレイアウト ### */

article {
	width:calc(100% - 64px);
	margin:auto;
	}


section	{
	width: 360px;
	margin:10px 24px 25px 24px;
	}

section img,
.wide img {
	width: 100%; 
	margin:1.2em 0 0 0;
	vertical-align: bottom;
	}

section h1,
.wide h1  {
	font-size: 1.7rem;
}

section h2,
.wide h2 {
	font-size: 1.4rem; 
	font-weight: 500;
	margin: 4px 0 -0.2em 0.3em; 
	}

section p,
.wide p {
	padding-left:0.3em;
	}
	   
section li {
	margin-left:-0.5rem;
	/*font-size: 12px;*/
	line-height:1.6em;
	}		 




.wide {
	width: calc(100% - 48px);
	margin:10px 0px 25px 24px;
	}
	

		   
/*
.wide p {
	font-size: 12px;
	line-height:1.6em;
	   }
*/
/*
#myContainer {
   width:calc(100% - 40px);
}


table {
	width:100%;
	
}


td {font-size:12px; 
          vertical-align:top;
		  padding:2px 5px 6px 5px;
		  }

th {font-size:10px;
	     text-align:left;
	     padding:2px 0 2px 10px;
		} 
*/
#kanren{
	  width: calc(100% - 40px);
	  margin-left:20px;
	  padding-left: 0em;
	  border-top: 1px solid #656659; 
	  font-size:1.4rem;
	 }



nav p {
	font-size:1.4rem;
	padding-left:1.5rem;
	}