/* ### 基本的なレイアウト ### */

@media only screen and (orientation: portrait) {

#container	{width: 420px;
             margin:0 auto 0 auto;
			 
			 }
			 
			 

#header	{
	/*position: fixed;*/
    width:420px;
	height:300px;
	margin: 0px 0px 0px 0px; 
	background-image: url(header-s.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;
	/*background-color:#c88a32;*/
	border-bottom: 13px solid #E0DDA2;
	}
	
#kanren {
	    width: 360px;  
		margin: 0px 20px 0px 10px;
		font-size:15px;
		
		border-top: 1px solid #656659;
		/*background-color:#09F;*/
         }
			
		
		
			
#pankuzu2 {
	   width: 360px;
	   margin:0 20px 0 10px;
       padding:2px 0 2px 0;
       border-top: 2px solid #656659; 
	   }	
	


/* 記事 */

.post	{/*float: none;*/
	width: 360px;
	margin:10px 20px 25px 10px;
	/*background-color:#FCF;*/
	}

.post img	{width: 360px;}


.wide	{width: 360px;
	margin:10px 20px 25px 10px;
	/*background-color:#9FC;*/
	}

.wide img	{width: 360px; 
             height:auto;
			 margin:0 0 -10px 0;
			 }

.wide hr{width:360px;}



}

@media only screen and (orientation: landscape) {

#container	{width: 100%;
             margin:0 auto 0 auto;
			 
			 }
			 
			 

#header	{
	/*position: fixed;*/
    width:100%;
	height:150px;
	margin: 0px 0px 0px 0px; 
	background-image: url(header.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;
	/*background-color:#c88a32;*/
	border-bottom: 13px solid #E0DDA2;
	}
	
	



/* 記事 */

.post	{/*float: none;*/
	width: 90%;
	margin:10px auto 25px auto;
	
	/*background-color:#FCF;*/
	}

.post img	{width: 100%;}




.wide	{width: 94%;
	margin:10px 20px 25px 10px;
	/*background-color:#9FC;*/
	}

.wide img	{width: 100%; 
             height:auto;
			 margin:0 ;
			 }

.wide hr{width:100%;}



#kanren {
	    width: 94%;  
		margin:10px 20px 25px 10px;
		font-size:15px;
		
		border-top: 1px solid #656659;
		/*background-color:#09F;*/
         }
			
		
		
			
#pankuzu2 {
	   width: 94%; 
	   margin:0 20px 0 10px;
       padding:2px 0 2px 0;
       border-top: 2px solid #656659; 
	   }	
	



 
}  /*landscape*/

/*▼　共通　▼*/

#header h1 	{
	         font-size: 22px; 
			 color:#FAEFC3;
             padding: 10px 0px 0px 10px;
  			 /*background-color:#06F;*/
			}
			

#header h2 	{font-size: 16px; 
             color:#F7E2A3;
			 text-align:center;
			}	
			
			
#title {	
      /*background-color:#3CC;*/
	    margin: 0px 10px -5px 10px; 
		 
	   text-align: left;
		 }
		
		
		
		
.caption { 
	font-size: 15px; 
	font-weight: 500;
	margin:4px 0 14px 0;
	}
		
		
				


#pankuzu2 p{font-size:14px;}

#address { 
      color: #8e7f6d; font-size: 13px; background-color: #300; 
      padding:20px 10px 20px 10px; }
	  
.post h2	{font-size: 18px;}

.post p	{font-size: 14px;}





.wide h2	{font-size: 18px;}

.wide p	{font-size: 14px;}




td {font-size:14px; 
          vertical-align:top;
		  padding:2px 0 0.5em 0.2em;
		  }

th{font-size:16px;
         /*border:solid 1px;*/
	     text-align:left;
	     padding:2px 0 2px 16px;
	    
		}
		
th.type{width:25%; 
	  }		
		
.midashi{
	     font-size: 16px;
         line-height:2em;
		 font-weight:700;
		 color:#FFFCC5;
		 }