﻿@charset "UTF-8";

.container_leftMenu{
	width:160px ;
	height:auto ;
	float:left ;
}

.container_see{
	float:right ;
	font-size : 1.2em ;
	line-height:1.5em ;
	width:680px ;
	margin:0 auto 0 ;
	_position:relative ;
}
.container_interview{
	float:right ;
	font-size : 1.6em ;
	line-height:1.5em ;
	width:680px ;
	margin:0 auto 0 ;
	_position:relative ;
}
p.read{
	margin:10px 0 ;
	font-size:100%;
	color:#333;
	line-height:1.5em;
}

.see_top{
	padding-top:0px ;
	float:left ;
	clear: both ;
	width: 100%;	height:auto ;
}
.see_middel{
	float:left ;
	clear: both ;
	width: 100% ;	height:auto ;
	margin-bottom:20px;
}
.see_bottom{
	padding-bottom:30px ;
	float:left;
	clear: both;
	width: 100%;	height:100% ;
}

.see_1t{		background: url(../images/see_body_01.gif) left top no-repeat ;		}
.see_1m{		background: url(../images/see_body_02.gif) left top repeat-y ;		}
.see_1b{		background: url(../images/see_body_03.gif) left bottom no-repeat ;		}

.see_4t{		background: url(../images/see_body4_01.gif) left top no-repeat ;		}
.see_4m{		background: url(../images/see_body4_02.gif) left top repeat-y ;		}
.see_4b{		background: url(../images/see_body4_03.gif) left bottom no-repeat ;		}

.see_2t{		background: url(../images/see_body2_01.gif) left top no-repeat ;		}
.see_2m{		background: url(../images/see_body2_02.gif) left top repeat-y ;		}
.see_2b{		background: url(../images/see_body2_03.gif) left bottom no-repeat ;		}

.see_3t{		background: url(../images/see_body3_01.gif) left top no-repeat ;		}
.see_3m{		background: url(../images/see_body3_02.gif) left top repeat-y ;		}
.see_3b{		background: url(../images/see_body3_03.gif) left bottom no-repeat ;		}

/* aboutsee */

.contentsBoxDesc p{
	padding:0;	margin:0;
}
.contentsBoxDesc ul {
	padding-left: 15px;
	font-size:90%;
	margin-bottom: 6px;
	line-height:1.3em;
}
.contentsBoxDesc p.read{
	font-size:100%;
	font-weight:normal ;
	color:#222;
}
.contentsBoxDesc p.child{
	margin-top:10px;
	padding-top:5px;
	border-top:1px dotted #333;
	color:#333;
	font-size:80% ;
}


/* 研修ページヘッダー */
.SeeContentsTitle{
	float:left ;
	clear: both ;
	width: 100%;	height:auto ;
	margin: 6px 4px 6px 2px;
	*position:relative ;
	_width: 680px ; 
}


/*
　研修の詳細　表組みレイアウト
　各研修に共通
*/
.contentsBoxCols{
	clear:both ;
	float:left ;
	width:650px ;
	height:auto ;
	position:relative ;
	margin:0 ;
	padding:0 ;
}
.contentsBoxCols .contentsBoxTitle{
	width:650px ;
	height:auto ;
	margin-left:10px ;
	padding-top:20px ;
	border-bottom:1px solid #5386E3 ;
}

.contentsBoxCols .contentsBoxText{
	width:630px ;
	height:auto ;
	margin-top: 10px ;
	margin-left:20px ;
	font-size:1.4em ;
	line-height:1.5em ;
}

.contentsBoxCols .contentsBoxText p{
	font-size:1.0em ;
	line-height:1.4em ;
	margin-bottom:0.70em;
}
.contentsBoxCols .contentsBoxText p.MinusIndent{
	margin-left:1em;
	text-indent:-0.9em;

}

.contentsBoxCols .contentsBoxDesc{
	width:650px ;
	height:auto ;
}

.contentsBoxCols .contentsBoxCaption{
	width:650px ;
	height:auto ;
	margin-top: 30px ;
	margin-left:20px ;
	font-size:0.70em ;
	line-height:1.5em ;
}

.contentsBoxCols table{
	width:650px;
	_width:620px;
	margin-top: 10px ;
	margin-left:20px ;
	position: relative ;
	font-size:1.4em ;
}
.contentsBoxCols th,.contentsBoxCols td{
	line-height:1.7em;
	height:auto ;
}

.contentsBoxCols th{
	font-weight:bold;
	width:3.2em ;
	text-align:left ;
	padding-right:10px;
	
}
.contentsBoxCols td{
	width:550px;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
}

.contentsBoxCols dl{
	width:640px;
	margin-top: 10px ;
	margin-left:20px ;
	position: relative ;
	font-size:0.9em ;
}

.contentsBoxCols dt{
	font-weight:bold;
	line-height:1.5em;
	font-size:1.5em ;
}
.contentsBoxCols dd ul li{
	font-weight:normal;
	line-height:1.5em;
	padding-left:2.1em;
	font-size:1.2em ;
}

.contentsBoxCols dl.ImageTitle dt{
	margin-top:10px ;
}
.contentsBoxCols dl.ImageTitle dd{
	line-height:1.5em;
	margin-left:45px ;
	width:570px ;
}

.contentsBoxCols dd p.title{
	font-size:1.2em;
	font-weight:bold;
	color:#5386E3;
	margin-bottom:0;
	line-height:1.8em ;
}
.contentsBoxCols dd p.cap{
	font-size:1.1em;
	margin-left:15px;
	line-height:1.4em ;
}
.contentsBoxCols dd p.link{
	font-size:1.0em;
	line-height:1.3em ;
	margin-bottom:10px;
	padding-bottom:3px ;
	margin-right:10px;
	text-align:right ;
}
.contentsBoxDesc dl{
	_float:left ;
	_clear:both ;
}
dd.shift1{
	margin-top:10px;
	margin-left:15px;
	_float:left ;
}
.contentsBoxCols dd.shift1 p.title{
	color:#222;
	line-height:2em ;
}
.contentsBoxCols dd.shift1 p.cap{
	font-size:1.1em;
	margin-left:1.5em;
	line-height:1.4em ;
}


/*
　２コラム
　講師からのコメント
*/

.cntBC2{
	width: 670px;
	margin: 0 10px 6px 15px;
	height:auto ;
	position:relative ;
	clear:both ;
	_width: 685px;
	_margin: 0  0 6px 0 ;
}
.cntBC2 hr{
	border-bottom:1px solid #5386E3 ;
	clear:both ;
	height:1px;
	padding:0 ;
	margin:25px 0 ;
}
.col_L{
	width:120px;
	float:left ;
	clear:both ;
}
.col_R{
	width:500px ;
	float:right ;
	text-align:left ;
	margin-right:10px ;
	_margin-right:5px ;
	_position:relative ;
}

.col_L p.photo{
	clear:both;
	background:#fff;
	color:#333;
	width:120px;
	height:160px;
	margin:5px 10px 5px 5px;
	_margin:5px 0px 5px 15px;
	padding:5px;
	border:1px solid #c3c3c3;
}
.col_R p.namej{
	margin-top:10px;
	margin-bottom:2px;
	border-bottom:1px solid #5386E3 ;
	font-size:125%;
}
.col_R p.namee{
	color:#5386E3 ;
	font-weight:normal;
	letter-spacing:0.1em;
	margin-top:5px ;
	text-align:right ;
	font-size:1em;
}
.col_R p.coment{
	margin:15px 5px 0 5px;
	line-height:1.5em;
	text-align: justify;		text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}
.col_R p.profile{
	background:#E1E8F9 ;
	color:#333 ;
	width:auto;
	margin-top:15px;
	margin-bottom:15px;
	padding:10px;
	clear:both;
	font-size:1.0em;
	line-height:1.6em;
	text-align: justify;		text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}


#concept{
	width : 100%;
	height:auto ;
	float:left ;
}

#concept li{
	clear:both ;
	width: 100%;
	height:auto ;
	text-align:center ;
	margin-top:10px ;
	margin-bottom:10px ;
	float:left ;
}
#concept .image2{
	float:left ;
	height:auto ;
}
#concept .T10{	margin-top:10px ;	}
#concept .T20{	margin-top:20px ;	}
#concept .B10{	margin-bottom:10px ;	}
#concept .B20{	margin-bottom:20px ;	}
#concept .L10{	margin-left:10px ;	}
#concept .L20{	margin-left:20px ;	}

#concept .col3{
	width:100% ;
	height:auto ;
}
.col3 dl{
	display:block ;
	width:210px ;
	min-height:9em ;
	margin:5px ;
	padding:5px ;
	border:1px #000 solid ;
	float:left ;
}
.col3 dl dt{
	font-weight:bold ;
	line-height:2em;
	border-bottom:1px #000 solid ;
	margin-bottom:5px ;
}
.col3 dl dd{
	font-size:0.85em ;
	line-height:1.4em;
}

.col3 .c1{	background-color: #eff ;	}
.col3 .c2{	background-color: #fef ;	}
.col3 .c3{	background-color: #ffe ;	}



.contentsBoxColsX .contentsBoxTitle2 {
	width:414px;	height:auto ;
	margin:40px 25px 0 0;
	padding:0;
	_width:395px;
	_margin-right:10px;
	float:right;
	font-size:50px;
}


/*
　募集中の研修スケジュール
*/

ul.schedule_list{
	clear:both ;
}
ul.schedule_list li{
	width:700px ;
	height:52px ;
	line-height:52px ;
	padding-left:20px ;
	margin-bottom:10px ;
}

li.list_see{	background:url('../images/schedule_list_a.gif') top left  no-repeat ;	}
li.list_gen{	background:url('../images/schedule_list_d.gif') top left  no-repeat ;	}
li.list_2{	background:url('../images/schedule_list_b.gif') top left  no-repeat ;	}
li.list_3{	background:url('../images/schedule_list_c.gif') top left  no-repeat ;	}

ul.schedule_list li span.new{ 
	background-color:red ;
	color:#fff ;
	font-size:0.95em ;
	margin-right:5px ;
	padding:2px 5px  ;
	font-weight:bold ;
}

.mark{
	clear:both ;
	width:150px ;
	height:150px ;
	display:block ;
	float:left ;
	margin-left:20px ;
	margin-top:20px ;
	_margin-left:10px ;
	_position:relative ;
}
.msee{	background:url('../images/mark1.gif') top left  no-repeat ;	}
.csee{	background:url('../images/mark2.gif') top left  no-repeat ;	}
.mgen{	background:url('../images/mark4.gif') top left  no-repeat ;	}

.schedule{
	float:right ;
	width:495px ;
	*width:496px ;
	margin-top:20px;
	margin-right:5px ;
	_margin-right:0 ;
	_position:relative ;
}
.schedule table{
	_width:496px ;
}
.schedule table dl dt{
	_width:30px ;
}
.schedule table dl dd{
	_width:384px ;
}
.schedule th{
	width:130px ;
	*width:70px ;
	_width:70px ;
	color: #6488DF ;
	font-weight:bold ;
	font-size:1.3em ;
	*font-size:1.2em ;
	text-align:left ;
}
.schedule td p{
	line-height:1.5em;
}
.scheduleTitle{
	clear:both ;
}
.topTitle{
	border-bottom: 1px solid  #6488DF ;
	padding:10px 0  5px;
	margin-bottom:5px ;
	font-size:2.1em;
	font-weight:bold ;
	color: #6488DF ;
}
.titlecap{
	margin-bottom:10px ;
	display:block ;
	font-size:1.2em ;
}

.middle{
	line-height:40px ;
	background:url('../images/schedule_head.gif') top left  no-repeat ;
	text-align:center ;
	margin-top:15px ;
}
.schedule dl{
	clear:both ;
	float:left ;
	font-size:100% ;
	position: relative ;
	background:url('../images/schedule_foot.gif') bottom left  no-repeat ;
	padding-bottom:21px ;
	margin-bottom:10px ;
}
.schedule dt,.schedule dd{
	padding:0.75em 0 ;
	border-bottom: 1px solid #BDBDBD ;
	line-height:1.5em;
	height:auto ;
	display: block ;
}

.schedule dt{
	font-weight:bold;
	width:50px;
	*width:20px;
	_width:20px;
	text-align:center ;
	clear:both;
	float:left;
	padding:0 auto 0;
	border-left: 1px solid #BDBDBD ;
}
.schedule dd{
	font-weight:normal;
	width:358px;
	*width:397px;
	_width:355px;
	text-align:left ;
	margin-left:50px ;
	*margin-left: 0px ;
	_margin-left: 0px ;
	padding-left:10px ;
	*padding-left:0px ;
	border-left: 1px solid #BDBDBD ;
	border-right: 1px solid #BDBDBD ;
}
.schedule dd span.Y,.schedule dd span.M,.schedule dd span.D,.schedule dd span.W{
	margin-right:5px;
	*margin-right:2px;
	text-align:right ;
	display:block ;
	float:left ;
}

.schedule dd span.Y{	width:4em;	}
.schedule dd span.M{	width:2.5em;	}
.schedule dd span.D{	width:2.5em;	}
.schedule dd span.W{	width:auto;	}

.schedule dd ul ,
.schedule dd p{
	font-size:95%;
	line-height:1.5em;
	padding-bottom:1em;
	padding:0;
	color:#555;
	width:560px;
	_width:520px;

}
.schedule dd p.title{
	font-size:100%;
	font-weight:bold;
	color:#333;
	margin-bottom:0;
	width:560px;
	_width:520px;
}
.schedule dd p.link{
	margin-bottom:10px;
	padding-bottom:3px ;
	width:100%;
	text-align:right ;
	border-bottom:1px solid #ccc ;
}
.schedule dd ul li{
	font-weight:bold;
	color:#333;
	line-height:1.5em;
	font-size:100%;
}
.schedule dd ul li ul li{
	font-weight:normal;
	color:#000;
	line-height:1.5em;
	font-size:100%;
	padding-left:2.1em;
	color:#333;
}


#see_00 p{
	float:right;
	font-size:65%;
}

/*   interview用  */


.int_contentsBox dl{
	width:650px ;
	font-size:100% ;
	margin:10px ;
	float:left ;
	position: relative ;
	_width:620px ;
}
.int_contentsBox dt,.int_contentsBox dd{
	margin-top:0.75em;
	padding-top:0.75em;
	border-top: 1px solid #dadada;
	line-height:1.5em;
	height:auto;
	display: block;
}

.int_contentsBox dt{
	font-weight:bold;
	width:70px;
	text-align:right;
	clear:both;
	float:left;
	padding-right:10px;
	
}
.int_contentsBox dd{
	font-weight:normal;
	width:560px;
	_width:520px;
	text-align:left;
	margin-left:80px;
	_margin-left:70px;
	padding-left:10px;
}

.int_contentsBox dd ul ,
.int_contentsBox dd p{
	font-size:95%;
	line-height:1.5em;
	padding-bottom:1em;
	padding:0;
	color:#555;
	width:560px;
	_width:520px;

}
.int_contentsBox dd p.title{
	font-size:100%;
	font-weight:bold;
	color:#333;
	margin-bottom:0;
	width:560px;
	_width:520px;

}
.int_contentsBox dd ul li{
	font-weight:bold;
	color:#333;
	line-height:1.5em;
	font-size:100%;
}
.int_contentsBox dd ul li ul li{
	font-weight:normal;
	color:#000;
	line-height:1.5em;
	font-size:100%;
	padding-left:2.1em;
	color:#333;
}


/*
　２コラム
　講師からのコメント
*/


.int_contentsBox2{
	width: 685px;
	_width: 665px; 
	margin: 0 8px 6px 6px;
	float:left;
}
.int_contentsBox2 .col_L{
	padding: 5px;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #fff;
	width:327px;
	_width:317px;
	float:left;
}
.int_contentsBox2 .col_R{
	padding: 5px;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #fff;
	width:327px;
	_width:317px;
	float:right;
}


/*
　１コラム（変則）
　卒業生インタビュー
*/

.int_contentsBox{
	float:left ;
	clear: both ;
	width: 640px ; 
	height:auto ;
	margin: 0 10px 12px 20px;
	padding: 2px ;
	border-top: 2px solid #69f ;
	border-bottom: 2px solid #69f ;
	background-color: #fff ;
	_margin: 0 auto 12px ;
	_margin-left:10px ;
	_width: 650px ; 
}
.int_cntBoxTitle{
	color:#36c;
	width:630px;
	padding:10px 0 10px 10px ;
	border-bottom: 1px solid #69f ;
	font-size:1.4em ;
	position:relative ;
}
span.icon{
	color:#fff;
	width:auto ;
	height:auto ;
	background-color:#C77899 ;
	padding:4px 10px;
	font-size:115%;
	float:right ;
	margin-top:-25px ;
	_margin-top:0 ;
	_position:absolute ;
	_right:10px;
	_top:-10px;
	font-weight:bold ;
}
.int_cntBoxTitle a{
	color:#36c;
}

.int_colP{
	float:left ;
	width: 81px ; 
	height:auto ;
	min-height:100px ;
	width: auto ; 
	position:relative ;
	margin:10px 10px 10px 0 ;
}

.int_col{
	float:right ;
	width: 530px; 
	height:auto;
	margin:0;	padding:0;
	position:relative ;
	margin-top:20px  ;
}

.int_col .contentsBoxDesc {
	width: 290px; 
	padding: 0;
	float:left ;
}
.int_col .int_boxright {
	margin-left:10px ;
	width: 300px; 
	_width: 280px; 
}
.int_col .int_bottom {
	width: 595px; 
	_width: 578px; 
}
.int_col .contentsBoxDesc p{
	width: 520px; 
	font-size:90%;
	padding: 0 0 3px 5px;
	margin-bottom: 5px;
	line-height:1em;
	_line-height:1.2em;
	border-bottom: 1px dashed #ccc;
}
.int_col .contentsBoxDesc p.link{
	text-align:right ;
	display:block ;
}

/*  講師紹介用*/

.cntBoxCls_coach{
	float:left;
	clear: both;
	width: 680px;	height:auto ;
	_width: 660px; 
	margin: 6px 8px 6px 6px;
	padding: 2px;
	border-top: 1px solid #dadada;	border-left: 1px solid #dadada;
	border-right: 1px solid #c0c0c0;	border-bottom: 1px solid #c0c0c0;
	background-color: #fff;
	*position:relative ;
	_position:relative ;
}
.cntBoxCls_coach .contentsBoxTitle {
	width:410px;	height:auto ;
	margin:30px 25px 0 0;
	padding:0;
	_width:395px;
	_margin-right:10px;
	float:right;
	border-bottom: 1px solid #333;
}

.cntBoxCls_coach .contentsBoxTitle a {
	color:#333;
	padding:0 0 5px 0 ;
}

.cntBoxCls_coach .contentsBoxDesc {
	float:right;
	width:410px;	height:auto ;
	margin-right:25px;
	_width:395px;
	_margin-right:10px;
	margin-top:10px;
}

.contentsBoxCols .contentsBoxDesc2{
	margin:40px 0;
	padding:20px 0;
	width:650px ;
	height:auto ;
	text-align:center ;
	
	border-top: 1px solid #36c;
	border-bottom: 1px solid #36c;
}



.cntBoxCls_coach  .voidLink {
	width : auto ;
	height: auto ;
	top:0;	left:0;
	*top:2px;	*left:2px;
	*clear:both ;	*position:absolute ;
	_top:2px;	_left:2px;
	_clear:both ;	_position:absolute ;
}
.cntBoxCls_coach  .voidLink  a img{
	width:208px ;
	height:146px ;
	border: 2px solid #fff ;
}
.cntBoxCls_coach  .voidLink  a:hover img{
	border: 2px solid #eee;
}

.contentsBoxIndex {
	height:auto;
	clear: both;
	margin: 10px 0 20px 0;
	padding: 1px 0 8px 1px;
	background-color: #f2f2f2;
	float:left;
}

//　
//　サイドメニュー
//　

.submenu{
	margin:0;
	padding:0;
	width:156px;
	position:relative;
}
.sm_head{
	margin:0;
	padding:0;
	width:156px;
}
.sm_body{
	margin:0;
	padding:0;
	height:auto;
	width:156px;
	background:#5386E3;
}

.sm_body ul{
	height:auto;
	width:156px;
	list-style-type: none;
	margin:0;
	padding:0;
}
.sm_body ul li{
	width:154px;
	height:30px;
	margin:2px 1px 0;
}
.sm_body ul li.sm_text{
	text-align:left;
	font-size:11px;
	line-height:1.2em;
	background:#ffffff;
	width:137px;
	padding:5px 2px 2px 15px;
	overflow:visible;
}
.sm_body ul li.sm_select{
	background:#FFFFD9;
}
.sm_body ul li a,
.sm_body ul li.sm_text a:hover{
	color:#333;
	text-decoration:none;
}
.sm_body ul li.sm_first{
	margin:0px 1px 0;
}
.sm_body ul li.sm_chilled{
	margin:1px 1px 0;
}


span.separator {
	height:2px ;
	width:680px ;
	display:block ;
	float:left ;
	border:none ;
	margin:10px 0 ;
	background:  url(../images/dotline.gif) left top repeat-x #fff;
}
span.line1{
	background:  url(../images/dotline1.gif) left top repeat-x #fff;
}
span.line5{
	background:  url(../images/dotline5.gif) left top repeat-x #fff;
}
span.line6{
	background:  url(../images/dotline6.gif) left top repeat-x #fff;
}
span.line7{
	background:  url(../images/dotline7.gif) left top repeat-x #fff;
}
span.lineA{
	height:1px ;
	margin:15px 0 ;
}
