@charset "utf-8";


/********************************************************************
SIDE MENU PAGE
********************************************************************/
.link_red a {
	color: #e40015;
}


/* HEATWAVEの特徴
-------------------------------------------------------------------*/

.feat-list {
  _zoom: 1;
  overflow: hidden;
  margin-top:-15px;
}

.feat-list .box {
	_zoom:1;
	margin-top:-2px;
	background: url(../img/parts/patten_01.gif) repeat-x left top;
}

#about-intro .point1,
#about-intro .point2,
#about-intro .point3{
	padding: 24px 0 24px 120px;
	line-height:1.6;
}

#about-intro .point1{ background: url(../img/about/about_im_01.gif) no-repeat left center;}
#about-intro .point2{ background: url(../img/about/about_im_02.gif) no-repeat left center;}
#about-intro .point3{ background: url(../img/about/about_im_03.gif) no-repeat left center;}


/* HEATWAVEのコンセプト
-------------------------------------------------------------------*/
#about-concept ul {
  _zoom: 1;
  overflow: hidden;
  margin: 0 16px;
}

#about-concept ul li {
	clear:both;
	_zoom:1;
	margin-top:-1px;
	padding-top:15px;
	background: url(../img/parts/dot.gif) repeat-x left top;
}


/* 講師紹介
----------------------------------------------------------------------*/
	
#lecturer h3 {
	clear:both;
	margin-bottom:18px;
	background: url(../img/parts/dot.gif) repeat-x left center;
	line-height:1;
	font-size:16px;
	font-weight:bold;
}
	#lecturer h3 span {
		background:#FFF;
		padding-right:0.5em;
	}
	
#lecturer .teacher-list{
	overflow:hidden;
	padding-bottom:15px;
	width:665px;
}

#lecturer .teacher-list a{
	color:#FFF;
}

#lecturer .teacher-list li{
	float:left;
	border-radius:5px;
	margin-right:23px;
	margin-bottom: 18px;
	width:110px;
	background:#3c4650;
}

#lecturer .teacher-list li h4{
	padding-top:2px;
	width: 110px;
	/*background: url(../img/lecturer/lecturer_bg_01.gif) no-repeat left top;*/
	text-align:center;
}

#lecturer .teacher-list li h4 img{
	border-top-left-radius : 3px;
	border-top-right-radius : 3px;
}

#lecturer .teacher-list li div{
	padding: 8px 0 10px;
	width: 110px;
	/*background: url(../img/lecturer/lecturer_bg_02.gif) no-repeat left bottom;*/
	font-size:11px;
	text-align:center;
	line-height:1;
}

#lecturer .teacher-list li div span{
	padding-right:5px;
}

#lecturer .teacher-list li div span img{
	margin-right:3px;
	vertical-align:middle;
}

/* profile */
.profile_wrap,
.profile_wrap2 {
	overflow:hidden;
	background:#E4E4E4;
	text-align:left; 
	line-height:1.6;
	color:#333;
}

.profile_wrap  { width:620px;padding:60px 0;}
.profile_wrap2 { width:640px;padding:30px 0;}

.profile_wrap .profile {
	margin: 0 auto;
	width:550px;
}

.profile_wrap2 .profile {
	margin: 0 auto;
	width:570px;
}

.profile_wrap .pic,
.profile_wrap2 .pic {
	padding-top:5px;
	float:left;
	width:240px;
}

.profile_wrap .pic img,
.profile_wrap2 .pic img {
	border-radius:5px;
}

.profile_wrap img{
	border-radius:5px;
}

.profile_wrap .textarea,
.profile_wrap2 .textarea {
	float:left;
	width:310px;
}

.profile_wrap .textarea2 {
	
}

.profile_wrap .name,
.profile_wrap2 .name {
	font-size:18px;
}

.profile_wrap .name {
	margin-bottom:30px;
}

.profile_wrap2 .name {
	margin-bottom:15px;
}


/* 受講生の声
----------------------------------------------------------------------*/
#voice .comment-list{
	overflow:hidden;
}

#voice .breakline{
	clear:both;
	margin-bottom: 20px;
	background: url(../img/voice/section_line.gif) no-repeat right bottom;
}

#voice .comment-box h4{
	margin-bottom:3px;
	font-size:16px;
}

#voice .comment-box h5{
	margin-bottom:20px;
}

#voice .comment-box img{
	float:left;
	margin-right:15px;
}


/* 授業風景
----------------------------------------------------------------------*/

#scene .pics{
	overflow:hidden;
	margin-left: 13px;
}

#scene .pics li{
	width:309px;
}

#scene .pics li fl_left{
	clear:both;
}

#scene .pics li p{
	padding: 0 1em;
}

#scene .pics li .frame{
	padding: 0 10px 14px 0;
	background: url(../img/scene/bg_shadow.gif) no-repeat right bottom;
}

#scene .pics li .frame img{
	padding: 7px;
	border: 1px solid #d9d9d9;
}


/* 卒業後の就職先
----------------------------------------------------------------------*/

#employment-intro dl{
	padding-left:40px;
	margin-bottom:-15px;
}

#employment-intro dl dd{
	margin-bottom:25px;
}

#tbl-employ thead th {
	padding: 12px;  
}

#tbl-employ tbody th {
	text-align:center;
	background:#FFFFFF;
}

#tbl-employ h3 img{
	max-width:160px;
}

#tbl-employ tbody .site {
	margin-bottom:5px;
	padding-left:20px;
	background-image: url(../img/parts/ic_sprite.gif);
	background-repeat: no-repeat;
	background-position: 0px -96px;
	text-align:left;
}

#tbl-employ .comment {
	padding: 15px;
	line-height:1.6;
}


/* 企業内研修
----------------------------------------------------------------------*/
#training-intro2 {
	min-height:224px;
	background: url(../img/trainning/bg_01.jpg) no-repeat right bottom;
}

#training-intro2 p {
	margin: 1.3em 0;
	width:430px;
}

#ordermade-type {
	padding-left:34px;
}

#ordermade-type li {
	margin-right:16px;
	margin-left:16px;
	width:144px;
	display:inline-block;
	float:left;
}

#ordermade-type li:first-child {
	margin-left:0;
}

#ordermade-type li:last-child {
	margin-right:0;
}

#training-pcroom .pics {
	margin: 10px 0;
	text-align:center;
}

#training-pcroom .pics .mid{
	margin: 0 3px;
}

/* 古い */
#training-intro {
    background: rgba(0, 0, 0, 0) url("../img/trainning/tr_im_01.jpg") no-repeat scroll right bottom;
    height: auto !important;
    min-height: 330px;
}

#training-intro div {
    margin-left: 60px;
    padding-top: 30px;
    width: 375px;
}

#training-intro div dt {
    margin-bottom: 5px;
}

#training-intro div dl dd {
    padding-bottom: 20px;
}