@charset "UTF-8";

@import url("common.css");


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

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

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

#indexMenuCenter {
	width: 420px;
	height: 250px;
	float: left;
	background-image: url("../images/viewImage.jpg");
	background-repeat: no-repeat;
}

#indexMenu ul {
	list-style: none;
}

#indexMenu li {
	display: block;
	width: 178px;
	height: 50px;
}

#indexMenu #indexMenuLeft li a {
	margin-right: 2px;
}
#indexMenu #indexMenuRight li a {
	margin-left: 2px;
}

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

#indexMenu li a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

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

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

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

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

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

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

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

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

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

/*================================================== 緊急情報 ==========*/
#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: 588px;
	height: 25px;
}

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

#jimuinfo h2,
#topics h2,
#news h2 {
	width: 588px;
	background-color: #007000;
}

#jimuinfo h2 span,
#topics h2 span,
#news h2 span {
	display: block;
	width: 180px;
	height: 18px;
	position: relative;
	top: 7px;
	left: 10px;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

#news h2 span {
	background-image: url("../images/newsTitle.png");
}
#topics h2 span {
	background-image: url("../images/topicsTitle.png");
}
#jimuinfo h2 span {
	background-image: url("../images/jimuInformationTitle.png");
}

#news, #topics, #jimuinfo {
	width: 588px; /*100%;*/

	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 1em;

	background-color: #fff;

	-moz-box-shadow: 5px 5px 10px #999;
	-webkit-box-shadow: 5px 5px 10px #999;
	-o-box-shadow: 5px 5px 10px #999;
	-ms-box-shadow: 5px 5px 10px #999;
	box-shadow: 5px 5px 10px #999;
}

#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: 588px;
	margin-bottom: 0px;
}

#contentsAfter {
	margin-top: 3em;
}

.contentsMiddle {
	margin-top: 1em;
}
/*
#contentsBefore img, #contentsAfter img, .contentsMiddle img {
	float: left;
}
*/
/*================================================== バナー用 ==========*/
#contentsBefore ul {
	list-style: none;
}
#contentsBefore li {
	float: left;
	margin-top: 5px;
}
#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;

/*	filter: alpha(opacity=75);*/
	opacity: 0.75;
}

#contentsBefore li a.img {
	text-indent: 0em;
}

/*================================================================================
#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 {
	width: 292px;
	height: 60px;
	margin-top: 10px;
	background-image: url("../images/kaijyouBanner.png");
}

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

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

#contentsBefore a#bnsp_soudan {
	background-image: url("../images/bn_soudan.jpg");
}
================================================================================*/

#contentsBefore a#bnsp_ocdemand {
	width: 588px;
	height: 135px;
	background-image: url("../images/2011ocBanner.png");
	margin-bottom: 0.5em;
}

#contentsBefore a#bnsp_coolbiz {
	width: 588px;
	height: 50px;
	background-image: url("../images/2011coolbiz_bn.png");
	margin-top: 0.5em;
}

/*================================================================================
#contentsBefore a#bnsp_coolbiz:hover {
	filter: alpha(opacity=65);
	opacity: 0.65;
}
================================================================================*/

#contentsBefore a#bnsp_kyujin {
	width: 292px;
	height: 60px;
/*	margin-top: 10px;*/
	background-image: url("../images/kyujinBtn.png");
}

.contentsMiddle a {
	height: 45px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000em;
	overflow: hidden;
}

/*================================================================================
.contentsMiddle a:hover {
	background-position: left bottom;
}
================================================================================*/

.contentsMiddle a#bnsp_radiojack {
	width: 292px;
	height: 125px;
	background-image: url("../images/radiojack2011.png");
}

.contentsMiddle a#bnsp_certify {
	width: 292px;	/*292px*/
	height: 60px;
	background-image: url("../images/bn_certify.png");
}

.contentsMiddle a#bnsp_spblog {
	width: 292px;
	height: 60px;
	background-image: url("../images/bn_spblog.png");
}

.contentsMiddle a#bnsp_kentikusi {
	width: 292px;
	height: 60px;
	background-image: url("../images/bn_kentikusi.png");
margin-right: -2px;
}

.contentsMiddle a#bnsp_kentikusi1 {
	width: 292px;
	height: 60px;
	background-image: url("../images/bn_kentikusi1.png");
margin-right: -2px;
}

.contentsMiddle a#bnsp_sokuryousi {
	width: 292px;
	height: 60px;
	background-image: url("../images/bn_sokuryousi.png");
}

.contentsMiddle a#bnsp_denken3syu {
	width: 292px;
	height: 60px;
	background-image: url("../images/bn_denken.png");
}

.contentsMiddle a#bnsp_opencampusList {
	width: 292px;
	height:413px;
	float: left;
	margin: 0;
	padding: 0;
/*	background-image: url("../images/2011opencampusList.png");*/
}
.contentsMiddle a:hover {
	/* css3 */
	filter: alpha(opacity=75);
	opacity: 0.75;
}


.contentsMiddle nav#spblog2011 {
}

.contentsMiddle nav#spblog2011 img {
	margin: 0;
	padding: 0;
	border: none;
}

.contentsMiddle nav#spblog2011 header {
	width: 588px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: none;
}

.contentsMiddle nav#spblog2011 ul {
	list-style-type: disc;
	margin-top: -20px;
	padding: 0;
	border: none;
background-color: red;
}

.contentsMiddle nav#spblog2011 li {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

.contentsMiddle nav#spblog2011 a {
	display: block;
	width: 147px;
	height: 137px;
	text-indent: 0em;
	margin: 0;
	padding: 0;
	border: none;
}

#browserCheck {
	display: none;
	width: 564px;
	border: solid 2px red;
}

#browserCheck p {
	margin: 1em;
	font-size: 0.8em;
}

/*================================================== 内定トップ用 ==========*/
#naitei {
	float: right;
	width: 292px;
	height: 412px;
	background-color: #fff;
}

#naitei a {
	display: inline;
	float: none;
	text-indent: 0em;
}

#naitei h2 {
	width: 282px;
	height: 45px;
	margin: 0;
	padding: 2px 5px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	background-color: #338833;
	/* css3 */
	text-shadow: 2px 2px 5px #000;
}

#naitei h2 span.textRight {
	display: block;
	margin-right: 5px;
	font-size: 10px;
	/* css3 */
	text-shadow: none;
}
	#naitei h2 span.textRight a:link,
#naitei h2 span.textRight a:visited {
	color: #fff;
}
#naitei h2 span.textRight a:hover {
	color: #e56b0b;
}

#naitei #personal {
	width: 290px;
	height: 363px;
	margin: 0;
	padding: 0;
	border: solid 1px #338833;
	overflow: scroll;
}

#naitei #personal img {
	float: left;
	border: 1px solid #ccc;
	padding: 0 5px;
	margin: 5px;
}

#naitei #personal .personalData {
	width: 190px;
	float: right;
	margin-top: 1em;
}

#naitei #personal .personalData p {
	margin: 0;
}

#naitei #personal .personalData span.subject {
	display: block;
	font-size: 0.75em;
	text-align: right;
	line-height: 0.5;
}

#naitei #personal .personalData ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	list-style: none;
}
#naitei #personal .personalData ul li {
	margin-top: 0.2em;
	padding-left: 1em;
	font-size: 80%;
}

#naitei #personal hr.clear {
	display: block;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	border-top: solid 1px #ccc;
}

/*================================================== top オープンキャンパス colorbox スタイル ==========*/
#opencampusList {
	width: 480px;
	color: #fff;
	background-color: #green;
}

#opencampusListLargeBlock {
	width: 720px;
	color: #fff;
	background-color: #333;
}

#opencampusList p,
#opencampusListLargeBlock p {
	padding: 0.5em 0;
}

#opencampusListLargeBlock a:link,
#opencampusListLargeBlock a:visited,
#opencampusList a:link,
#opencampusList a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: solid 1px;
}

#opencampusList a.bordernone:link,
#opencampusList a.bordernone:visited {
	border: none;
}

#opencampusList a:hover {
	color: #e56b0b;
}




/*================================================== common.css オーバーライド ==========*/
#page {
	background-color: #eee;
}

#contents {
	background-image: none;
	background-color: #eee;
}

#contentLeft {
	width: 588px;
	border: none;
	background-color: transparent;
	padding: 0;
}