@charset "utf-8";

/* CSS cumpustop.css */

/* --------------------
  classe
-------------------- */
.clearfix {
/*\*/
_overflow:visible;
_height:1px;
zoom:1;
/**/
/*\*//*/
display:inline-table;
/**/
}
.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}



/* --------------------
  CampusTop
-------------------- */
#CampusTop {
}



#topContents {
padding:0 10px;
}



.mainSec {
margin:0 0 10px;
}

.mainSec #flaArea {
float:left;
width:663px;
height:287px;
text-align:center;
border:1px solid #999999;
}
	.mainSec #flaArea .adobe {
	padding:130px 0 0;
	}

.mainSec #learn {
float:right;
width:258px;
height:287px;
background:url(../images/top_learn_bg.jpg) 0 bottom no-repeat;
}
	.mainSec #learn .learnList {
	text-align:center;
	}
	.mainSec #learn .learnList li {
	margin:0 0 6px;
	}



.contentSec {
clear:both;
margin:0 0 17px;
}

.contentSec #program {
float:left;
margin:0 10px 0 0;
width:270px;
height:279px;
background:url(../images/top_prg_bg.jpg) 0 bottom no-repeat;
}
	.contentSec #program .prgList {
	text-align:center;
	}
	.contentSec #program .prgList li {
	margin:0 auto 6px;
	width:250px;
	height:77px;
	text-align:left;
	}
	.contentSec #program .prgList li a {
	display:block;
	padding:7px 5px 0 100px;
	width:145px;
	height:70px;
	_width:250px;
	_height:77px;
	}
	.contentSec #program .prgList li a:link,
	.contentSec #program .prgList li a:visited {
	color:#000;
	text-decoration:none;
	}
	.contentSec #program .prgList li a:hover,
	.contentSec #program .prgList li a:active,
	.contentSec #program .prgList li a:focus {
	color:#000;
	text-decoration:none;
	}

	.contentSec #program .prgList li a img {
	margin:0 0 5px;
	}

	.contentSec #program .prgList li.btn01 a {
	background:url(../images/top_prg_btn01_off.jpg) 0 0 no-repeat;
	}
	.contentSec #program .prgList li.btn01 a:hover {
	background:url(../images/top_prg_btn01_on.jpg) 0 0 no-repeat;
	}
	.contentSec #program .prgList li.btn02 a {
	background:url(../images/top_prg_btn02_off.jpg) 0 0 no-repeat;
	}
	.contentSec #program .prgList li.btn02 a:hover {
	background:url(../images/top_prg_btn02_on.jpg) 0 0 no-repeat;
	}
	.contentSec #program .prgList li.btn03 a {
	background:url(../images/top_prg_btn03_off.jpg) 0 0 no-repeat;
	}
	.contentSec #program .prgList li.btn03 a:hover {
	background:url(../images/top_prg_btn03_on.jpg) 0 0 no-repeat;
	}

.contentSec #support {
float:left;
margin:0 10px 0 0;
width:180px;
height:279px;
background:url(../images/top_spt_bg.jpg) 0 bottom no-repeat;
}
	.contentSec #support .sptList {
	text-align:center;
	}
	.contentSec #support .sptList li {
	margin:0 auto 6px;
	width:160px;
	height:77px;
	text-align:left;
	}
	.contentSec #support .sptList li a {
	display:block;
	padding:7px 5px 0;
	width:150px;
	height:70px;
	_width:160px;
	_height:77px;
	}
	.contentSec #support .sptList li a:link,
	.contentSec #support .sptList li a:visited {
	color:#000;
	text-decoration:none;
	}
	.contentSec #support .sptList li a:hover,
	.contentSec #support .sptList li a:active,
	.contentSec #support .sptList li a:focus {
	color:#000;
	text-decoration:none;
	}

	.contentSec #support .sptList li a img {
	margin:0 0 5px;
	}

	.contentSec #support .sptList li.btn01 a {
	background:url(../images/top_spt_btn01_off.jpg) 0 0 no-repeat;
	}
	.contentSec #support .sptList li.btn01 a:hover {
	background:url(../images/top_spt_btn01_on.jpg) 0 0 no-repeat;
	}
	.contentSec #support .sptList li.btn02 a {
	background:url(../images/top_spt_btn02_off.jpg) 0 0 no-repeat;
	}
	.contentSec #support .sptList li.btn02 a:hover {
	background:url(../images/top_spt_btn02_on.jpg) 0 0 no-repeat;
	}
	.contentSec #support .sptList li.btn03 a {
	background:url(../images/top_spt_btn03_off.jpg) 0 0 no-repeat;
	}
	.contentSec #support .sptList li.btn03 a:hover {
	background:url(../images/top_spt_btn03_on.jpg) 0 0 no-repeat;
	}

.contentSec #news {
float:left;
width:460px;
height:279px;
background:url(../images/top_new_bg.gif) 0 bottom no-repeat;
}
	.contentSec #news .newsSec {
	height:252px;
	overflow:auto;
	}
	.contentSec #news .newsSec dl.newsDtl {
	clear:both;
	padding:10px 10px 5px 10px;
	border-bottom:thin dotted #bcd5e6;
	}
	.contentSec #news .newsSec dl.newsDtl.dtlBtm {
	border:none;
	}
	.contentSec #news .newsSec dl.newsDtl dt {
	float:left;
	width:85px;
	}
	.contentSec #news .newsSec dl.newsDtl dd {
	margin:0 0 0 85px;
	}
	.contentSec #news .newsSec dl.newsDtl dd .date {
	float:right;
	padding:2px 2px 2px 3px;
	font-weight:normal;
	background:#b5d6ed;
	}
	.contentSec #news .newsSec dl.newsDtl dd .link {
	font-weight:normal;
	color:#0066cc;
	}


.bnrList {
text-align:center;
}
.bnrList li {
display:inline;
}