@charset "UTF-8";

@import url("common.css");

/* インデックスメニュー */
#indexMenu {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#indexMenuLeft {
	width: 180px;
	float: left;
}

#indexMenuRight {
	width: 180px;
	float: right;
}

#indexMenuCenter {
	width: 420px;
	height: 250px;
	float: right;

	background-image: url("../images/viewImage.jpg");
	background-repeat: no-repeat;
}

#indexMenu ul {
	list-style: none;
}

#indexMenu li a {
	display: block;
	width: 180px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000em;
}

#indexMenu li a:hover {
	background-position: left bottom;
}

#kentiku a {
	background-image: url("../images/mainMenuKentiku.jpg");
}

#senkouka a {
	background-image: url("../images/mainMenuSenkouka.jpg");
}

#machi a {
	background-image: url("../images/mainMenuMachi.jpg");
}

#denki a {
	background-image: url("../images/mainMenuDenki.jpg");
}

#kikai a {
	background-image: url("../images/mainMenuKikai.jpg");
}

#it a {
	background-image: url("../images/mainMenuIt.jpg");
}

#jyouhou a {
	background-image: url("../images/mainMenuJyouhou.jpg");
}

#media a {
	background-image: url("../images/mainMenuMedia.jpg");
}

#onkyou a {
	background-image: url("../images/mainMenuOnkyou.jpg");
}

#eizou a {
	background-image: url("../images/mainMenuEizou.jpg");
}

/* 緊急情報 */
#information {
	display: none;
	border: 2px solid red;
	margin-bottom: 10px;
	background-color: #ffcccc;
	font-size: 1.5em;
}

#information p {
	margin: 1em;
}

#information strong {
	color: red;
	font-weight: bold;
}

/* コンテンツ見出し */
h2 {
	width: 568px;
	height: 25px;
}

/* 学科最新ニュース, HITPトピックス, インフォメーション */
.newIcon {
	margin-right: 5px;
	vertical-align: middle;
}

#topics h2 {
	margin-top: 1em;
	text-indent: -10000em;
	background-image: url("../images/topicsTitle.jpg");
	background-repeat: no-repeat;
}

#news h2 {
	margin-top: 1em;
	text-indent: -10000em;
	background-image: url("../images/newsTitle.jpg");
	background-repeat: no-repeat;
}

#jimuinfo h2 {
	margin-top: 1em;
	text-indent: -10000em;
	background-image: url("../images/jimuInformationTitle.jpg");
	background-repeat: no-repeat;
}

#news, #topics, #jimuinfo {
	width: 100%;
}

#news dl, #topics dl, #jimuinfo dl {
	width: 548px;
	margin-left: 20px;
	margin-top: 5px;
}

#news dt, #topics dt, #jimuinfo dt {
	display: block;
	width: 80px;
	float: left;
	font-size: 0.85em;
}

#news dd, #topics dd, #jimuinfo dd {
	display: block;
	width: 468px;
	float: left;
	font-size: 0.95em;
}

/* コンテンツバナー */
#contentsBefore, #contentsAfter, .contentsMiddle {
	width: 568px;
	margin-bottom: 10px;
}

#contentsAfter {
	margin-top: 3em;
}

.contentsMiddle {
	margin-top: 1em;
	margin-bottom: 1em;
}

#contentsBefore img, #contentsAfter img, .contentsMiddle img {
	float: left;
}

/* バナー用 */
#contentsBefore ul {
	list-style: none;
}
#contentsBefore li {
	float: left;
}
#contentsBefore li a {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000em;
	overflow: hidden;
}

#contentsBefore a:hover {
	background-position: left bottom;
}

#contentsBefore a.w284 {
	width: 284px;
	height: 45px;
}

#contentsBefore a.w142 {
	width: 142px;
	height: 45px;
}

#contentsBefore a#bnsp_demand {
	background-image: url("../images/sp/demandBtn.jpg");
}

#contentsBefore a#bnsp_opencampus {
	background-image: url("../images/sp/openBtn.jpg");
}

#contentsBefore a#bnsp_kaijyou {
	background-image: url("../images/sp/kaijyouBtn.jpg");
}

#contentsBefore a#bnsp_special {
	background-image: url("../images/bn_special284x45.jpg");
}

#contentsBefore a#bnsp_dreamer {
	background-image: url("../images/bn_dc284x45.jpg");
}