@charset "UTF-8";











body     {font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
          background-color: #b0c4de;
          margin: 0;}

p        {line-height: 1.5;}

a        {font-color:#0000ff;
          margin-left: 5px;}
   
.pagenav    {list-style-type: none;}   
          
.socialWrap {padding: 0 0;
	         text-align: center;
	         margin: 10px 0;}
 
.socialWrap div {display: inline-block;}
 
.fb_iframe_widget > span {vertical-align: baseline !important;} 
  
	
a:hover  {color:#ff8800;}

li       {margin-left:0px;}

figure.photo-right  {margin: 0;
                     margin-left: 20px;
                     float: right;}
                     
figure.photo-left   {margin: 0;
                     margin-right: 20px;
                     float: left;}

figure.photo-center {text-align: center;
                     margin-top: 30px;
                     margin-bottom: 30px;}

figure figcaption   {text-align: center;
                     color: #2e8b57;}










#header      {background-color: #f5f5dc;
              padding: 5px;             
              }
          
#header h1    {font-family: '游明朝';
               font-size: 21px;
               margin-left: auto;
               margin-right: auto;
               margin-top: auto;
               margin-bottom: auto;}
               
               
#header img  {vertical-align: text-bottom;
               margin-right: 10px;
               margin-left: 10px;
               margin-top: auto;
               margin-bottom: auto;}               
               
#header p    {color: #000000;
               text-decoration: none;
               }               
               
#header h1    {color: #000000;
               text-decoration: none;}

#header  a    {color: #000000;
               text-decoration: none;}
               
               
#header-inner  {margin-left: auto;
                margin-right: auto;
                width:1080px;
                max-width: 100%;
                height: auto;
                }               
              
               
               
               
#menu      {background-color: #f5f5dc;
              border-bottom: solid 1px #f0e68c;
               margin-bottom: 6px;
               padding: 5px;
               -webkit-box-shadow: 0 2px 3px #f0e68c;
               position: sticky;
               top: 0;
               box-shadow: 0 2px 3px #6495ed;
               
                }
          
#menu h1    {font-family: '';
               font-size: 24px;
               margin-left: auto;
               margin-right: auto;
               margin-top: auto;
               margin-bottom: auto;}
               
               
#menu img  {vertical-align: text-bottom;
               margin-right: 10px;
               margin-left: 10px;
               margin-top: auto;
               margin-bottom: auto;}               
               
#menu p    {color: #000000;
               text-decoration: none;
               }               
               
#menu h1    {color: #000000;
               text-decoration: none;}

#menu  a    {color: #000000;
               text-decoration: none;}
               
               
#menu-inner  {margin-left: auto;
                margin-right: auto;
                width:1080px;
                max-width: 100%;
                height: auto;
                }                
               
               
#menu ul     {margin:0 ; 
              padding: 0;
              list-style: none;   
              }
              
#menu li     {display: block;
              padding: 10px 8px; 
              color: #000000;
              font-size: 13.5px;              
              text-decoration: none;
              }
              
#menu li a:hover {background-color: #c0c0c0; 
                   }
                   
#menu ul:after    {content: "";
                   display: block;
                   clear: both;
                   }                    
                   
#menu li       {float: left;
                width: auto;
                }
                                              
               
               
               
               
               
               
               
               
               
               
@media (min-width: 1080px) {

#header        {margin-left: auto;
                margin-right: auto;
                                }
                              
                                
                                
#header2        {margin-left: auto;
                margin-right: auto;
                                }                                

                                             
#header        {margin-left: auto;
                margin-right: auto;
                                }
                
                             
                
#container     {width: 1080px;
                margin-left: auto;
                margin-right: auto;}
                
#footer      {margin-left: auto;
              margin-right: auto;
             
                }
               
               
               }
               
               
               
@media (min-width: 768px) {






#container:after  {content: "";
                   display: block;
                   clear: both;} 

#content {float: left;
          width: 100%;}

#sidebar    {float: left;
          width: 0%;}

#content {padding-right: 50px;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;}
         
          
}

@media (min-width: 600px) and (max-width: 767px) {

#sidebar:after {content: "";
                display: block;
                clear: both;}

#sidebar1      {float: left;
                width: 50%;}
                   
#sidebar2      {float: left;
                width: 50%;}  
                
#sidebar1      {padding-right: 20px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;}
                
#sidebar2      {padding-left: 20px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;}


                  }


@media (max-width: 599px) {


#header h1    {font-size: 17px;
               }


                
#menu  ul li     {display: block;
              padding: 5px 3px; 
              color: #000000;
              font-size: 11px;              
              text-decoration: none;
              }
                             
                
                
#footer ul li     {display: block;
              padding: 5px 3px; 
              color: #000000;
              font-size: 11px;              
              text-decoration: none;
              }
              
                
#content h1 {font-size: 22px;}                
                
                

                 }








		

#container  {background-color: #ffffff;
             border: solid 1px #6495ed;
             padding: 30px;
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box;
             margin-bottom: 15px;
             -webkit-box-shadow: 0 2px 3px #6495ed;
             box-shadow: 0 2px 3px #6495ed;
             border-radius: 20px;}	

#container p {margin-bottom: 20px;
              margin-top: 0;}

#content    {margin-top: 15px;} 

#content h1 {font-size: 28px;
            margin-top: 20px;
            margin-bottom: 20px;
            color: #000000;}	
			 
#content h2 {font-size: 22px;
            border-top:solid 3.5px #4169e1;
            border-bottom:solid 3.5px #4169e1;
	        padding:3px 3px;}
	        	
#content h3 {border-bottom:solid 1.5px #a0522d;
	        padding:3px 3px;
	        color: #8b4513;}
	        	
#content h4 {border-left:solid 4px #a0522d;
	        padding:3px 3px;}
        
#content h5 {margin:30px 10px 15px 10px;
	        padding:3px 3px}
	        
#content img    {max-width: 100%;
                height: auto;}

#content strong {color:#ff3300;}

#content blockquote  { margin: 60px 60px; }


#sidebar  {margin-top: 15px;} 

#sidebar  ul       {margin: 0;
          padding: 0;
          list-style: none;}
          
#sidebar  li  a    {display: block;
          padding: 5px;
          color: #000000;
          font-size: 14px;
          text-decoration: none;}
                    
#sidebar  li a:hover {background-color: #eeeeee;} 
			 
#sidebar h1 {font-size: 22px;
            border-bottom:solid 5px #4169e1;
	        padding:3px 3px;}
	        	
#sidebar h2 {font-size: 16px;
             border-bottom:solid 1.5px #a0522d;
	         padding:3px 3px;
	         color: #8b4513;}
	        	
#sidebar h3 {border-left:solid 4px #a0522d;
	        padding:3px 3px;}
        
#sidebar h4 {margin:30px 10px 15px 10px;
	        padding:3px 3px}
	        
#sidebar img    {max-width: 100%;
                height: auto;}

#sidebar strong {color:#ff3300;}
        

	
#footer     {background-color: #f5f5dc;
               border-bottom: solid 1px #6495ed;
               margin-bottom: 0;
               padding: 5px;
               -webkit-box-shadow: 0 2px 3px #6495ed;
               position: sticky;
               top: 0;
               box-shadow: 0 2px 3px #6495ed;
               }

#footer  a  {color: #000000;
             text-decoration: none;
             }
             
#footer  Copyright  {color: #000000;
                     text-decoration: none;} 
                     
#footer  p {margin-bottom: 20px;
            margin-top: 10px;
            padding-left: 0px;
            padding-right:10px;            
                        } 
                        
#footer li a:hover {background-color: #eeeeee; 
                   }                          
                        
#footer-inner  {margin-left: auto;
                margin-right: auto;
                width:1080px;
                max-width: 100%;
                height: auto;                
                }  
  
                
                
#footer-menu ul     {margin:0 ; 
              padding: 0;
              list-style: none;   
              }
              
#footer-menu li   {display: block;
              padding: 10px 12px; 
              color: #000000;
              font-size: 13.5px;              
              text-decoration: none;
              }
              
#footer-menu li a:hover {background-color: #c0c0c0; 
                   }
                   
#footer-menu ul:after    {content: "";
                   display: block;
                   clear: both;
                   }                    
                   
#footer-menu li       {float: left;
                width: auto;
                }