body{
	/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;*/
	/*font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 100.01%;
	line-height: 1.4em;

	color: #ddd;
	background-color: rgb(0,0,0);
}


.hidefont{ font-size: 0em; }
.hidedisp{ display: none; }
.hidealpha{ opacity: 0; }
.hidesize{ width: 0px; height: 0px; }
.hideheight{ height: 0px; }
.tshad1{ text-shadow: 0px 1px 1px #888; }
.tshad2{ text-shadow: 1px 2px 4px #000; }
.tshad3{ text-shadow: 1px 2px 2px #888; }
.tshad4{ text-shadow: 0px 4px 8px #faa; }
.tshad5{ text-shadow: 0px 4px 0px #822; }
.bshad1{ box-shadow: 1px 1px 5px #88f; }
.bshad2{ box-shadow: 1px 1px 2px #224; }
.bshad3{ box-shadow: 0px 2px 2px #866; }
.bshad4{ box-shadow: -2px 3px 2px #222; }


.codeframe textarea{
	border: rgba(192,192,192,0.5) solid 1px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: -4px -2px 0px #c88, 4px 2px 0px #88c;
	color: #222;
	text-shadow: 1px 1px 1px #444;
}
.code_wrap{
	white-space:		pre-wrap;
	word-wrap:			break-word;
	overflow:			auto;
}

a:link{
	color: #66f;
}
a:visited{
	color: #66f;
}
a:hover{
	color: #f6f;
}


/*sub*/
#mainarea{
	text-align: center;
	color: rgb( 220, 220, 220 );
	height: auto;
	background-color: rgb(32,32,40);
}

#headarea{
}
.assubheadanim{
	background-color:	rgba(120,120,120,0.8);
	color:				rgb( 220, 220, 220 );
	position:			fixed;
	top:				0px;
	width:				100%;
	/*transition:			.1s;*/
	z-index:			90;
	display: flex;
	justify-content: center;
	align-items: center;
}

#menuarea{
	background-color:	rgba(128,128,128,0.8);
	border-right:		16px solid rgba(250,250,192,1.0);
	color:				#222;
	position:			fixed;
	z-index:			99;
	padding:			32px 0px 32px 0px;
	transition:			.1s;
}
#menuarea li{
	font-size: 20px;
	padding: 16px 32px 16px 8px;
	transition: .2s;
	cursor:pointer;
}
#menuarea li:hover{
	background-color: rgb(250,250,192);
	font-size: 30px;
	transition: .1s;
}



#bodyarea{
	padding: 132px 0px 32px 0px;

}

#footarea{
	/*background-color: rgba(150,150,150,0.5);*/
	color:				rgb( 240, 240, 240 );
	position:			fixed;
	bottom:				0px;
	width:				100%;
	z-index:			99;

}

#copyright{
	background-color: rgba(0,0,0,0.8);
	text-align:			center;
	/*transition:			.1s;*/
}




.wf_title{
	padding: 8px 0px;
	background-color: rgba(0,32,128,0.5);
}

.wf_disc{
	padding: 8px 0px;
	margin-bottom: 32px;
}
.wf_disc .cont{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	margin: 16px 0px;
}
.wf_disc .cont .contl{
	background-color: rgba(64,32,128,0.5);
	box-shadow: 1px 1px 5px #88f;
}


.amzstrcnt{
	margin: 0px auto;
	width: 255px;
	background-color: rgba(255,255,255,1.0);
	border-radius: 5px;
}
.amzstrin{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}