@charset "utf-8";


/*===================================================================
	reset
===================================================================*/

body,form,table,tr,th,td,div,p,ul,ol,dl,li,h1,h2,h3,h4,h5,dl,dt,dd {
	border:0px;
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1.60;
}

body {
	color:#F2F2F2;
	text-align:center;
	font-size:100%;
	line-height:1.60;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
	background:#000 url(../img/body_bg.jpg) repeat-x 0 0;
}

h1,h2,h3,h4,h5 { font-weight:normal; }
em { font-style:normal;font-weight:900;margin:0 1px; }
strong { font-weight:normal; }
th { font-style:normal;font-weight:normal; }
div { text-align:left; }
img { border:0;vertical-align:top; }
.must { color:#CC0000; }

a			{ outline:none; }
a:link		{ color:#F2F2F2;text-decoration:none; }
a:visited	{ color:#F2F2F2;text-decoration:none; }
a:hover		{ color:#9E2C22;text-decoration:underline; }

.f9  { font-size:57%; }
.f10 { font-size:63%; }
.f11 { font-size:69%; }
.f12 { font-size:75%; }
.f13 { font-size:82%; }
.f14 { font-size:88%; }
.f15 { font-size:94%; }
.f16 { font-size:100%; }
.f17 { font-size:107%; }
.f18 { font-size:113%; }
.f19 { font-size:119%; }
.f20 { font-size:125%; }
.f21 { font-size:132%; }
.f22 { font-size:138%; }
.f23 { font-size:144%; }
.f24 { font-size:150%; }
.big { font-size:250%; }


/*===================================================================
	common styles
===================================================================*/

h3 {
	clear:both;
	color:#FCBE00;
	font-size:150%;
	padding:30px 0 0 20px;
	font-weight:600;
}

h3.sp0 {
	clear:both;
	color:#FCBE00;
	font-size:150%;
	padding:30px 0 0 0;
	font-weight:600;
}

h4 {
	clear:both;
	color:#FCBE00;
	font-size:150%;
	padding:0 0 0 0;
	font-weight:600;
}

.msg {
	margin:25px 20px;
}

.msg_b {
	margin:25px 20px;
	font-weight:600;
	font-size:107%;
}

.msg_bb {
	margin:25px 0;
	font-weight:600;
	font-size:107%;
}

.msg_y {
	margin:25px 20px;
	color:#FCBE00;
}

.clear { clear:both; }
img.clear { clear:both;display:block; }
.cmt { padding-top:10px; }
.cmtR { text-align:right;padding-right:8px; }

#pageNavi { text-align:center;padding-bottom:15px; }
#pageNavi a:link	{ color:#fff;text-decoration:none; }
#pageNavi a:visited	{ color:#fff;text-decoration:none; }
#pageNavi a:hover	{ color:#EB9916;text-decoration:underline; }

#container_head {
	clear:both;
	width:100%;
	text-align:center;
	background:transparent url(../img/head_bg.jpg) no-repeat 50% 100%;
}

	#content_head {
		clear:both;
		width:1017px;
		margin:0 auto;
		text-align:center;
	}

		#pageHome #content_head { height:374px; }

		#content_head #head {
			clear:both;
			height:103px;
		}

			#content_head #head #head_left {
				float:left;
				width:190px;
			}

			#content_head #head #head_right {
				float:left;
				width:825px;
				height:103px;
				padding:0 0 0 14px;
				background:transparent url(../img/head_right_bg.jpg) no-repeat 0 0;
				voice-family:"\"}\"";voice-family:inherit;
				width:811px;
			}

			#content_head #head #head_right p {
				height:71px;
				padding-top:19px;
				voice-family:"\"}\"";voice-family:inherit;
				height:52px;
			}

				#content_head #head #head_right p .dream { margin-left:70px; }
				#content_head #head #head_right p .other { margin-left:7px; }
				#content_head #head #head_right p .tel { margin-left:57px; }
				#content_head #head #head_right p .inq { margin-left:10px; }

			#content_head #head #head_right #headline {
				height:31px;
			}

			/*=================== 2010/07/16 会員ログイン部分変更 start  ===================*/

			#content_head #head #head_right2 {
				float:right;
				width:825px;
				height:103px;
				padding:0 0 0 14px;
				background:transparent url(../img/head_right_bg_new.jpg) no-repeat 0 0;
				voice-family:"\"}\"";voice-family:inherit;
				width:811px;
			}

			#content_head #head #head_right2 p {
				height:71px;
				padding-top:19px;
				voice-family:"\"}\"";voice-family:inherit;
				height:52px;
			}

				#content_head #head #head_right2 p .login { margin-left:255px; }
				#content_head #head #head_right2 p .tel { margin-left:45px; }
				#content_head #head #head_right2 p .inq { margin-left:10px; }

			#content_head #head #head_right2 #headline {
				height:31px;
			}

			/*=================== 2010/07/16 会員ログイン部分変更 end  ===================*/

		#content_head #flash {
			clear:both;
			height:200px;
		}

		#content_head #menu {
			clear:both;
			height:71px;
		}
#container_mid {
	clear:both;
	width:100%;
	text-align:center;
	padding-top:20px;
	background:#A59F97 url(../img/mid_bg.jpg) no-repeat 50% 0;
	font-size:88%;
}

	#content_mid {
		clear:both;
		width:1017px;
		margin:0 auto 0 auto;
		padding:0 0 40px 0;
		text-align:center;
		background:#A59F97 url(../img/content_mid_bg.jpg) repeat-y 0 0;
		voice-family:"\"}\"";voice-family:inherit;
		width:1017px;
	}

		#content_mid .full_msg {
			clear:both;
			width:910px;
			margin:0 auto 10px auto;
		}

		#content_mid #left_menu {
			float:left;
			width:243px;
			padding:15px 0 0 33px;
			text-align:center;
			voice-family:"\"}\"";voice-family:inherit;
			width:210px;
		}

			#content_mid #left_menu #left_blog {
				margin:25px 0;
				padding:0 0 10px 0;
				background:transparent url(../img/leftMn_blog_bg.gif) no-repeat 0 100%;
				text-align:center;
			}

			#content_mid #left_menu #left_blog img {
				margin:10px 0 0 0;
			}

			#content_mid #left_menu #left_blog h2 img {
				margin:0 0 0 0;
			}

			#content_mid #left_menu #left_txtlink {
				margin:25px 0 0 0;
			}

				#content_mid #left_menu #left_txtlink a {
					line-height:30px;
				}

		#content_mid #content_main {
			position:relative;
			float:left;
			width:745px;
			padding:15px 0 0 30px;
			voice-family:"\"}\"";voice-family:inherit;
			width:715px;
		}

#container_foot {
	clear:both;
	text-align:center;
	width:100%;
	border-top:1px solid #64503C;
	background:#1E140F url(../img/foot_bg.jpg) no-repeat 50% 0;
}

	#content_foot {
		clear:both;
		text-align:center;
	}

	#content_foot #footSet {
		clear:both;
		width:960px;
		margin:0 auto;
		font-size:88%;
	}

		#content_foot #footSet .goTop {
			clear:both;
			width:960px;
			height:50px;
			padding-top:4px;
			text-align:right;
		}

		#content_foot #footSet  #foot_pr {
			clear:both;
			width:960px;
			height:270px;
		}

			#content_foot #footSet #foot_beginner {
				float:left;
				width:394px;
				height:246px;
				background:transparent url(../img/foot_beginner_bg.jpg) no-repeat 0 0;
			}

				#content_foot #footSet #foot_beginner p {
					color:#53463E;
					width:214px;
					padding-left:29px;
					line-height:1.50;
					voice-family:"\"}\"";voice-family:inherit;
					width:187px;
				}

				#content_foot #footSet #foot_beginner p img {
					margin-top:11px;
				}

			#content_foot #footSet #foot_mailmag {
				float:left;
				width:565px;
				height:246px;
				background:transparent url(../img/foot_mailmag_bg.gif) no-repeat 0 0;
			}

				#content_foot #footSet #foot_mailmag .mailmagFrm1 .inputMail {
					width:280px;
					height:16px;
					margin:7px 0 0 128px;
				}

				#content_foot #footSet #foot_mailmag .mailmagFrm1 input#submit1 {
					width:121px;
					height:24px;
					padding:0;
					margin:7px 0 0 7px;
					border:none;
					background:transparent url(../img/mailmag_submitBtn0.jpg) no-repeat;
				}

	#content_foot #copyRight {
		clear:both;
		width:960px;
		margin:0 auto;
		padding:35px 0 25px 0;
		color:#CFAB9A;
		text-align:center;
		font-size:82%;
	}

/*===================================================================
	top page
===================================================================*/

	#content_mid #content_main #topWhatsNew {
		float:left;
		width:425px;
		height:1250px;
		background:transparent url(../../img_top/topWhatsNew_bg.gif) no-repeat 0 100%;
	}

		#pageHome #content_main #topWhatsNew iframe {
			position:relative;
			top:0px;
			left:7px;
		}

	#content_mid #content_main #topContentRight {
		position:relative;
		top:-12px;
		left:0;
		float:left;
		width:290px;
		height:925px;
	}

		#content_mid #content_main #topContentRight #topJisseki {
			clear:both;
			margin:12px 0 5px 0;
			height:719px;
			background:transparent url(../../img_top/jisseki_bg.gif) no-repeat 0 100%;
		}

		#pageHome #content_main #topContentRight iframe {
			position:relative;
			top:0px;
			left:17px;
		}




/*===================================================================
	beginner styles
===================================================================*/


	#dtc4info_set {
		clear:both;
		margin:0 20px 15px 20px;
		padding:3px;
		border:1px solid #FCBE00;
	}

		#dtc4info_set #dtc4info_txt {
			padding:0 30px 30px 30px;
			border:1px solid #5A5A5A;
			background-color:#191919;
		}

		#dtc4info_set #dtc4info_txt h4 {
			margin-top:20px;
		}

		#dtc4info_set #dtc4info_txt p {
			margin-top:20px;
		}

	#dtc4info_set h3 em,
	#dtc4info_set h4 em {
		font-size:144%;
		font-weight:600;
		margin:0 7px;
	}

.courseInfo {
	clear:both;
	margin:10px 35px 25px 35px;
	padding:0 0 10px 0;
	background-color:#282828;
}

	.courseInfo h4 {
		background-color:#A73200;
		padding:1px;
		font-size:113%;
	}

		.courseInfo h4 em {
			color:#fff;
			display:block;
			background-color:#762503;
			margin:0;
			padding:0 20px;
			font-size:113%;
		}

			.courseInfo h4 em a {
				float:right;
			}

		.courseInfo h4 strong {
			margin:0;
			padding:0 20px;
			font-weight:600;
			color:#FCFF00;
		}

	.courseInfo h5 {
		font-size:113%;
		font-weight:600;
	}

	.courseInfo p {
		padding:10px 20px 0 20px;
	}

	.courseInfo .courseSP {
		color:#E5E506;
		padding:0 20px 0 20px;
	}

	.staffInfo {
		clear:both;
		width:615px;
		margin:10px 35px 25px 20px;
		padding:10px 15px 3px 15px;
		background-color:#282614;
		border:1px solid #C0B679;
	}

		.staffInfo h4 {
			margin:0;
			padding:0 20px 0 0;
			float:left;
			width:100px;
			color:#fff;
			font-size:100%;
			text-align:center;
		}

		.staffInfo h4 img {
			margin-bottom:3px;
		}

		.staffInfo .staffMsg {
			float:left;
			width:490px;
		}

		.staffInfo .staffMsg a			{ display:block;padding:3px 0 6px 0; }
		.staffInfo .staffMsg a:link		{ color:#EB9916;text-decoration:underline; }
		.staffInfo .staffMsg a:visited	{ color:#EB9916;text-decoration:underline; }
		.staffInfo .staffMsg a:hover	{ color:#FCBE00;text-decoration:none; }


/*===================================================================
	course styles
===================================================================*/


table#courseTbl {
	margin:0;
	padding:0;
	border-collapse:collapse;
	background-color:#000;
}

	table#courseTbl th.ttl {
		padding:5px;
		color:#fff;
		font-weight:700;
		line-height:1.20;
		background-color:#653A1E;
		vertical-align:middle;
		text-align:center;
		border:1px solid #000;
	}

	table#courseTbl th.courseName {
		padding:2px 3px;
		color:#fff;
		font-weight:700;
		line-height:1.20;
		background-color:#463232;
		vertical-align:middle;
		text-align:center;
		border:1px solid #000;
	}

	table#courseTbl td.ok {
		font-size:260%;
		font-weight:900;
		line-height:1.20;
		padding:2px 3px;
		color:#fff;
		background-color:#323232;
		vertical-align:middle;
		text-align:center;
		border:1px solid #000;
		
	}

	table#courseTbl td.no {
		font-size:250%;
		font-weight:900;
		line-height:1.20;
		padding:2px 3px;
		color:#646464;
		background-color:#323232;
		vertical-align:middle;
		text-align:center;
		border:1px solid #000;
	}

.courseInfoMsg {
	width:664px;
	margin:1px 0 35px 0;
	padding:15px 20px;
	background-color:#323232;
}

	.courseInfoMsg em {
		font-size:107%;
		font-weight:bold;
		display:block;
	}



/*===================================================================
	entry styles
===================================================================*/


#pageEntry #pageNavi { text-align:right;padding-top:0; }

.entryInfoMsg {
	color:#cc0000;
	line-height:1.40;
}

.entryInfoMsg2 {
	color:#fff;
	line-height:1.40;
	padding:15px 0 0 0;
}

#pageEntry form {
	text-align:center;
	padding-bottom:100px;
}

	table.entryTbl {
		width:660px;
		margin:0 20px 10px 20px;
		padding:0;
		border-collapse:collapse;
		background-color:#000;
	}

		table.entryTbl th {
			width:180px;
			padding:8px 15px;
			color:#fff;
			background-color:#463232;
			vertical-align:middle;
			text-align:left;
			border:1px solid #000;
		}

		table.entryTbl th span {
			color:#ff0000;
			margin-left:3px;
		}

		table.entryTbl td {
			padding:8px 15px;
			color:#fff;
			background-color:#323232;
			vertical-align:middle;
			border:1px solid #000;
			text-align:left;			
		}

			table.entryTbl td a:link	{ color:#EB9916;text-decoration:underline; }
			table.entryTbl td a:visited	{ color:#EB9916;text-decoration:underline; }
			table.entryTbl td a:hover	{ color:#EB9916;text-decoration:none; }

	form input.send {
		padding:7px 40px;
		font-size:14px;
		margin:10px 0;
		font-weight:600;
		color:#cc0000;
	}

	form input.reset {
		padding:7px 40px;
		font-size:14px;
		margin:10px 0 10px 8px;
	}

#entryFlow {
	margin:0 0 25px 0;
}



/*===================================================================
	entry styles
===================================================================*/


#pagePerformance h3 {
 	padding-left:0;
	padding-bottom:5px;
}

#pagePerformance #jisekiInfo {
	width:706px;
	margin:0 0 5px 0;
}

	#pagePerformance #jisekiInfo td {
		border:1px solid #000;
		background-color:#2B2B2B;
		line-height:1.30;
		padding:0 5px;
	}



/*===================================================================
	ather styles
===================================================================*/


form#ather {
	text-align:center;
	padding-bottom:100px;
}

	table.atherTbl {
		width:660px;
		margin:0 20px 10px 20px;
		padding:0;
		border-collapse:collapse;
		background-color:#000;
	}

		table.atherTbl th {
			width:180px;
			padding:8px 15px;
			color:#fff;
			background-color:#394B57;
			vertical-align:middle;
			text-align:left;
			border:1px solid #000;
		}

		table.atherTbl th span {
			color:#D91113;
			margin-left:3px;
		}

		table.atherTbl td {
			padding:8px 15px;
			color:#fff;
			background-color:#323232;
			vertical-align:middle;
			border:1px solid #000;
			text-align:left;
		}

			table.atherTbl td a:link	{ color:#EB9916;text-decoration:underline; }
			table.atherTbl td a:visited	{ color:#EB9916;text-decoration:underline; }
			table.atherTbl td a:hover	{ color:#EB9916;text-decoration:none; }

	form#ather input.send {
		padding:7px 40px;
		font-size:14px;
		margin:10px 0;
		font-weight:600;
		color:#cc0000;
	}

	form#ather input.reset {
		padding:7px 40px;
		font-size:14px;
		margin:10px 0 10px 8px;
	}

	table.tbl {
		width:660px;
		margin:0 20px 10px 20px;
		padding:0;
		border-collapse:collapse;
		background-color:#000;
	}

		table.tbl th {
			width:180px;
			padding:8px 15px;
			color:#fff;
			background-color:#392D37;
			vertical-align:middle;
			text-align:left;
			border:1px solid #000;
		}

		table.tbl th span {
			color:#D91113;
			margin-left:3px;
		}

		table.tbl td {
			padding:8px 15px;
			color:#fff;
			background-color:#323232;
			vertical-align:middle;
			border:1px solid #000;
			text-align:left;
		}

			table.tbl td a:link		{ color:#EB9916;text-decoration:underline; }
			table.tbl td a:visited	{ color:#EB9916;text-decoration:underline; }
			table.tbl td a:hover	{ color:#EB9916;text-decoration:none; }

.companyMsg {
	border:2px solid #9A7400;
	padding:2px;
	margin:0 23px;
}

	.companyMsgIn {
		border:1px solid #9A7400;
		padding:25px 30px;
	}

	.companyMsgIn h4 {
		line-height:1.40;
		padding-bottom:25px;
	}

	.companyMsgIn p {
		padding-bottom:25px;
	}

	.companyMsgIn p.sine {
		padding-bottom:0;
		text-align:right;
	}

.privacyBox {
	border:2px solid #323232;
	padding:0 30px 5px 30px;
	margin:0 23px;
}

	.privacyBox h3 {
		font-size:113%;
		margin:35px 0 10px 0;
		padding:0 0 3px 0;
		border-bottom:1px dotted #6B5100;
	}

	.privacyBox .msg {
		padding-top:0px;
		margin-top:5px;
	}


/*===================================================================
	clear fix
===================================================================*/

#content_head:after,
#content_mid:after,
#content_foot:after,
#content_foot #footSet:after,
#pageInfo:after,
.staffInfo:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}