@charset "utf-8";

/*
	Site Name:神戸常盤大学
　　Description: Career Layout
*/


/*-----------------------------------------------------
career Index
-------------------------------------------------------*/

.careerIndex{
}
.careerIndex p{
	margin: 0 0 40px;
}

.careerIndex .career-left{
	float:left;
	width: 310px;
	height: 110px;
}
.careerIndex .career-right{
	float:right;
	width: 310px;
	height: 110px;
}
.careerIndex dl{
	border-bottom:solid 1px #BCBCBC;
	background: url(../images/course/department_bg.gif) repeat-y left top;
	margin: 0 0 10px;
}
.examIndex dt{
	careerIndex: 0 0 7px;
}
.careerIndex dd{
	padding: 10px 18px;
	line-height: 1.4;
}
.careerIndex .open{
	clear: both;
	padding: 10px 0 0;
}



/*-----------------------------------------------------
extention
-------------------------------------------------------*/
.extentionWrap{
}
.extentionWrap p{
    margin: 0 0 18px;
}
.extentionWrap .page-link{
	text-align:right;
	margin: 0 0 28px;
}
.extentionWrap .page-link img{
    margin: 0 0 0 8px;
}
.extentionWrap .catch{
	margin-bottom: 5px;
} 

.extentionWrap h2{
	clear: both;
	margin-bottom: 10px;
}
.extentionWrap .lead{
	float:left;
	width: 390px;
	margin-bottom: 20px;
}
.extentionWrap .flow{
	float:right;
	width: 226px;
}

.extentionWrap .support{
	margin: 11px 0;
}
.extentionWrap .support h3{
	margin: 0 0 12px;
}
.extentionWrap .support .catch{
}
.extentionWrap .support p{
	margin: 0 15px 10px;
	line-height: 1.4;
}
.extentionWrap .support dl{
	background-color: #EFEFEF;
	width: 274px;
	margin: 0 0 0 15px;
}
.extentionWrap .support dt{
}
.extentionWrap .support dd{
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 8px 15px;
	line-height: 1.3;
}
.extentionWrap .support-left{
	float:left;
	width: 306px;
	height: 338px;
	border-bottom: solid 1px #CCCCCC;
	background: url(../images/career/support_bg.gif) repeat-y left top;
}
.extentionWrap .support-right{
	float:right;
	width: 306px;
	height: 338px;
	border-bottom: solid 1px #CCCCCC;
	background: url(../images/career/support_bg.gif) repeat-y left top;
}
.extentionWrap .exchange{
	margin-top: 37px;
	clear: both;
}
.extentionWrap .exchange h3{
	margin: 0 0 8px;
}
.extentionWrap .exchange p{
}
.extentionWrap .exchange .catch{
	margin: 21px 0 15px;
}
.extentionWrap .exchange .program{
	float:left;
	width: 390px;
	margin-bottom: 10px;
}
.extentionWrap .exchange .img{
	float:right;
	width: 222px;
}
.extentionWrap .exchange .img ul{
}
.extentionWrap .exchange .img li{
	background: url(../images/career/program_img_bg.gif) no-repeat left top;
	margin: 0 0 6px;
	height: 162px;
}
.extentionWrap .exchange .img li img{
   margin:8px 10px;
}
/* 日程一覧 */
.extentionWrap .extentionData{
	background-color: #C9C9C9;
	margin: 0 0 40px;
	width: 100%;
}
.extentionData th{
	padding: 5px 10px;
	font-weight: normal;
	width: 200px;
	text-align: left;
	background-color: #DFEBEE;
	vertical-align: top;
}
.extentionData th.program{
	width: auto;
}
.extentionData tr.title th{
	background-color: #20685C;
	color: #FFFFFF;
	width: auto;
	text-align: center;
	padding: 5px 0 3px;
}

.extentionData td{
	background-color: #FFFFFF;
	padding: 5px 10px;
}

.extentionApplication{
}

.extentionApplication p{
	margin-bottom: 5px;
}

/*-----------------------------------------------------
support
-------------------------------------------------------*/
.supportWrap{
}
.supportWrap .lead{
	float:left;
	width:389px;
	color: #333333;
	padding: 0;
}

.supportWrap .spport-img{
	width: 232px;
	background: url(../images/career/support_img_bg.gif) no-repeat left top;
	height: 181px;
	float: right;
}
.supportWrap .spport-img img{
    margin:9px 10px;
}

.supportWrap .catch{
	margin: 0 0 15px;
}
.supportWrap p{
}
.supportWrap dl{
	height: 300px;
	background: url(../images/career/support_right_bg.gif) repeat-y left top;	
} 
.supportWrap dt{
}
.supportWrap dd{
	margin: 15px 22px;
	line-height: 1.4;
}
.supportWrap .point{
	clear:both;
	border-bottom: solid 1px #CCCCCC;
	float: none;
	padding: 35px 0 0;
}
.supportWrap .point1{
	float:left;
	width: 317px;
}
.supportWrap .point2{
	float:right;
	width: 318px;
}
.supportWrap .point3{
	float:left;
	width: 317px;
	height: 260px;
}
.supportWrap .point4{
	float:right;
	width: 318px;
	height: 260px;
}