@charset "shift-jis";



		
body {
		font-family:"‚l‚r –¾’©", serif;
		padding-left:5px;
		font-size:small;
		line-height:2.0;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #fff;
	}
	#wrapper{
		margin:0;
		padding: 0;
		width: auto;
		height: auto;
		}


		
	   .page{
		   margin:0;
		   padding:0 0 0 0;
		   		text-align:left;
		   		font-size:small;
			position: fixed;
		    left:0%;	  
		    top: 0%;
		}
		



		 a:link {
		 text-decoration:none;
		 color:silver;
		 }
		 a:visited {
		 text-decoration:none;
		 color:silver;
		 }
		 a:active {
		 text-decoration:none;
		 color:silver;
		 }
		 a:hover {
		 text-decoration:none;
		 color:white;
		 }

				
   /* button setting */

   .btn {
   		margin: 0;
 		font-size:12px; 
	  	color:white;
		background-color: rgba(0, 0, 0, .0);

		border-width: 0px; 
		border-radius: 0px 0px 4px 4px ;
		border-color:white;
		font-weight: normal;
		text-align: right;
		line-height: 2.0;
		
		display: inline-block;
		_display: inline;
		
		}   
		   
		
  .btn:hover{
    background:#8888aa;
	}

  .btn:active{
    background:#666699;
	}


	 .btblank{
 		margin-top:1000px;
 		}
 
 
 
 		
 	   .foot{
	       z-index:200;
	   		text-align:left;
	   		font-size:small;
			position: fixed;
		    right:0;
		    bottom: 0%;
		}
		



		
	   #footer{
	       	z-index:200;
	   		font-size:12px;
	   		color: blue;
			position: fixed;
		    top: 0%; 
		    left: 0%;
		    background-color: rgba(0, 0, 50, .2); 
			}

/*		#footer{
		    background-color: rgba(256, 256, 256, .0); 
		    margin: auto;
			}
*/
	   #footer3{
	       	z-index:200;
	   		font-size:12px;
	   		color: white;
			position: fixed;
		    bottom: 0%; 
		    left: 0%;
		    background-color: rgba(0, 0, 0, .2); 
			}

		
	   #footer3{
		    color: rgba(256, 256, 256, .9) !important;
	   		font-size:12px;
	   		font-color:#fff;
			}




	   #footer4_tateyoko{
			z-index:200;
			text-align:left;
			font-size:12px;
			position: fixed;
			   bottom: 5% !important;
			   right: 5% !important;
			   margin-top: 5px;
			   margin-right: 5px;
			   margin-left: 5px;
			   margin-bottom: 30px;
			   padding: 0px 0px 0px 0px;

		   text-align:center;
			text-decoration:none;
			color:white;
		    background-color: rgba(0, 0, 0, .2) ;
		   
		   border-width: 0px; 
			border-radius: 8px 8px 8px 8px ;
			
			
			visibility:hidden;
		   
		}

		 #footer4_tateyoko a:link {
		 text-decoration:none;
		 color:#fff;
		 }
		 #footer4_tateyoko a:visited {
		 text-decoration:none;
		 color:#fff;
		 }
		 #footer4_tateyoko a:active {
		 text-decoration:none;
		 color:#fff;
		 }
		 #footer4_tateyoko a:hover {
		 text-decoration:none;
		 color:#fff;
				background:#8888aa;
		 }


		
			div.section {
				padding: 0px;
				margin-bottom: 0px;
			}

			div.section ul.icon li {
				display: inline;
				margin-left: 0px;
			}

			div.section ul.icon li {
				opacity: 0;
			}

			div.section: hover ul.icon li {
				opacity: 1.0;
				transition: all 0.5s ease-in-out; 
			}

			div.section ul.icon li:hover {
				opacity: 1.0;
			}






/* Css for Prose */

	table{
		border:0px solid #000000;
		}
	tr{
		border:0px solid #ff0000;
		valign:top;
		}
	td{
		border:0px solid #00ff00;
		valign:top;
		}


		div.bun{
			max-width:600px;
			margin:0 auto;
			}
			
			


 @media screen and (min-width: 720px) {
						table{
						max-width:600px;
							}
	}
		
		
		
		
		
		
	

/*hedder menu button css */

		a.footer3{
		
		font-family: Garamond, Georgia, "Times New Roman", Times, serif;
		font-size: 13px;

		display:inline;
		width:auto;
		margin: 0;
		padding: 5px;
		text-align:center;
	    color:white; 
		background-color: rgba(0, 0, 0, .2);
		border-style:solid; 
		border-width: 0px; 
		border-radius: 0px 0px 0px 0px ;
		border-color:silver;
		font-weight: normal;
		text-align: center;
		line-height: 2.0;
		cursor: pointer;
		}
		 a.footer3:link {
		 text-decoration:none;
		 color:white;
		 }
		 a.footer3:visited {
		 text-decoration:none;
		 color:white;
		 }
		 a.footer3:active {
		 text-decoration:none;
		 color:#ffffff;
    background:#666699;
		 }
		 a.footer3:hover {
		 text-decoration:none;
		 color:#ffffff;;
	background:#8888aa;
		 }