@charset "UTF-8";

/* UNIVERSAL RESET
----------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}

body 
{
	height: 100%;
	background: #f6f2e5;
	text-align: center; /* box centering */
	font: normal 63% Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	color: #222;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote 
{
	display: block;
	text-align: left;
	font-style: normal;
    font-weight: normal;
}

option
{
	margin: 0 5px 0 0;
}

table 
{
	empty-cells: show;
	border-collapse: collapse;
}

hr,.areaAnchor,.anchor 
{
	display : none;
	clear: both;
}

img 
{
	border: none; /* img do not want a border */
	vertical-align: bottom;
}

li 
{
	list-style: none; /* link do not want a dot */
}

textarea 
{ 
	font-size: 100%; /* テキストエリア内文字サイズのブラウザ間での差異をなくす */
}


/* フォーム関連
----------------------------------------------- */
.fs 
{
	padding: 3px;
	border: solid 1px #999;
	background: #fff;
	font-size: 12px;
	color: #333;
}

.imeon 
{
	ime-mode: active;
}

.imeoff 
{
	ime-mode: disabled;
}


/* 共通スタイル
----------------------------------------------- */
div#wrapper
{
	width: 100%;
	overflow:hidden;
	text-align: center;
}
/*
	div#wrapper p.sss
	{
		background-color:#cccccc;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin: 10px;
		font-size: 12px;
		padding: 10px;
	}
*/


div#reStartBx
{
	display: none;
	width: 100%;
	height: 400px;
	background: url(../../images/_mb/reStartBack.png);
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding: 50px 0 0 0;
}
	div#reStartBx div.reStart
	{
		width: 300px;
		height: 285px;
		margin: 0 auto;
		text-align: center;
		background: url(../../images/_mb/reStartPat.png);
		position: relative;
	}
		div#reStartBx div.reStart p
		{
			position: absolute;
			left: 20px;
		}
			div#reStartBx div.reStart p.btnYes
			{
				top: 90px;
			}
			div#reStartBx div.reStart p.btnNo
			{
				top: 170px;
			}
	
	
div#headBx
{
	width: 100%;
	overflow: hidden;
}
	div#headBx h1
	{
		float: left;
	}
	div#headBx p
	{
		float: right;
		text-align: right;
		padding: 8px 4px 0 0;
	}
	
	
div#headTopBx
{
	width: 100%;
	height: 55px;
	overflow: hidden;
}
	div#headTopBx h1
	{
		float: left;
	}
	

div#hnavBx
{
	margin: 0 0 10px 10px;
}
	div#hnavBx table
	{
	}
		div#hnavBx table td
		{
			background: url(../../images/_mb/mb_hnav_pat.gif) repeat-x;
		}


div#navBx
{
	width: 100%;
	height: 46px;
	overflow: hidden;
}
	div#navBx table
	{
		width: 100%;
		height: 46px;
	}
		div#navBx table td
		{
			text-align: center;
		}
			div#navBx table td a
			{
				display: block;
				position: relative;
			}
				div#navBx table td a img.end
				{
					position: absolute;
					top: -9px;
					left: -2px;
				}
			div#navBx table td.off
			{
				background: url(../../images/_mb/mb_nav_offpat.jpg) repeat-x;
			}
			div#navBx table td.on
			{
				background: url(../../images/_mb/mb_nav_onpat.jpg) repeat-x;
			}
			

div#mainBx
{
	background-color:#fbfaf6;
	border-radius: 10px;
	-webkit-border-radius : 10px;
	-moz-border-radius: 10px;
	margin: 10px;
	padding: 10px 0;
	text-align: center;
}

div#topBx
{
	height: 332px;
	background-color:#fbfaf6;
	border-radius: 10px;
	-webkit-border-radius : 10px;
	-moz-border-radius: 10px;
	margin: 10px 10px 90px 10px;
	text-align: center;
	position: relative;
}
	div#topBx p
	{
		position: absolute;
	}
		div#topBx p#mainPh
		{
			width: 260px;
			top: 135px;
			right: 0;
		}
			div#topBx p#mainPh img
			{
				border-radius: 10px;
				-webkit-border-radius : 10px;
				-moz-border-radius: 10px;
			}
		div#topBx p#logoPh
		{
			width: 105px;
			top: 305px;
			left: 10px;
		}
	div#topBx ul
	{
		width: 270px;
		position: absolute;
		top: 25px;
		left: 15px;
	}
		div#topBx ul li
		{
			margin: 0 0 5px 0;
		}
	

/* ページタイトル部分
----------------------------------------------- */
div#ttlBx
{
	width: 100%;
	height: 34px;
	background: url(../../images/_mb/mb_ttl_board.gif) center top no-repeat;
	margin: 0 0 8px 0;
}
	div#ttlBx p
	{
		text-align: center;
	}

			
div#snavBx
{
	margin: 0 10px 7px 10px;
}
	div#snavBx table
	{
		width: 100%;
	}
		div#snavBx table td
		{
			text-align: center;
		}
			div#snavBx table td a
			{
				display: block;
				margin: 0;
				padding: 0;
				position: relative;
			}
				div#snavBx table td a img.end
				{
					position: absolute;
					top: -6px;
					left: -2px;
				}
			div#snavBx table td.lt
			{
				background: url(../../images/_mb/mb_snav_leftPat.jpg) repeat-x;
			}
			div#snavBx table td.ltno
			{
				background: url(../../images/_mb/mb_snav_no_leftPat.jpg) repeat-x;
			}
			div#snavBx table td.ct
			{
				background: url(../../images/_mb/mb_snav_centerPat.jpg) repeat-x;
			}
			div#snavBx table td.rt
			{
				background: url(../../images/_mb/mb_snav_rightPat.jpg) repeat-x;
			}
			div#snavBx table td.rtno
			{
				background: url(../../images/_mb/mb_snav_no_rightPat.jpg) repeat-x;
			}
			


div#movBx
{
	width: 280px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	background-color: #c2c2c2;
	border-radius: 4px;
	-webkit-border-radius : 4px;
	-moz-border-radius: 4px;
}
	div#movBx p
	{
		width: 270px;
		height: 203px;
		margin: 0 auto;
		background-color: #000;
		position: relative;
	}
		div#movBx img#motoImg,
		div#movBx img#movImg
		{
			position: absolute;
			top: 0;
			left: 0;
		}
		div#movBx span
		{
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}
		
		
/* 修了証部分部分
----------------------------------------------- */
div#pubBx 
{
	display: none;
	width: 280px;
	height: 228px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
	background: url(../../images/_mb/mb_pubboard.gif) no-repeat;
}
	div#pubBx p
	{
		width: 280px;
		position: absolute;
		left: 0;
		line-height: 140%;
		color: #333;
		text-align: center;
	}
		div#pubBx p#comt
		{
			top: 70px;
			font-size: 1.4em;
		}
		div#pubBx p#pubTime
		{
			top: 115px;
			font-size: 1.0em;
		}
		div#pubBx p#pubId
		{
			top: 150px;
			font-size: 1.4em;
			color: #660000;
		}
		div#pubBx p#pubDate
		{
			top: 175px;
			font-size: 1.0em;
		}
			div#pubBx p#pubDate span
			{
				font-size: 1.4em;
			}


/* チェックテスト部分
----------------------------------------------- */
div#chkBx
{
	width: 280px;
	height: 228px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #c2c2c2;
	border-radius: 4px;
	-webkit-border-radius : 4px;
	-moz-border-radius: 4px;
	position: relative;
	color: #000;
}
	div#chkBx p
	{
		position: absolute;
		top: 5px;
		left: 5px;
	}
		div#chkBx p#ans,
		div#chkBx p#true,
		div#chkBx p#false,
		div#chkBx p#endImg
		{
			display: none;
		}
		div#chkBx p#num
		{
			width: 260px;
			font-size: 1.2em;
			line-height: 35px;
			text-align: right;
			color: #d10c0c;
		}
		div#chkBx p#score
		{
			width: 270px;
			font-size: 1.4em;
			text-align: center;
			color: #5c3c44;
			top: 145px;
		}
			div#chkBx p#score span
			{
				font-size: 1.8em;
			}
			div#chkBx p#score span.kei
			{
				color: #d10c0c;
			}
			div#chkBx p#score span.allOk
			{
				display: block;
				background: url(../../images/_mb/mb_allokmark.jpg) center center no-repeat;
			}
		div#chkBx table#res
		{
			display: none;
			position: absolute;
			top: 45px;
			left: 15px;
			width: 250px;
			border: 3px solid #aaa;
		}
			div#chkBx table#res td
			{
				padding: 2px 0;
				/* width: 65px; */
				text-align: center;
				background: #fff;
			}
				div#chkBx table#res td.bdr
				{
					border-right: 1px dotted #aaa;
				}
				div#chkBx table#res td.odd
				{
					background: #f7f7f7;
				}
	div#chkBx li
	{
		width: 123px;
		height: 35px;
		position: absolute;
		color: #000;
	}
		div#chkBx li#btnTrue,
		div#chkBx li#btnTrueAns
		{
			top: 178px;
			left: 15px;
		}
		div#chkBx li#btnFalse,
		div#chkBx li#btnFalseAns
		{
			top: 178px;
			left: 143px;
		}
		div#chkBx li#btnNxt
		{
			top: 178px;
			left: 80px;
			display: none;
		}
		div#chkBx li#btnPublish
		{
			width: 178px;
			top: 178px;
			left: 51px;
			display: none;
		}
		div#chkBx li#btnAgain
		{
			width: 178px;
			top: 178px;
			left: 51px;
			display: none;
		}


/* ページャー部分
----------------------------------------------- */
div#pgrBx
{
	margin: 0 10px;
}
	div#pgrBx p
	{
		padding: 5px 0;
		text-align: center;
		font-size: 1.2em;
		line-height: 27px;
	}
		div#pgrBx p#movEnd
		{
			display: none;
		}
	
	div#pgrBx table
	{
		width: 100%;
	}
	
	div#pgrBx a
	{
		display: block;
		width: 70px;
		height: 27px;
		background-color: #c2c2c2;
		border-radius: 4px;
		-webkit-border-radius : 4px;
		-moz-border-radius: 4px;
		text-align: center;
	}
	
div#naBx
{
	margin: 0 10px;
	text-align: center;
	background-color: #f5f4f3;
	border-radius: 4px;
	-webkit-border-radius : 4px;
	-moz-border-radius: 4px;
}
	div#naBx p
	{
		padding: 10px;
		/*
		font-size: 1.2em;
		line-height: 150%;
		*/
		font-size: 1.4em;
		line-height: 140%;
		color: #333;
	}
	
div.line
{
	width: 100%;
	height: 4px;
	background: url(../../images/_mb/mb_list_line.gif) repeat-x;
}
	
div#listBx
{
	margin: 0 10px;
	padding: 6px 0;
}
	div#listBx ul
	{
	}
		div#listBx ul li
		{
			height: 46px;
			position: relative;
		}
			div#listBx ul li img.end
			{
				position: absolute;
				top: 8px;
				left: 8px;
			}
			div#listBx ul li a
			{
				display: block;
				height: 46px;
			}
				div#listBx ul li a span
				{
					display: block;
					height: 46px;
					text-align: center;
				}
			div#listBx ul li.off
			{
				background: url(../../images/_mb/mb_list_offpat.jpg) center top no-repeat;
			}
				div#listBx ul li.off a
				{
					background: url(../../images/_mb/mb_list_offpat_right.jpg) right top no-repeat;
				}
					div#listBx ul li.off a span
					{
						background: url(../../images/_mb/mb_list_offpat_left.jpg) no-repeat;
					}
			div#listBx ul li.on
			{
				background: url(../../images/_mb/mb_list_onpat.jpg) center top no-repeat;
			}
				div#listBx ul li.on a
				{
					background: url(../../images/_mb/mb_list_onpat_right.jpg) right top no-repeat;
				}
					div#listBx ul li.on a span
					{
						background: url(../../images/_mb/mb_list_onpat_left.jpg) no-repeat;
					}
			div#listBx ul li.offLast
			{
				background: url(../../images/_mb/mb_list_offpat_last.jpg) center top repeat-x;
			}
				div#listBx ul li.offLast a
				{
					background: url(../../images/_mb/mb_list_offpat_right.jpg) right top no-repeat;
				}
					div#listBx ul li.offLast a span
					{
						background: url(../../images/_mb/mb_list_offpat_left.jpg) no-repeat;
					}
			div#listBx ul li.onLast
			{
				background: url(../../images/_mb/mb_list_onpat_last.jpg) center top repeat-x;
			}
				div#listBx ul li.onLast a
				{
					background: url(../../images/_mb/mb_list_onpat_right.jpg) right top no-repeat;
				}
					div#listBx ul li.onLast a span
					{
						background: url(../../images/_mb/mb_list_onpat_left.jpg) no-repeat;
					}
					
					
/* 操作方法ページ
----------------------------------------------- */
div#pgHelp
{
}
	div#pgHelp div.lead
	{
		margin: 0 0 10px 0;
		padding: 0 5px;
	}
		div#pgHelp div.lead p
		{
			font-size: 1.4em;
			line-height: 140%;
			color: #003b5e;
			text-align: center;
		}
	
	div#pgHelp div.note
	{
		background: #fff;
		margin: 0 10px 5px 10px;
	}
		div#pgHelp div.note dl
		{
		}
			div#pgHelp div.note dl dt
			{
				padding: 5px 10px 0 10px;
			}
			div#pgHelp div.note dl dd
			{
				padding: 0 10px 5px 10px;
				font-size: 1.4em;
				line-height: 140%;
				color: #2a1819;
				text-align: left;
			}
	
	div#pgHelp div.step
	{
		background: #fff;
		margin: 0 10px 10px 10px;
	}
		div#pgHelp div.step dl
		{
		}
			div#pgHelp div.step dl dt
			{
				background: #fbfaf6;
			}
			div#pgHelp div.step dl dd
			{
				background: #fff;
				padding: 10px;
				font-size: 1.4em;
				line-height: 140%;
				color: #2a1819;
				text-align: left;
			}
				div#pgHelp div.step dl dd span
				{
					color: #ff0000;
				}
				
				
/*  スキップ部分
----------------------------------------------- */	
div.aural
{
	display: none;
}
					
					
/* デバッグ部分
----------------------------------------------- */				
p#dvg
{
	color: #999;
}