body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd,
blockquote, pre, table, caption, address, form, fieldset, legend, object {
	margin: 0;
	padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
	font-size: 100%;
}

a, ins {
	text-decoration: none;
}

address, em, cite, dfn, var {
	font-style: normal;
}

input, textarea {
	font-family: sans-serif;
	font-weight: normal;
}

img {
	vertical-align: baseline;
}

a img {
	border: none;
}


/* elements */
a:link {
	color: #0099FF;
	text-decoration: none;
}

a:visited {
	color: #8BCF5F;
	text-decoration: none;
}

a:hover[name][href] {
	color:  #3399FF;
	text-decoration: none;
}

a:hover[name]{
	background-color: inherit;
	color: inherit;
}

a:hover{
	text-decoration: underline;
}

blockquote {
	border: 1px solid #CCCCCC;
	font-size: 90%;
	margin: 0 1em 1em 1em;
	padding: 5px;
}

blockquote p {
	padding: 0px;
}

body {
	background :url("/_component/headerimg/dq.gif") right bottom no-repeat;
	color: #333333;
	font-size: 10pt;
	min-width: 940px;
}

dl {
	margin: 0 0 0.5em 1em;
}

	dt {
		background: url("/_component/listblueimg.gif") 0px 2px no-repeat;
		font-weight: bold;
		padding: 0 0 0.3em 15px;
	}

	dd {
		padding:0 0.5em 0.5em 2em;
	}

hr {
	margin: 3px 0;
	padding: 0;
	border: 1px dashed #CCCCCC;
}

	#main hr {
		margin-bottom: 3px;
		display: none;
		border: 1px dashed #3399FF;
	}

	#menu hr {
		border-style: solid;
		display: block;
	}

input,textarea,select{
	font-size : 9pt;
	line-height: 9.5pt ;
	color: #636363;
	border-width: 1px;
	background-color: #FFFFFF;
	border-color: #CCCCCC; 
}

textarea{
	font-size : 10pt;
	line-height: 12pt ;
	color: #000000;
	border-width: 1px;
	background-color: #FFFFFF;
	border-color: #CCCCCC; 
}

ol,ul {
	margin-top:0px;
	margin-bottom:0px;
}

p {
	padding: 0 0 1em 1em;
}


.dspnn {
	display: none;
}


#main .appr {
	display: block;
}


/* header */
#headerWrapper {
	border: 1px solid #CCCCCC;
	font-size: 10pt;
	margin: 5px 8px 0px 8px;
	padding-bottom: 0px;
}

	#header {
		background: url("/_component/headerimg/titlelogo.png") 10px 5px no-repeat;
		height: 132px;
	}

			#title {
				background: url("/_component/headerimg/sla.png") right bottom no-repeat;
				height: 50px;
				padding: 40px 0px 0px 230px;
			}

				#titletxt {
					display: block;
					height: 50px;
				}

			#tpath {
				background: #3C78B4;
				color: #FFFFFF;
				font-size: 12px;
				margin: 0px 0px 0px 230px;
				padding: 3px 4px 3px 0;
				text-align: right;
			}

				#tpath a {
					color: #FFFFFF;
				}

				#header p {
					color: #666666;
					font-size: 10pt;
					margin-left: 165px;
					margin-top: 10px;
				}

					#header p strong {
						font-weight: normal;
					}

/* main */
#contentsWrapper {
	clear: both;
	font-size: 10pt;
	margin-top: 10px;
	margin: 10px 8px 5px 8px;
}

	#contents {
		width: 100%;
	}


		#mainWrapper {
			margin-right: 0px;
		}

		#styletbl #mainWrapper {
			margin-right: 8px;
		}

			#main {
				font-size: 10.5pt;
			}

				h1 {
					background: url("/_component/headerbk.png");
					height: 28px;
					margin-bottom: 0.5em;
					overflow: hidden;
					}

					h1 font {
						background: url("/_component/headerbgleft.png") left top no-repeat;
						color: #0066CC;
						font-size: 13pt;
						font-weight: bold;
						display: block;
						height: 28px;
						padding: 5px 0 0 20px !important;
						padding-top: 4px;
						text-align: left;
					}

				#main h2 {
					background: url("/_component/headerbk.png");
					font-weight: bold;
					height: 28px;
					margin-bottom: 0.5em;
				}

					#main h2 font {
						color: #0066CC;
						font-family: sans-serif;
						font-size: 13pt;
						display: block;
						padding: 4px 0 0 4px !important;
						padding: 0 0 0 4px;
						height: 28px;
						text-align: left;
						position:static!important;
						top: 0px!important;
						position: relative;
						top: 4px;
					}

						#main h2 a{text-decoration: none;}
						#main h2 a:hover {background-color: transparent; text-decoration: none;}
						#main h2 img{text-decoration: none;margin: 0 0 -1px 4px;}

					#main h3 {
						padding: 2px;
					}

						#main h3 font {
							border-bottom: solid 1px #DdEAFF;
							color: #0066CC;
							display: block;
							font-size: 11pt;
							font-weight: bold;
							margin-bottom: 0.5em;
						}

							#main h3 a			{color: #0066CC; text-decoration: none;}
							#main h3 a:link		{color: #0066CC; text-decoration: none;}
							#main h3 a:active	{color: #0066CC; text-decoration: none;}
							#main h3 a:visited	{color: #0066CC; text-decoration: none;}
							#main h3 a:hover	{background-color: transparent; text-decoration: none;}

						#main h3 img{text-decoration: none;margin: 0 0 -1px 2px;}

					#main h4,#main h5,#main h6 {
						background: url(/listblueimg.png) 0px 4px no-repeat;
						color: #333333;
						font-size: 11pt;
						font-weight: bold;
						padding-left: 13px;
					}

						#main h4 a		 {color: #3366FF; text-decoration: none;}
						#main h4 a:link	{color: #3366FF; text-decoration: none;}
						#main h4 a:active  {color: #3366FF; text-decoration: none;}
						#main h4 a:visited {color: #3366FF; text-decoration: none;}
						#main h4 a:hover   {background-color: transparent; text-decoration: none;}

					#main a {text-decoration: underline;}
					#main a:link {color: #0099FF;}
					#main a:visited {color: #3366CC;}
					#main a:hover[name][href] {color:  #3399FF;}
					#main a:hover[name]{background-color: inherit;color: inherit;}
					#main a:hover{color: #66CCFF;text-decoration: none;}

					#main img {
						margin-left: 1em;
					}

					#main p {
						line-height: 1.3em;
					}

						#main p img {
							margin: 0;
						}

					#main li {
						line-height: 1.3em;
					}

				#main .quiz {
					margin-left: 1em;
				}

					.quiz label:hover {
						text-decoration: underline;
					}

					#main #quizbutton{
						background: #F0F0F0;
						border: solid 1px #DDDDDD;
						font-size:12px;
						font-weight: bold;
						line-height: 14px;
						padding:2px 2px 0px 1px;
						width: 160px;
						cursor:pointer;
					}

						#main #quizbutton:hover{
							background:#FFF9D8;
							border-color: #FFD318;
						}

					#quizresult {
						margin: 0 0 0 1em;
						padding: 10px 0 0 0;
						width: 550px;
						border: 2px solid #669900;
					}

						.quizp {
							background: url("/_component/perfect.jpg") right top no-repeat;
						}

						.quizm {
							background: url("/_component/marvelous.jpg") right top no-repeat;
						}

						.quizs {
							background: url("/_component/stillmore.jpg") right top no-repeat;
						}

						.quizn {
							background: url("/_component/ng.jpg") right top no-repeat;
						}


				#mainfoot {
					border-top: 2px dotted #E7E3DF;
					font-size: 10.5pt;
					margin: 4px 8px 0 0;
					padding-top: 4px;
					text-align: center;
				}

					#mainfoot a {text-decoration: underline;}
					#mainfoot a:link {color: #0099FF;}
					#mainfoot a:visited {color: #3366CC;}
					#mainfoot a:hover{color: #66CCFF;text-decoration: none;}

					#mainfoot hr {
						display: none;
					}

					#mainfoot img {
						position: relative;
						top: 3px;
					}

					#mainfoot a {
						padding-left: 2px;
					}

/* menu */
#menuWrapper {
	font-size: 10pt;
	margin-left: 5px;
}

	#menu {
		width: 365px;
	}

		#menu #dq9 {
			background: url("/_component/dq9background.png") top left no-repeat;
			padding: 2px 0px 0px 3px;
			margin-bottom: 3px;
			font-weight: bold;
		}

#menu #dq9 a:link {color: #0099FF;text-decoration: none;}
#menu #dq9 a:visited {color: #0099FF;}
#dq9 a:hover[name][href] {color:  #3399FF;text-decoration: none;}
#dq9 a:hover{text-decoration: underline;}

		#homelinks,#homelinks li {
			color: #999999;
			margin: 0;
			margin-left: 10px;
			padding: 0;
			list-style-type: circle;
		}

		#menu #homelinks a {text-decoration: none;color: #99CC00;}
		#menu #homelinks a:link {color: #99CC00;}
		#menu #homelinks a:visited {color: #99CC00;}
		#menu #homelinks a:hover{text-decoration: underline;}

		#menuLeftWrapper .severalMenus {
			margin-bottom: 4px;
			border-top: 8px solid #FFD318;
		}

		#menuRightWrapper .severalMenus {
			margin-bottom: 4px;
/*			border-top: 8px solid #94BCDE;*/
			border-top: 8px solid #8CD05E;
		}

			.menuContents {
				border: 1px solid #CCCCCC;
				border-top: none;
				font-size: 10pt;
			}

				.menuContents ul {
					border-top: 1px dashed #CCCCCC;
					margin: 0 6px;
					padding: 6px 0 5px 0;
				}

				#menuLeftWrapper .menuContents li {
					margin: 0;
					padding-left: 19px;
					background: url("/_component/orangelist.png") 4px 3px no-repeat;
					color: #FF9900;
				}

				#menuRightWrapper .menuContents li {
					margin: 0;
					padding-left: 19px;
					background: url("/_component/greenlist.png") 4px 3px no-repeat;
					color: #009900;
				}

					#menuLeftWrapper .menuContents a {color:#FF9900; text-decoration: none;}
					#menuLeftWrapper .menuContents a:hover {text-decoration: underline;}

					#menuRightWrapper .menuContents a {color:#009900; text-decoration: none;}
					#menuRightWrapper .menuContents a:hover {text-decoration: underline;}

				.menuContents form {
					border-top: 1px dashed #CCCCCC;
					display: block;
					height: 50px;
					margin: 0px 6px 0px 6px;
					padding: 6px 0 5px 0;
				}

/*search field*/
				.menuContents input{
					border:solid 1px #DDDDDD;
					font-size:12px;
					line-height: 14px;
					padding:2px 2px 0px 1px;
					width: 160px;
				}

				.menuContents button{
					display:block;
					float:right;
					margin:2px 0 0 0;
					background-color:#f5f5f5;
					border:1px solid #dedede;
					border-top:1px solid #eee;
					border-left:1px solid #eee;
					font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
					font-size:100%;
					line-height:100%;
					text-decoration:none;
					font-weight:bold;
					color:#565656;
					cursor:pointer;
					padding:0px 10px 1px 7px; /* Links */
				}

					.menuContents button{
						width:auto;
						overflow:visible;
						padding:-1px 10px -2px 7px; /* IE6 */
					}

					.menuContents button[type]{
						padding:0px 10px 0px 7px; /* Firefox */
						line-height:17px; /* Safari */
					}

					*:first-child+html button[type]{
						padding:-1px 10px -1px 7px; /* IE7 */
					}

					.menuContents button img {
						margin:2px 3px -3px 0 !important;
						padding:0;
						border:none;
						width:16px;
						height:16px;
					}

					.menuContents button:hover{
						background:#FFF9D8;
						border-color: #FFD318;
					}

					.severalMenus h2 {
						border-left: 1px solid #CCCCCC;
						border-right: 1px solid #CCCCCC;
						color: #666666;
						font-size: 11pt;
						padding: 5px 0 5px 27px;
					}

				#mn0 {
					background: url("/_component/boomerang.png") 8px 6px no-repeat;
				}

				#mn1 {
					background: url("/_component/roto.png") 8px 6px no-repeat;
				}

				#mn2 {
					background: url("/_component/wing.png") 8px 5px no-repeat;
					padding-left: 28px;
				}

				#mn3 {
					background: url("/_component/last_key.png") 8px 5px no-repeat;
				}

				#mn4 {
					background: url("/_component/usamimi.png") 8px 6px no-repeat;
				}

				#mn5 {
					background: url("/_component/medal.png") 8px 6px no-repeat;
				}

				#mn6 {
					background: url("/_component/herb.png") 8px 5px no-repeat;
				}

				#mn7 {
					background: url("/_component/turban.png") 8px 5px no-repeat;
				}

				#mn8 {
					background: url("/_component/animal_doll.png") 8px 5px no-repeat;
				}

				#mn9 {
					background: url("/_component/slime.png") 8px 5px no-repeat;
				}

				#mn10 {
					background: url("/_component/golem.png") 8px 5px no-repeat;
				}

				#mn11 {
					background: url("/_component/philosopher_staff.png") 8px 5px no-repeat;
				}

					#menu ul {
						list-style-type: none;
					}

					#menu ol {
						margin-left: 0;
					}

	#menuLeft,#menuRight {
		width: 180px;
	}

	#menuLeftWrapper {
		float: left;
		margin-right: 5px;
	}

	#menuRightWrapper {
		float: left;
	}

	#counter {
		clear:both;
		text-align:right;
		color: #666666;
	}

/* toggle bar */
#togglebar {
	display: none;
	background: url("/_component/menutoggle/allowright1.png") top left repeat-y;
}

/* footer */
#footerWrapper {
	background: #99CC00;
	clear: both;
}

	#footer {
		color: #FFFFFF;
		font-size: 9pt;
		padding-top: 3px;
		text-align: right;
	}

		#footer a {color:#FFFFFF; text-decoration: none;}
		#footer a:hover {text-decoration: underline;}

/* Top page layout*/
#layouttableleft form,#layouttableleft ul,#layouttablecenter ul,#layouttableright ul,#shita ul{
	margin-bottom: 1em;
}

#layouttableleft ul ul,#layouttablecenter ul ul{
	margin-bottom: 0em;
}

#layouttablecenter,#layouttableright{
	padding-left: 10px;
}

#shita {
	margin-top: -395px;
	width: 33.3%;
}

/* table but flex */
table.noflexme {
	margin-left: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

	table.noflexme th{
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		color: #330000;
		background-color: #EEEEEE;
		padding: 0.1em 1em;
		text-align: center;
	}

	table.noflexme td{
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
			padding: 0.1em 1em;
	}

.odd {
	background: #F9F9FF;
}