@charset "euc-jp";
#mainContents div.row:after,
#mainContents div.loginObj div:after,
#mainContents div.lessonObj dl:after,
#mainContents div.revueObj dl:after,
#mainContents div.profileObj:after,
#mainContents div.listObj div.foot:after,
#mainContents div.listObj div.head:after,
#mainContents ul.tab:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mainContents div.row,
#mainContents div.loginObj div,
#mainContents div.lessonObj dl,
#mainContents div.revueObj dl,
#mainContents div.profileObj,
#mainContents div.listObj div.foot,
#mainContents div.listObj div.head,
#mainContents ul.tab {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}


/* MAINCONTENTS */
#mainContents {}
	#mainContents h1 {
		background: url(../images/title.gif) no-repeat left top;
	}
	#mainContents h1.tutor {
		background: url(../images/title_tutor.gif) no-repeat left top;
	}
	#mainContents h1.lesson {
		background: url(../images/title_lesson.gif) no-repeat left top;
	}

	#mainContents div.preconditionObj {
		margin: 0 11px;
	}
	#mainContents ul.tab {
		height: 34px;
		margin-bottom: 1px;
	}
	#mainContents ul.tab li {
		margin-right: 3px;
		width: 107px;
		height: 34px;
		float: left;
	}
		#mainContents ul.tab li a {
			width: 107px;
			height: 34px;
			/*\*//*/
			padding-bottom: 34px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#mainContents ul.tab li.li1 a {
			background: url(../images/tab_01.gif) no-repeat left top;
		}
		#mainContents ul.tab li.li1 a.active {
			background: url(../images/tab_01_a.gif) no-repeat left top;
		}
		#mainContents ul.tab li.li2 a {
			background: url(../images/tab_02.gif) no-repeat left top;
		}
		#mainContents ul.tab li.li2 a.active {
			background: url(../images/tab_02_a.gif) no-repeat left top;
		}
	#mainContents div.precondition div.more {
		border-top: solid 1px #d6d4aa;
		margin-top: 9px;
		padding-top: 9px;
	}
	#mainContents div.precondition div.more p.add {
		background: url(../images/arrow_s.gif) no-repeat left center;
		padding-left: 10px;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
	}
	#mainContents div.precondition div.more p {
		padding-left: 10px;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
	}
	#mainContents div.precondition p.more {
		background-color: #ffffff;
		border: solid 1px #d6d4aa;
		margin-bottom: 14px;
		padding: 3px;
		text-align: center;
	}
	#mainContents div.precondition .note {
		color: #666666;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
	}
	#mainContents div.precondition table {
		border: solid 1px #d6d4aa;
		border-collapse: collapse;
		margin-bottom: 14px;
		width: 573px;
	}
	#mainContents div.precondition th {
		background-color: #fbf7d7;
		border-top: solid 1px #d6d4aa;
		border-bottom: solid 1px #d6d4aa;
		padding: 12px;
		text-align: left;
		font-weight: normal;
		width: 100px;
		/*\*//*/
		width: 124px;
		/**/
	}
	#mainContents div.precondition td {
		border-top: solid 1px #d6d4aa;
		border-bottom: solid 1px #d6d4aa;
		padding: 9px;
		text-align: left;
		font-weight: normal;
	}
	#mainContents div.precondition table.layout {
		border: none;
		margin: 0;
		width: auto;
	}
	#mainContents div.precondition table.layout th {
		background-color: none;
		border: none;
		padding: 0 5px 0 0;
	}
	#mainContents div.precondition table.layout td {
		background-color: none;
		border: none;
		padding: 0 15px 0 0;
	}
	#mainContents div.submit {
		margin-bottom: 14px;
		text-align: center;
	}

#more-target {
	display: none;
}

	#mainContents div.listObj {
		margin: 0 11px;
	}
	#mainContents div.listObj div.head {}
		#mainContents div.listObj div.div1 {
			float: left;
		}
		#mainContents div.listObj div.div2 {
			text-align: right;
			float: right;
		}
	#mainContents div.listObj div.head p {
		margin-bottom: 6px;
	}
	#mainContents div.listObj div.head p strong {
		color: #f6a900;
		font-size: 16px;
		/*\*/
		*font-size: 130%;
		/**/
	}
	#mainContents div.listObj table {
		border: solid 1px #d6d4aa;
		border-collapse: collapse;
		margin-bottom: 14px;
		width: 573px;
	}
	#mainContents div.listObj th {
		background-color: #fbf7d7;
		border-top: solid 1px #d6d4aa;
		border-bottom: solid 1px #d6d4aa;
		text-align: left;
		font-weight: normal;
		white-space: nowrap;
		width: 86px;
		padding: 7px;
		/*\*//*/
		/**/
	}
	#mainContents div.listObj td {
		background-color: #ffffff;
		border-top: solid 1px #d6d4aa;
		border-bottom: solid 1px #d6d4aa;
		text-align: left;
		font-weight: normal;
		padding: 12px;
		width: 112px;
		/*\*//*/
		/**/
	}
	#mainContents div.listObj td.colspan3 {
		width: 349px;
	}
	#mainContents div.listObj td.photo {
		vertical-align: top;
		width: 76px;
	}

	#mainContents div.profileObj {
		margin: 0 11px 30px 11px;
	}
	#mainContents div.profileObj div.div1 {
		width: 150px;
		float: left;
	}
		#mainContents div.profileObj div.div1 div.voice,
		#mainContents div.profileObj div.div1 div.photo {
			margin-bottom: 12px;
			text-align: center;
		}
		#mainContents div.profileObj div.div1 li {
			margin-bottom: 10px;
			line-height: 0;
			font-size: 0;
		}

	#mainContents div.profileObj div.div2 {
		width: 413px;
		float: right;
	}
		#mainContents div.profileObj div.div2 table {
			border: solid 1px #d6d4aa;
			border-collapse: collapse;
			width: 100%;
		}
		#mainContents div.profileObj div.div2 th {
			background-color: #fbf7d7;
			border-top: solid 1px #d6d4aa;
			border-bottom: solid 1px #d6d4aa;
			padding: 12px;
			text-align: left;
			font-weight: normal;
			width: 100px;
			/*\*//*/
			width: 124px;
			/**/
		}
		#mainContents div.profileObj div.div2 td {
			border-top: solid 1px #d6d4aa;
			border-bottom: solid 1px #d6d4aa;
			padding: 9px;
			text-align: left;
			font-weight: normal;
		}
		#mainContents div.profileObj .note {
			color: #666666;
			font-size: 10px;
			/*\*/
			*font-size: 80%;
			/**/
		}

	#mainContents div.careerObj {
		margin: 0 11px 30px 11px;
	}
		#mainContents div.careerObj h2 {
			background: url(../images/hed_career.gif) no-repeat left top;
			margin-bottom: 9px;
			width: 573px;
			height: 26px;
			/*\*//*/
			padding-bottom: 26px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
		}
		#mainContents div.careerObj h3 {
			margin-bottom: 9px;
			width: 138px;
			height: 23px;
			/*\*//*/
			padding-bottom: 23px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
		}
		#mainContents div.careerObj h3.hed1 {
			background: url(../images/hed_career_s1.gif) no-repeat left top;
		}
		#mainContents div.careerObj h3.hed2 {
			background: url(../images/hed_career_s2.gif) no-repeat left top;
		}
		#mainContents div.careerObj h3.hed3 {
			background: url(../images/hed_career_s3.gif) no-repeat left top;
		}
		#mainContents div.careerObj div {
			background: url(../images/lin_dot.gif) no-repeat left bottom;
			padding: 12px 0 9px 0;
		}

	#mainContents div.messageObj {
		margin: 0 11px 30px 11px;
	}
		#mainContents div.messageObj h2 {
			background: url(../images/hed_message.gif) no-repeat left top;
			margin-bottom: 9px;
			width: 573px;
			height: 26px;
			/*\*//*/
			padding-bottom: 26px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
		}
		#mainContents div.messageObj h3 {
			margin-bottom: 9px;
			width: 138px;
			height: 23px;
			/*\*//*/
			padding-bottom: 23px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
		}
		#mainContents div.messageObj h3.hed1 {
			background: url(../images/hed_message_s1.gif) no-repeat left top;
		}
		#mainContents div.messageObj h3.hed2 {
			background: url(../images/hed_message_s2.gif) no-repeat left top;
		}
		#mainContents div.messageObj h3.hed3 {
			background: url(../images/hed_message_s3.gif) no-repeat left top;
		}
		#mainContents div.messageObj div {
			background: url(../images/lin_dot.gif) no-repeat left bottom;
			padding: 12px 0 9px 0;
		}

	#mainContents div.revueObj {
		margin: 0 11px 30px 11px;
	}
		#mainContents div.revueObj h2 {
			background: url(../images/hed_revue.gif) no-repeat left top;
			width: 573px;
			height: 26px;
			/*\*//*/
			padding-bottom: 26px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
		}
		#mainContents div.revueObj dl {
			background: url(../images/lin_dot.gif) no-repeat left bottom;
			padding: 12px 0 9px 15px;
		}
		#mainContents div.revueObj dt {
			margin-right: 21px;
			color: #ec6841;
			font-weight: bold;
			float: left;
		}
		#mainContents div.revueObj dd {
			float: left;
		}

	#mainContents div.submitObj {
		margin: 0 11px 30px 11px;
	}
		#mainContents div.submitObj div.box {
			background: url(../images/bg_submit.gif) no-repeat left top;
			margin-bottom: 3px;
			width: 573px;
			height: 72px;
			text-align: center;
		}
		#mainContents div.submitObj div.box img {
			margin-top: 15px;
		}
		#mainContents div.submitObj p {
			text-align: right;
		}

	#mainContents div.lessonObj {
		margin: 0 11px 0 11px;
	}
		#mainContents div.lessonObj h2 {
			background: url(../images/hed_lesson.gif) no-repeat left top;
			width: 573px;
			height: 26px;
			/*\*//*/
			padding-bottom: 26px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
		}
		#mainContents div.lessonObj h2.head2 {
			background: url(../images/hed_lesson2.gif) no-repeat left top;
		}
		#mainContents div.lessonObj h3 {
			margin-bottom: 8px;
			font-size: 14px;
			/*\*/
			*font-size: 120%;
			/**/
		}
		#mainContents div.lessonObj div {
			background: url(../images/lin_dot.gif) no-repeat left bottom;
			padding: 8px 0 9px 12px;
		}

		#mainContents div.lessonObj dt {
			float: left;
		}
		#mainContents div.lessonObj dd {
			width: 463px;
			float: right;
		}

	#mainContents div.loginObj {
		background: url(../images/bg_login_b.gif) no-repeat left bottom;
		background-color: #f4f2d2;
		margin: 0 11px 15px 11px;
	}
		#mainContents div.loginObj div {
			background: url(../images/bg_login_t.gif) no-repeat left top;
			padding: 10px 12px 9px 12px;
		}
		#mainContents div.loginObj p.p1 {
			float: left;
		}
		#mainContents div.loginObj p.p2 {
			float: right;
		}

	#mainContents div.lessonprObj {
		margin: 0 9px 21px 9px;
	}
		#mainContents div.lessonprObj h2 {
			background: url(../images/hed_lessonpr.gif) no-repeat left top;
			margin-bottom: 12px;
			width: 573px;
			height: 26px;
			/*\*//*/
			padding-bottom: 26px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
		}
		#mainContents div.lessonprObj p {
			margin-bottom: 9px;
		}

	#mainContents div.tutorObj {
		margin: 0 11px 30px 11px;
	}
		#mainContents div.tutorObj h2 {
			background: url(../images/hed_tutor.gif) no-repeat left top;
			margin-bottom: 12px;
			width: 573px;
			height: 26px;
			/*\*//*/
			padding-bottom: 26px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
		}
		#mainContents div.tutorObj div.div1 {
			width: 150px;
			float: left;
		}
	
		#mainContents div.tutorObj div.div2 {
			width: 413px;
			float: right;
		}
			#mainContents div.tutorObj div.div2 table {
				border: solid 1px #d6d4aa;
				border-collapse: collapse;
				width: 100%;
			}
			#mainContents div.tutorObj div.div2 th {
				background-color: #fbf7d7;
				border-top: solid 1px #d6d4aa;
				border-bottom: solid 1px #d6d4aa;
				padding: 12px;
				text-align: left;
				font-weight: normal;
				width: 100px;
				/*\*//*/
				width: 124px;
				/**/
			}
			#mainContents div.tutorObj div.div2 td {
				border-top: solid 1px #d6d4aa;
				border-bottom: solid 1px #d6d4aa;
				padding: 9px;
				text-align: left;
				font-weight: normal;
			}
			#mainContents div.tutorObj .note {
				color: #666666;
				font-size: 10px;
				/*\*/
				*font-size: 80%;
				/**/
			}

	#mainContents div.errorObj {
		border: solid 1px #e71f19;
		background-color: #f9f9f9;
		margin: 0 11px 15px 11px;
		padding: 12px;
		color: #e71f19;
	}
		#mainContents div.errorObj p {
			text-align: center;
			font-weight: bold;
		}