@charset "UTF-8";


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

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

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: 1.2em;
	color: #333;
}

.imeon 
{
	ime-mode: active;
}

.imeoff 
{
	ime-mode: disabled;
}


/* 共通スタイル
----------------------------------------------- */
div#wrapper 
{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 30px 0;
	text-align: center;
}

div#indexBx 
{
	display: block;
	width: 785px;
	height: 610px;
	margin: 0 auto 50px auto;
	position: relative;
}
	div#indexBx h1
	{
		position: absolute;
		top: 0;
		left: 0;
	}
	div#indexBx p.btn
	{
		position: absolute;
		top: 446px;
		left: 46px;
	}
	div#indexBx p.logo
	{
		position: absolute;
		top: 501px;
		left: 603px;
	}

div#topBx 
{
	display: block;
	width: 946px;
	height: 525px;
	margin: 85px auto 50px auto;
	background: url(../../images/_df/top_bg.jpg) left bottom no-repeat;
}
	div#topBx ul
	{
		width: 946px;
		height: 398px;
		position: relative;
		background: url(../../images/_df/top_main.jpg) 5px top no-repeat;
	}
		div#topBx ul li
		{
			position: absolute;
		}
			div#topBx ul li.opn
			{
				top: 30px;
				left: 465px;
			}
			div#topBx ul li.how
			{
				top: 112px;
				left: 494px;
			}
			div#topBx ul li.flow
			{
				top: 194px;
				left: 531px;
			}
			div#topBx ul li.hlp
			{
				top: 274px;
				left: 573px;
			}
			div#topBx ul li.logo
			{
				top: 338px;
				right: 25px;
			}
			

/* ヘッダ
----------------------------------------------- */
div#headBx 
{
	width: 1000px;
	height: 60px;
	margin: 0 0 20px 0;
	position: relative;
}
	div#headBx h1
	{
		width: 335px;
		height: 60px;
		position: absolute;
		top: 0;
		left: 36px;
	}
	div#headBx ul
	{
		width: 554px;
		height: 45px;
		margin: 0;
		padding: 9px 0 0 10px;
		background: url(../../images/_df/gnb_board.gif) no-repeat;
		position: absolute;
		top: 13px;
		left: 392px;
	}
		div#headBx ul li
		{
			float: left;
			margin: 0 14px 0 0;
			display: inline;
		}
		

/* メイン
----------------------------------------------- */
div#mainBx 
{
	width: 1000px;
	height: 617px;
	position: relative;
	background: url(../../images/_df/bg.jpg) no-repeat;
	padding: 0 0 30px 0;
}
	div#mainBx h2
	{
		width: 303px;
		height: 58px;
		position: absolute;
		top: 14px;
		left: 39px;
	}
	
	
/* 修了証部分部分
----------------------------------------------- */
div#pubBx 
{
	width: 580px;
	height: 470px;
	background: url(../../images/_df/pubboard.gif) no-repeat;
	position: absolute;
	top: 25px;
	left: 365px;
	display: none;
}
	div#pubBx div.pub
	{
		position: relative;
	}
		div#pubBx div.pub p
		{
			width: 580px;
			position: absolute;
			left: 0;
			line-height: 140%;
			color: #333;
		}
			div#pubBx div.pub p#comt
			{
				top: 150px;
				font-size: 22px;
				text-align: center;
			}
			div#pubBx div.pub p#btnPrt
			{
				width: 178px;
				height: 34px;
				top: 370px;
				left: 111px;
			}
			
			div#pubBx div.pub p#pubTime
			{
				height: 100px;
				top: 225px;
				text-align: center;
				font-size: 18px;
			}
			div#pubBx div.pub p#pubId
			{
				height: 100px;
				top: 265px;
				text-align: center;
				font-size: 22px;
				color: #660000;
			}
			div#pubBx div.pub p#pubDate
			{
				height: 100px;
				top: 310px;
				text-align: center;
				font-size: 18px;
			}
				div#pubBx div.pub p#pubDate span
				{
					font-size: 22px;
				}


/* チェックテスト部分
----------------------------------------------- */
div#chkBx 
{
	width: 580px;
	height: 470px;
	background: url(../../images/_df/chkboard.gif) no-repeat;
	position: absolute;
	top: 25px;
	left: 365px;
}
	div#chkBx div.chk
	{
		margin: 5px 0 0 5px;
		width: 570px;
		height: 460px;
		position: relative;
	}
		div#chkBx div.chk p
		{
			width: 570px;
			height: 460px;
			position: absolute;
			top: 0;
			left: 0;
		}
			div#chkBx div.chk p#ans,
			div#chkBx div.chk p#true,
			div#chkBx div.chk p#false,
			div#chkBx div.chk p#endImg
			{
				display: none;
			}
			div#chkBx div.chk p#num
			{
				width: 100px;
				height: 90px;
				font-size: 200%;
				font-weight: bold;
				line-height: 90px;
				color: #d10c0c;
				left: 440px;
			}
			div#chkBx div.chk table#res
			{
				display: none;
				position: absolute;
				top: 80px;
				left: 35px;
				width: 500px;
				border: 3px solid #aaa;
			}
				div#chkBx div.chk table#res td
				{
					padding: 5px 0;
					width: 125px;
					text-align: center;
					background: #fff;
				}
					div#chkBx div.chk table#res td.bdr
					{
						border-right: 1px dotted #aaa;
					}
					div#chkBx div.chk table#res td.odd
					{
						background: #f7f7f7;
					}

			div#chkBx div.chk p#score
			{
				height: 90px;
				font-size: 28px;
				/* font-weight: bold; */
				line-height: 90px;
				color: #5c3c44;
				top: 270px;
				text-align: center;
			}
				div#chkBx div.chk p#score span
				{
					font-size: 38px;
				}
				div#chkBx div.chk p#score span.kei
				{
					color: #d10c0c;
				}
				div#chkBx div.chk p#score span.allOk
				{
					display: block;
					background: url(../../images/_df/allokmark.jpg) center center no-repeat;
				}
			
		div#chkBx div.chk li
		{
			width: 257px;
			height: 70px;
			position: absolute;
		}
			div#chkBx div.chk li#btnTrue,
			div#chkBx div.chk li#btnTrueAns
			{
				top: 365px;
				left: 20px;
			}
			div#chkBx div.chk li#btnFalse,
			div#chkBx div.chk li#btnFalseAns
			{
				top: 365px;
				left: 293px;
			}
			div#chkBx div.chk li#btnNxt
			{
				top: 365px;
				left: 156px;
				display: none;
			}
			div#chkBx div.chk li#btnPublish
			{
				top: 365px;
				left: 106px;
				display: none;
			}
			div#chkBx div.chk li#btnAgain
			{
				top: 365px;
				left: 106px;
				display: none;
			}
	

/* 動画用画像部分
----------------------------------------------- */
div#movBx 
{
	width: 580px;
	height: 438px;
	background: url(../../images/_df/movboard.gif) no-repeat;
	position: absolute;
	top: 25px;
	left: 365px;
}
	div#movBx div.mov
	{
		width: 580px;
		height: 395px;
		position: relative;
	}
		div#movBx div.mov img
		{
			position: absolute;
			top: 5px;
			left: 5px;
		}
		div#movBx div.mov span
		{
			display: none;
		}
		
		div#movBx div.mov li
		{
			display: block;
			width: 30px;
			height: 30px;
			position: absolute;
			top: 198px;
		}
			div#movBx div.mov li#movBack
			{
				left: 0;
			}
			div#movBx div.mov li#movNext
			{
				right: 10px;
			}
			div#movBx div.mov li#movEnd
			{
				right: 10px;
			}


/* ページャー部分
----------------------------------------------- */
div#pgrBx 
{
	width: 580px;
	height: 32px;
	position: absolute;
	top: 463px;
	left: 365px;
}
	div#pgrBx p
	{
		font-size: 1.2em;
		text-align: center;
		line-height: 32px;
	}


/* ナレーション部分
----------------------------------------------- */
div#naBx 
{
	width: 580px;
	height: 77px;
	background: url(../../images/_df/naboard.gif) no-repeat;
	position: absolute;
	top: 495px;
	left: 365px;
}
	div#naBx p
	{
		padding: 10px;
		/*
		font-size: 1.4em;
		line-height: 140%;
		*/
		font-size: 1.6em;
		line-height: 120%;
	}
	

/* ナビゲーション部分
----------------------------------------------- */
div#navBx 
{
	clear: both;
	position: absolute;
	top: 587px;
	left: 47px;
}
	div#navBx ul
	{
	}
		div#navBx ul li
		{
			float: left;
		}


/* サイドバー
----------------------------------------------- */
div#sideBx
{
	width: 303px;
	position: absolute;
	top: 82px;
	left: 39px;
}
	div#sideBx div#side
	{
		width: 303px;
		position: relative;
	}
		div#sideBx div#side div#cntListArw
		{
			overflow: hidden;
			width: 303px;
			height: 345px;
			position: absolute;
			top: 37px;
			left: 0;
		}
			div#sideBx div#side div#cntListArw ul
			{
				position: absolute;
				top: 0;
				left: 0;
			}
	div#sideBx ul
	{
		display: block;
	}
		div#sideBx ul li
		{
			margin: 0 0 3px 0;
		}
		div#sideBx p.arwUp
		{
			position: absolute;
			top: 0;
			left: 10px;
		}
		div#sideBx p.arwDn
		{
			position: absolute;
			top: 391px;
			left: 10px;
		}
		

/* 修了証ページ
----------------------------------------------- */		
div#printBx 
{
	width: 100%;
	text-align: center;
}

div#certificate
{
	width: 595px;
	margin: 0 auto;
	position: relative;
}

	div#certificate p
	{
		position: absolute;
	}
		div#certificate p#flw1,
		div#certificate p#flw2,
		div#certificate p#flw3,
		div#certificate p#flw4,
		div#certificate p#flw5,
		div#certificate p#flw6,
		div#certificate p#flw7,
		div#certificate p#flw8,
		div#certificate p#flw9,
		div#certificate p#flw10,
		div#certificate p#flw11,
		div#certificate p#flw12
		{
			display: none;
			top: 660px;
			left: 10px;
			width: 170px;
			height: 170px;
		}
		div#certificate p#chara
		{
			top: 660px;
			right: 10px;
			width: 170px;
			height: 170px;
		}
		div#certificate p#idn
		{
			top: 435px;
			left: 0;
			width: 595px;
			font-size: 24px;
			line-height: 110%;
			text-align: center;
			/* background: #ff0000; */
		}
		div#certificate p#date
		{
			top: 640px;
			left: 260px;
			width: 300px;
			font-size: 20px;
			line-height: 110%;
			/* background: #ff0000; */
		}
		
	div#certificate table
	{
		position: absolute;
	}
		div#certificate table#time
		{
			width: 295px;
			top: 480px;
			left: 150px;
		}
			div#certificate table#time th,
			div#certificate table#time td
			{
				height: 25px;
				font-size: 16px;
				font-weight: normal;
				/* background: #ff0000; */
			}
			div#certificate table#time th
			{
				text-align: right;
				font-size: 16px;
			}
			div#certificate table#time td
			{
				text-align: left;
				font-size: 18px;
			}
		div#certificate table#headName
		{
			width: 395px;
			top: 60px;
			left: 100px;
		}
			div#certificate table#headName td
			{
				height: 60px;
				text-align: center;
				font-size: 24px;
				line-height: 110%;
				color: #573718;
				/* background: #ff0000; */
			}
		div#certificate table#footName
		{
			width: 395px;
			top: 700px;
			left: 100px;
		}
			div#certificate table#footName td
			{
				height: 60px;
				text-align: center;
				font-size: 20px;
				line-height: 110%;
				color: #222;
				/* background: #ff0000; */
			}

		
div#btnPrint 
{
	width: 595px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
	div#btnPrint p
	{
		width: 100%;
		text-align: center;
	}
	

/* 操作方法ページ
----------------------------------------------- */	
p#pgHelp
{
	position: absolute;
	top: 20px;
	left: 59px;
}


/* デバッグ部分
----------------------------------------------- */	
p#dvg
{
	color: #999;
}

