/* 解説窓親要素 */
#oyabox {position: relative;}

/* 解説窓 */
div#kaisetug01	{
	width: 280px;
	text-align: center;
	background-color: #fcfcee;
	border: 1px #666666 solid;
	padding: 5px;
	position: absolute;
	left: 120px;
	top: 50px;
	z-index: 11;
	display: none;
	text-align: left;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */
}
div#kaisetug02	{
	width: 280px;
	text-align: center;
	background-color: #fcfcee;
	border: 1px #666666 solid;
	padding: 5px;
	position: absolute;
	left: 120px;
	top: 114px;
	z-index: 12;
	display: none;
	text-align: left;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */
}
div#kaisetug03	{
	width: 280px;
	text-align: center;
	background-color: #fcfcee;
	border: 1px #666666 solid;
	padding: 5px;
	position: absolute;
	left: 120px;
	top: 178px;
	z-index: 13;
	display: none;
	text-align: left;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */
}
div#kaisetug04	{
	width: 280px;
	text-align: center;
	background-color: #fcfcee;
	border: 1px #666666 solid;
	padding: 5px;
	position: absolute;
	left: 120px;
	top: 242px;
	z-index: 14;
	display: none;
	text-align: left;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */
}
div#kaisetug05	{
	width: 280px;
	text-align: center;
	background-color: #fcfcee;
	border: 1px #666666 solid;
	padding: 5px;
	position: absolute;
	left: 120px;
	top: 306px;
	z-index: 15;
	display: none;
	text-align: left;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */
}
div#kaisetug06	{
	width: 280px;
	text-align: center;
	background-color: #fcfcee;
	border: 1px #666666 solid;
	padding: 5px;
	position: absolute;
	left: 120px;
	top: 370px;
	z-index: 16;
	display: none;
	text-align: left;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */
}
div#kaisetug07	{
	width: 280px;
	text-align: center;
	background-color: #fcfcee;
	border: 1px #666666 solid;
	padding: 5px;
	position: absolute;
	left: 120px;
	top: 434px;
	z-index: 17;
	display: none;
	text-align: left;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */
}

/* 閉じるボタン */
div.cls	{
	text-align: left;
	height: 22px;
	background-color:#666666;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 22px;
	padding-left: 5px;
}
div.cls img	{float: right;}

/* 解説窓本文 */
.kaisetutext	{
/*	height: 135px;	*/
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0;
	overflow: auto;
	font-size: 12px;
}




.kakomi-before {
	margin: 6px;
	padding: 6px;
	border: 2px solid #fa6e7e;
	text-align: center;
	border-radius: 4px;  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */ 
}

.kakomi-after {
	margin: 6px;
	padding: 6px;
	border: 2px solid #80c269;
	text-align: center;
	border-radius: 4px;  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */ 
}
.kakomi-before p, .kakomi-after p {
	font-size: 0.85em;
	margin-bottom: 0;
}

p.before-midasi {
	margin-bottom: 1em;
	color: #fa6e7e;
}
p.after-midasi {
	margin-bottom: 1em;
	color: #80c269;
}

#gnagaretbl {
	float: left;
	margin: 1em 0;
	width: 300px;
}
#gnagaretbl td {
	text-align: center;
}
#gnagaretbl td img {vertical-align: text-bottom;}
#gnagaretbl td.w60 {width:60px;}