html {
/* Preventing browser's font size auto control */
/*	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;	*/
	width:100%;	height:100%;
}

body	{ width:100%;	height:100%;	margin:0;	}

/* tag */
a	{ color:#000000; text-decoration:none; }
a:hover	{ color:#00aa00; text-decoration:underline; }

img	{ border:none;	}

/* id, class */
#header	{
/*			border:1px gray dotted;		*/
			width:100%;
			margin: 0 auto;	

/*			background-color:#eeeeff;	*/
/*			border-bottom:20px solid #000000;	*/
			margin-bottom:10px;
/*			padding-top:20px;	*/
		}

/* header logo link */
#header	.title	{	
			display:flex;
			align-items:center;
			width:100%;	
			height:100px;
			text-align:center;
		}
#header	.logo	{	margin:0 auto;	text-align:center; }

/* header content */
#header	.hd_ct	{
			display:flex;
			align-items:center;
			width:100%;	
			height:100px;
			background:linear-gradient(to right,
				rgba(50, 50, 100, 1) 10%,	
				rgba(50, 50, 100, 0.8) 20%,
				rgba(50, 50, 100, 0.6) 40%,
				rgba(50, 50, 100, 0.4) 60%,
				rgba(50, 50, 100, 0.2) 80%,
				rgba(50, 50, 100, 0.8) 100%	
				),url("pkg_wafer.gif");
			background-repeat: no-repeat;
			background-size: contain;
			background-position:center right;
}

#header	.hd_txt	{
			margin: 0 auto;
			color:#ffffff;
			text-align:center;
			font-weight:bold;
			font-size:20px;
		}

#main	{
			display:flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: stretch;

			width:100%;

			font-family:arial;
	}

#sidebar	{
			border-left:10px solid #ff0000;	
			margin-bottom:10px;
			width:490px;
			font-size:20px;
			line-height:200%;
			height:auto;
		}

#sidebar	ul	{ font-weight:bold;	color:#707070; }
#sidebar	li	{ font-weight:bold;	}
#sidebar	.li1	{ margin-top:15px;
			font-weight:bold;	color:#a0a0a0; }
#sidebar	.li2	{ font-weight:normal;	}

#content	{
			width:960px;
			margin-bottom:10px;

			border-left:10px solid #00aa00;	
			border-top:10px solid #00aa00;	
			border-bottom:10px solid #00aa00;	

			padding-left:30px;	
			padding-top:30px;

			font-size:20px;
			color:#707070;
			line-height:150%;
		}
#content	ul	{ margin-bottom:40px;	margin-top:40px; }
#content	.li1	{ margin-top:20px;	font-weight:bold; }
#content	.li2	{ font-weight:normal; }
#content	.title1	{ margin-left:100px;	margin-top:10px;
			font-weight:bold;	font-size:25px;}

#footer	{
			display:flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: center;
			align-items:stretch;
			width:100%;
			font-size:15px;
}

#footer1	{	
			width:490px;		
			margin-right:10px;
			background-color:#0000aa;	
		}
#footer2	{
			display:flex;
			align-items:center;
			flex-direction: row-reverse;
			width:1000px;
			background-color:#0000aa;
			color:#ffffff;
			text-align:right;
		}
#footer2	.txt{	margin-left:20px;	margin-right:20px;
			margin-top:20px;	margin-bottom:20px;	}
		
@media (max-width:767px) {		
#header		{	width:100%;	}
#main		{	flex-direction:column;	}
#sidebar	{	width:auto;	flex-basis:0;	}
#content	{	width:auto;	flex-basis:0;	}
#content	img	{ max-width:95%;	}
#sidebar	ul	{ padding-left:30px;	}
#content	ul	{ padding-left:10px;	}
#footer		{	font-size:12px;		}
#footer1	{	display:none;	}
#footer2	{	width:100%;	}
}
@media	(min-width:768px)	{
}