@font-face	{ font-family:'netadifont';
				src:url('../font/SerlioLTStd.eot') format('embedded-opentype');
				src:local('Serlio LT Std'),
					url('../font/SerlioLTStd.eot?iefix') format('embedded-opentype'),
					url('../font/SerlioLTStd.woff') format('woff'),
					url('../font/SerlioLTStd.otf') format('opentype'),
					url('../font/SerlioLTStd.svg#svgFontName') format('svg'); }


body	{
		/* font-family:"netadifont"; */
		font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
	
.master		{
		width : 1000px;
}

#header3>a	{	display:inline-block;			}
#header		{	display: table;	}
#header a	{	 display: table-cell;	}
#header3>a	{	width:25px;			}
#header3	{ 	text-align:right;		}
#header2 a	{ 	padding-left: 10px;		}

#uphydn_image	{ 
	width : 80%; /* 400px;  */
	height : auto; /* 200px; */	
}
/*#uphydn_image	{ 
	width : 400px; 
	height : 200px;	
}*/

#header		{
	width : 400px; 
	height : 160px;	
	margin : 0 auto;
}

#footer			{  	border-top:1px solid #999999;	font-family: "Times","Times new roman";		}
#footer			{  display:table; height:60px; margin:50px auto;	}
#footer *	{ display:table-cell; vertical-align: top;	padding-top:15px;	}
#footer1>a	{ margin-right:40px;	}
#footer2	{ text-align:right;		}


/* *********** PC ****************** */	
@media screen and (min-width:769px)	{
	html		{
		font-size:13px;
	}
	#header3 img[src $= ".svg"]	{
		width:100%;
	}
	
	#footer		{
		height:80px;
	}
	
	#main		{
		width:1000;
		height:2000px;
		
	}
	#header		{ height: 80px;			}
	#header2>a	{ vertical-align: top; }
	#header1	{	width:200px; padding:20px 50px 0 0;		}
	#header2	{	width:500px; padding-top:35px;		}
	#header2>a	{ margin-right:60px; font-size:1.5rem; }
	#header3>a	{	width:25px;			}
	#header3	{ text-align:right;		}
	#header nav	{	 display: table-cell;	}
}

/* *********** Tablet ****************** */	
@media screen and (max-width:768px) and (min-width:481px)	{
	body	{ background-color:#bbbbbb;
		
	}
	html		{
			font-size:15px;
	}

	img			{
			width:100%;
	}
			
	.master		{
		width: 96%;
	}
	
	#header1	{ padding: 15px 50px 0 0; }
	#heder2		{ font-size:1.5em;	margin-right:60px;	}
	#header3	{ padding-top:32px;	}
	#header3>a	{ margin-left:30px;	}
	
	#header>:not(:nth-child(2))	{ width:25% }
	#header3>a		{ width:15%; margin-left:5%;	}
	#header>*	{	vertical-align:middle;		}
	#header2	{ font-size:3vw;	}
	#header nav	{	 display: table-cell;	}
	
}

/* *********** Smartphone ****************** */	
@media screen and (max-width:480px)	{
	html		{
			font-size:16px;
	}
	
	img			{
			width:100%;
	}

	body		{
		margin-top: 40px;
	}

	.master		{
		width: 92%;
	}
	#header		{
		position:fixed;
		left:0;
		top:0;
		width:100%;
		z-index:10;
		background-color:rgba(255,255,255,.9);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
		
	}
	#header2>a	{ font-family:"netadifont"; }
	#header1 img	{ width:200px;	}
	#header>*	{ 	vertical-align: middle; }
	#header1	{	width:25%;	}
	#header2	{ 	font-size:3vw; text-align: center;	}
	#header2>a	{	margin:0 3%;	}
	#header3	{ 	display: none;		}
}