@charset "utf-8";

/* ****************************************************************************



　recruit.css



-------------------------------------------------------------------------------

　01. talent-lead
　02. detail-section
　03. flow-bg
　04. privilege-ico
　05. gray-line-box
　06. answer-box
　07. teacher-voice
　08. lesson-area
　09. table

******************************************************************************* */


/* ==

　01. talent-lead

=============================================================================== */

#site-n-contents .section #talent-lead dl dt {
	font-weight:bold;
	font-size: 116%;
	margin-bottom:15px;
	line-height:160%;
}

#site-n-contents .section #talent-lead dl dd {
	font-size: 108%;
	line-height:160%;
}

#site-n-contents .section .talent-section h2 {
	font-size: 108% !important;
	margin-bottom:20px !important;
}

#site-n-contents .section .talent-section p {
	font-size:92.4%;
}

#site-n-contents .section .talent-section .title-text-box {
	padding-bottom:0 !important;
}


/* ==

　02. detail-section

=============================================================================== */

#site-n-contents .section .detail-section h2 {
	font-size: 108% !important;
	margin-bottom:20px !important;
}

#site-n-contents .section .detail-section .title-text-box {
	padding-bottom:0 !important;
}

#site-n-contents .section .detail-section table {
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
}

#site-n-contents .section .detail-section table td {
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:7px;
	text-align:center;
	font-size:85% !important;
	vertical-align:middle;
}

#site-n-contents .section .detail-section table .cell01 {
	background-color:#f2f2f2;
}

#site-n-contents .section .detail-section table .cell02 {
	background-color:#dddddd;
}

#site-n-contents .section .detail-section ul li {
	font-size:92.4%;
}

/* ==

　03. flow-bg

=============================================================================== */

#site-n-contents .section .flow-bg01 {
	background: url(/school/recruit/img/flow_bg_01.gif) no-repeat left bottom;
	/*width:513px;*/
	width:548px;
	height:11px;
}

#site-n-contents .section .flow-bg02 {
	padding:10px 10px 10px 6px;
	background:url(/school/recruit/img/flow_bg_02.gif) repeat-y;
	width:532px;
	_width:548px;
}

#site-n-contents .section .flow-bg03 {
	background:url(/school/recruit/img/flow_bg_03.gif) no-repeat;
	width:548px;
	height:21px;
}

#site-n-contents .section .flow-bg04 {
	background:url(/school/recruit/img/flow_bg_04.gif) no-repeat;
	width:548px;
	height:26px;
}

#site-n-contents .section .flow-bg05 {
	background:url(/school/recruit/img/flow_bg_05.gif) no-repeat;
	width:548px;
	height:27px;
}

#site-n-contents .section .flow-bg06 {
	background:url(/school/recruit/img/flow_bg_06.gif) no-repeat;
	width:548px;
	height:20px;
}

#site-n-contents .section .flow-bg07 {
	padding:10px 10px 10px 6px;
	background:url(/school/recruit/img/flow_bg_07.gif) repeat-y;
	/*width:497px;*/
	width:532px;
	_width:548px;
	text-align:center;
}

#site-n-contents .section .flow-bg08 {
	background:url(/school/recruit/img/flow_bg_08.gif) no-repeat;
	width:548px;
	height:20px;
}

#site-n-contents .section .flow-left {
	margin-right:9px;
	float:left;
	_display:inline;
	width:62px;
	font-size:0;
	line-height:0;
}

#site-n-contents .section .flow-right {
	float: right;
	_display:inline;
	width:461px;
}

#site-n-contents .section .flow-right h2 {
	color: #39A64C;
	font-weight:bold;
	padding:0 !important;
	background:none !important;
}

#site-n-contents .section .flow-right h3 {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}




#site-n-contents .section .flow {
	border: 1px solid #ddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 15px;
}

#site-n-contents .section .flow.last {
	color: #cf7010;
	background-color: #FEFDDE;
}


#site-n-contents .section .flow h2 {
	color: #39A64C;
	font-weight:bold;
	padding:0 !important;
	background:none !important;
}

#site-n-contents .section .flow h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
}

#site-n-contents .section .flow p:last-child {
	margin-bottom: 0;
}


/* ==

　04. privilege-ico

=============================================================================== */


#site-n-contents .privilege-ico .title,
#site-n-contents .privilege-ico-01 .title,
#site-n-contents .privilege-ico-02 .title,
#site-n-contents .privilege-ico-03 .title,
#site-n-contents .privilege-ico-04 .title,
#site-n-contents .privilege-ico-05 .title,
#site-n-contents .privilege-ico-06 .title,
#site-n-contents .privilege-ico-07 .title,
#site-n-contents .privilege-ico-08 .title,
#site-n-contents .privilege-ico-09 .title,
#site-n-contents .privilege-ico-10 .title {
	background-image: none !important;
	border: none !important;
}


/* ==

　05. gray-line-box

=============================================================================== */

#site-n-container .gray-line-box p {
	text-align: center;
}


#site-n-container .gray-line-box p.txt01 {
	color:#EA851F;
	padding: 0px !important;
}

/* ==

　06. answer-box

=============================================================================== */

#site-n-contents dl.answer-box dt span.txt-q {
	width: 488px;
}

#site-n-contents dl.answer-box dd span.txt-a {
	width: 488px;
}

/* ==

　07. teacher-voice

=============================================================================== */

#site-n-contents .section dl.teacher-voice dt {
	font-weight:bold;
	margin-bottom:5px;
}

#site-n-contents .section dl.teacher-voice dd {
	font-size:92.4% !important;
	line-height:150%;
}
/* ==

　08. lesson-area

=============================================================================== */

/*---clearFix ------------------*/
.clearfix:before,.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}



#site-n-contents .section .lesson-area {
	background-color:#f5eed7;
	padding: 10px;
	text-align: center;
}
/* .filter-block
-----------------------*/
#site-n-contents .section .filter-block{
	text-align:left;
	padding:10px 0 0;
}
#site-n-contents .section .filter-block .inner-title{
	margin:0;
	padding:0 0 10px;
	font-weight:bold !important;
}
#site-n-contents .section .filter-block li{
	float:left;
	font-size: 92.4%;
	line-height:1.5;

	padding:0 0 0 10px;
}
/*--- li clearFix ------------------*/
#site-n-contents .section .filter-block li:before,
#site-n-contents .section .filter-block li:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
#site-n-contents .section .filter-block li:after{clear: both;}
#site-n-contents .section .filter-block li{zoom: 1;}


#site-n-contents .section .filter-block li.item01{
	width:80px;
}
#site-n-contents .section .filter-block li.item02{
	width:190px;
}
#site-n-contents .section .filter-block li.item03{
	width:100px;
}
#site-n-contents .section .filter-block li.item04{
	width:200px;
}
#site-n-contents .section .filter-block li.item05{
	width:110px;
}


#site-n-contents .section .filter-block li input{
	width:15px;
	float:left;
}
#site-n-contents .section .filter-block li span{
	display:block;
	overflow:hidden;
	*zoom:1;
}


#site-n-contents .section .filter-block .caution{
	padding:7px 0 0 1em;
	margin:0;
}



/* ==

　09. table

=============================================================================== */
#site-n-contents #seminar-tbl table {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-top:25px;
}
#site-n-contents #seminar-tbl th,
#site-n-contents #seminar-tbl td {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding:10px;
	font-size:92.4%;
	line-height: 1.4;
}
#site-n-contents #seminar-tbl th,
#site-n-contents #seminar-tbl strong{
	font-weight: bold;
}
#site-n-contents #seminar-tbl th{
	width: 85px;
	background: #F2F2F2;
	text-align: left;
}

#site-n-contents #seminar-tbl td.title {
	color: #39A54C;
	font-size: 108%;
	background: #FDF8E7;
}

#site-n-contents #seminar-tbl table.date {
	margin:0;
	padding:0;
	border:0;
}

#site-n-contents #seminar-tbl table.date td{
	border:0;
	margin:0;
	padding:0 24px 6px 0;

	font-size:100%;
}