﻿<style type="text/css"><!--
body{
	font-family		:	Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	padding			:	0px;
	margin			:	0px;
	-webkit-user-select	:	none;
	-moz-user-select	:	none;
	-ms-user-select		:	none;
}

.DIV_top{
	position		:	relative;
	height			:	400px;
	font-size		:	16px;
	font-weight		:	bold;
	line-height		:	100%;
	text-align		:	center;
	padding			:	0px 0px 0px 0px;
	margin			:	5px auto 0px auto;
	border			:	solid 3px cornflowerblue;
	border-radius		:	15px 15px 15px 15px / 15px 15px 15px 15px;
	-webkit-user-select	:	none;
	-moz-user-select	:	none;
	-ms-user-select		:	none;
}

#p_top	{
	font-size		:	20px;
	line-height		:	220%;
	padding			:	0px 5px 0px 5px;
	margin			:	0px 0px 0px 0px;
	background-color	:	cornflowerblue;
	border-radius		:	5px 5px 0px 0px / 5px 5px 0px 0px;
}


#p_control{
	font-size		:	16px;
	line-height		:	130%;
	padding			:	5px 0px 5px 0px;
	margin			:	0px;
}



#p_japanese{
	width			:	95%;
	cursor			:	pointer;
	color			:	white;
	font-size		:	20px;
	font-weight		:	bold;
	line-height		:	130%;
	margin			:	0px auto 2px auto;
	padding			:	10px 5px 10px 5px;
	background-color	:	cornflowerblue;
	border			:	solid 2px #000fff;
	border-radius		:	5px 5px 5px 5px / 5px 5px 5px 5px;
}

#div_english{
	width			:	95%;
	color			:	black;
	font-size		:	20px;
	font-weight		:	bold;
	line-height		:	130%;
	margin			:	0px auto 2px auto;
	padding			:	10px 5px 10px 5px;
	background-color	:	blue;
	opacity			:	0.95;
}

#canvas1{
	padding			:	0px;
	margin			:	0px;
	position		:	absolute;
//	width			:	300px;
//	height			:	50px;
//	background-color	:	orange;
}

#p_mode{
	cursor			:	pointer;
	color			:	white;
	font-size		:	16px;
	line-height		:	100%;
	padding			:	10px;
	margin			:	0px;
	background-color	:	gray;
	border			:	none;
}





.SPN_btn1{
	cursor			:	pointer;
	color			:	white;
	font-size		:	17px;
	line-height		:	180%;
	padding			:	3px 7px 3px 7px;
	margin			:	0px;
	border			:	solid 2px black;
	background-color	:	blue;
	border-radius		:	25px 25px 25px 25px / 25px 25px 25px 25px;
}
.SPN_btn1:hover{
	color			:	yellow;
}
.SPN_btn1:active{
	background-color	:	#66cdaa;
	background-color	:	rgba(102,205,170,0.7);
	color			:	green;
}



.SPN_btn2{
	cursor			:	pointer;
	color			:	black;
	font-size		:	18px;
	padding			:	3px 5px 3px 5px;
	margin			:	0px;
	background-color	:	rgba(255,165,0,0.7);
	background		:	radial-gradient(orange , #ffffff);
	border			:	solid 2px black;
	border-radius		:	5px 5px 5px 5px / 5px 5px 5px 5px;
}
.SPN_btn2:hover{
	color			:	blue;
}
.SPN_btn2:active{
	background-color	:	#66cdaa;
	background-color	:	rgba(102,205,170,0.7);
	color			:	green;
}


.hr80	{
	width: 90%;
}

@keyframes fadein
{
	0% {opacity:0.1;}
	100% {opacity:1;}
}

@-webkit-keyframes fadein
{
	0% {opacity:0.1;}
	100% {opacity:1;}
}


.IMG_gif	{
	position		:	absolute;
	z-index			:	2;
	width			:	64px;
	border			:	none;
	padding			:	0px;
	margin			:	0px;
	opacity			:	0.3;
}


.IMG_jpg	{
	border			:	none;
	padding			:	0px;
	margin			:	0px;
}

--></style>
