body,table	{ font-size: 12pt; font-family: OpenSans, NotoSans, "Yu Gothic UI"; font-weight: 400; }

a			{ text-decoration: none; }
a:link		{ color: #3366dd; }
a:visited	{ color: #3366dd; }
a:hover		{ color: #ff0000; }

a.gray:link		{ color: #888888; }
a.gray:visited	{ color: #888888; }
a.gray:hover	{ color: #ff0000; }

.top 		{ text-align: center; background-color: #fffdf0; padding: 0 0 5px 0; }
.logo		{ width: 500px;}
.title		{ font-size: 18px;}
.indent		{ margin-left: 40px; }

.banner>div	{ display: inline-block; vertical-align: middle;}
.banner>div>div:nth-child(2)	{ padding: 10px 0 0 0; font-family: Century Gothic; font-style: italic; font-size: 0.8em; color: #888}

.enum		{ line-height: 1.8em; font-weight: 300; color: #333; background-color: #f5fff5; padding: 10px; margin-right: 10px;}

.menu				{ font-size: 14pt; text-align: center; margin: 10px;}
.menu>div			{ display: inline-block; white-space: nowrap; text-align: center; width: 140px; height: 40px; padding: 0; margin-bottom: 5px;
						vertical-align: middle; background-color: #DDEEFF; font-family: Meiryo UI;
						border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.menu>div.selected	{ background-color: #ffddaa;}
.menu>div>a			{ display: inline-block; width: 100%; height: 100%; }
.menu>div span		{ display: inline-block; margin-top: 7px;}
.menu>div span.s	{ display: inline-block; margin-top: 1px; font-size: 0.8em; line-height: 1.2em;}


h1	{ font-size: 18pt; margin-left: 10px; }
h2	{ font-size: 14pt; margin-left: 10px; }
h3	{ font-size: 12pt; margin-left: 10px; }
h4 	{ font-size: 12pt; margin: 0 0 0 -20px; }

h2.n	{
	counter-increment: numeber1;
	margin-top: 1.5em;
	padding-left: 2em;
	text-indent:-2em;
	line-height: 2em;
	border: 1px dotted #ffccaa;
	background-color: #fcf5e0;
}
h2.n:before	{
	content: counter(numeber1)"．";
	padding-left: 0.5em;
	color: #cc5533;
}

li:before { font-size: 0.7em; vertical-align:top; content: "◆ "; color: #ffddaa; margin-left: -15px;	}
li { list-style: none; padding: 0.2em 0 0.3em 0; line-height: 1.7em;}

ul.wideheight li	{ margin-top:10px; margin-bottom: 10px}
ul.check li		{ list-style: url(img/check.png);}

hr				{ height: 6px; border: 0; background-color: #E0EEFF; margin-top: 0;}

.box			{ border: solid 1px #aaccff; color: #333; background-color: #fffef8; 
					width: 100%; padding: 0; margin-bottom: 5px;
					border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
					
.box th			{ border-collapse: collapse;  white-space: nowrap; padding: 5px; background-color: #f8faff; 
					border-style: solid; border-width: 0.5px; border-color: #fefefe #fefefe #aaccff #fefefe;}
.box th:nth-child(2){ width: auto; border-style: solid; border-width: 0.5px; border-color: #fefefe #fefefe #aaccff #aaccff;}

.box td			{ border-collapse: collapse; text-align: left; vertical-align: top; padding: 10px; }
.box td:nth-child(1){ width: 130px; white-space: nowrap; }
.box td:nth-child(2){ width: auto; font-size: 0.9em; border-style: solid; border-width: 0.5px; border-color: #fefefe #fefefe #fefefe #aaccff;}
.box p			{ text-indent: -1em; padding: 0 0 0 1em; margin: 0;}
.box a			{ font-weight: bold; }

.info			{ font-weight: 300; float: right; width: 300px; padding: 10px; color: #666666; margin: 20px 10px 40px 40px;
					border: solid 1px #aaaaaa; background-color: #ffffff;
					border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.info h1		{ font-size: 1em; color: #8b0; text-align: center; }
.info h2:before { content: "● "; color: #B7D812; margin-left: -1.2em;	}
.info h2		{ font-size: 1em; list-style: none; margin: 10px 0 5px 1.2em;  }
.info div		{ font-size: 0.9em; line-height: 1.6em; border-top: solid 1px #E0EEFF; padding: 0 0 10px 0; }
.info figure	{ display: inline; float: right; text-align: center; margin: 0; padding: 0 0 10px 10px; }
.info figcaption{ font-size: 0.85em; line-height: 1.3em; padding: 5px 0 5px 0;}

.enclosed		{ color: #60a030; background-color: #fffdf0; padding: 0 5px 0 5px; 
					border: solid 0.5px #cccccc; border-radius: 5px 5px 5px 5px;  }
.enclosed img	{ margin: 0 0 0 3px;}

table.n td		{ border-collapse: collapse; vertical-align: top; padding: 0.5em 0 0.5em 0;}
table.n img		{ vertical-align: middle; }


table.list	{
	font-weight: 300;
	font-size: 0.9em;
	margin: 0 0 20px 40px;
	line-height: 1.5em;
	border-collapse: separate;
	border-spacing: 0 0;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa #fff #fff #aaa;
	margin-right: 10px;
}
table.list th	{
	font-weight: 400;
	padding: 4px;
	background-color: #f5f5f5;
	border-style: solid;
	border-width: 0.5px;
	border-color: #fff #aaa #aaa #fff;	
}

table.list td	{
	padding: 4px;
	background-color: #fdfdfd;
	border-style: solid;
	border-width: 0.5px;
	border-color: #fff #bbb #bbb #fff;	
}
table.list td:first-child	{
	white-space: nowrap;
}
table.list p { text-indent:-1em; margin: 0 0 0 1em;	}


img	{ vertical-align: middle; }

span.assist			{
						font-size: 0.9em;
						color: gray;
						border-style: solid;
						border-color:red;
						border-width: 1px;
						padding: 0px 8px;
						margin: 0 4px 0 4px;
						background-color: #FFFFCC;
}

q\:c		{ background-color: #ffeeee; border: #888888 solid 1px; color: #808080; font-family: Meryo UI; }
q\:n		{ background-color: #eeeeee; border: #888888 solid 1px; color: #808080; font-family: Meryo UI; }
q\:s		{ background-color: #ffeecc; border: #888888 solid 1px; color: #808080; font-family: Meryo UI; }
q\:tf,q\:mq	{ background-color: #ffffcc; border: #33aa33 solid 1px; color: #808080; font-family: Meryo UI; }
q\:cc,q\:sa,q\:nm,q\:ma	{ background-color: #ffffcc; border: #ff3333 solid 1px; color: #808080; font-family: Meryo UI; }
q\:ci,q\:ne	{ background-color: #ffffcc; border: #3388ff solid 1px; color: #808080; font-family: Meryo UI; }

x\:d		{ background: url(xd.png) center no-repeat; padding: 0px 94px 0px 0px;}
x\:c		{ background: url(xc.png) center no-repeat; padding: 0px 15px 0px 0px;}
x\:l		{ background: url(xl.png) center no-repeat; padding: 0px 15px 0px 0px;}
x\:r		{ background: url(xr.png) center no-repeat; padding: 0px 15px 0px 0px;}
x\:e		{ background: url(xe.png) center no-repeat; padding: 0px 15px 0px 0px;}
x\:t		{ background: url(xt.png) center no-repeat; padding: 0px 15px 0px 0px;}
x\:s		{ background: url(xs.png) center no-repeat; padding: 0px 15px 0px 0px;}
x\:a		{ background: url(xa.png) center no-repeat; padding: 0px 15px 0px 0px;}