@charset "utf-8";

/*-----
 * Default Layout
 */
/*
 * お知らせ一覧
 */
/* タブメニュー */
#pNews #tabMenu {
	overflow: hidden;
	width: 739px; /* 縮小表示対応のため +10px */
	margin: 0 -4px 0 0;
}
#pNews #tabMenu li {
	list-style: none;
	overflow: hidden;
	float: left;
	width: 176px;
	margin-right: 4px;
	border: 1px solid #dce3e9;
	border-bottom: none;
	-moz-border-radius: 3px 3px 0 0;
	border-radius:  3px 3px 0 0;
	background-color: #f8fafb;
	font-size: 88%;
	font-weight: bold;
	line-height: 120%;
}
#pNews #tabMenu li h1,
#pNews #tabMenu li a {
	display: block;
	height: 100%;
	padding: 7px 9px;
	text-decoration: none;
}
#pNews #tabMenu li h1 {
	background-color: #507587;
	color: #fff;
	font-size: 100%;
}
#pNews #tabMenu li a:hover {
	text-decoration: underline;
}
/* タブブロック */
#pNews #tabBlock {
	border: 1px solid #dce3e9;
}
/* 月別リスト */
#pNews dl.monthlyList {
	margin: 30px 0;
}
/* ニュースブロック */
#pNews .newsSection {
	width: 695px;
	margin: 0 auto;
}
#pNews .newsSection h1 {
	margin-bottom: 10px;
	padding: 11px 5px 10px 7px;
	background: url(../../outline/president/news/img/line.gif) repeat-x left top;
	font-size: 113%;
}
#pNews .newsSection h1 span {
	display: inline-block;
	padding: 4px 0 2px 8px;
	border-left: 7px solid #587d8f;
}
#pNews .newsSection dl.monthlyList + dl {
	height: 1%;
}
#pNews .newsSection dl + dl:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
#pNews .newsSection dl.monthlyList + dl dt {
	clear: left;
	float: left;
	margin: 0 0 5px;
}
#pNews .newsSection dl.monthlyList + dl dd {
	margin: 0 0 5px 9.5em;
}
#pNews .newsSection dl.monthlyList + dl dd:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
#pNews .newsSection dl.monthlyList + dl dd {
	margin-left: 5.7em;
}

/*
 * 就職・キャリア支援センター
 */
#supportCenter div.box {
	margin: 0;
}

/*
 * 会社説明会情報、国家公務員・特殊法人等・地方自治体採用
 */
#briefing thead th.date {
	width: 12%;
}
#briefing thead th.area {
	width: 10%;
}
#briefing thead th.info {
	width: 30%;
}
#briefing td span {
	color: #F00;
}
#briefing td span.t {
	color: #090;
}

/*
 * 就職状況
 */
#state table caption {
	font-size: 88%;
	font-weight: bold;
}
#state thead th {
	text-align: center;
}
#state thead tr:first-child th:first-child {
	text-align: center;
}
#state td {
	width: 14%;
	text-align: right;	
}
#state td.graduate {
	width: 11%;
	border-right: none;
}
#state td.graduate + td {
	width: 9%;
}
#state table + ul {
	margin-bottom: 30px;
}
#state table + ul li {
	margin-bottom: 0;
}

/*
 * 就職ガイダンス年間予定表
 */
#schedule th.time {
	width: 15%;
}
#schedule th.place {
	width: 14%;
}
#schedule th.dept {
	width: 10%;
}
#schedule th.content {
	width: 28%;
}
#schedule th.charge {
	width: 17%;
}

/*
 * 各学部就職指導担当者
 */
#assigned p.mark {
	display: block;
	margin-left: 0;
}
#assigned th.dept {
}
#assigned th.position {
	width: 13%;
}
#assigned th.name {
	width: 20%;
}
#assigned th.dial {
	width: 17%;
}
#assigned th.note {
	width: 20%;
}

/*
 * 過去3年間の就職状況
 */
#state table.rate {
	table-layout:fixed;
}
#state table.rate th.faculty {
	width: 24%;
}
#state table.rate th.graduate {
	width: 32%;
}
#state table.rate th.year {
	width: 35%;
}
#state table.rate th.tate {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	margin: 0px;
	line-height: 80%;
	font-size:80%;
}
#state table.rate th.schools {
	width: auto;
}

#state table.rate th.3words {
	width: 10%;
}

/* 地域別就職状況 */
#state table.regional {
	table-layout:fixed;
}
#state table.regional th.faculty {
	width: 16%;
}

#state table.regional th.graduate {
	width: 26%;
	text-align:center;
}
#state table.regional th.schools {
	width: 20%;
}
#state table.regional th.total {
	width: 7%;
}
#state table.regional th.tate {
	width: 1em;
}

/* 進路状況 */
#state table.state {
	table-layout:fixed;
}
#state table.state th.faculty {
	width: 26%;
}

/*
 * 就職情報リンク集
 */
#link #na th a,
#link #jc p a,
#link #jc dd a,
#link #np dd a {
	padding-left: 20px;
	background: url(../img/ic_new_win.gif) no-repeat 4px 0.4em;
}
#link #jc dl {
	margin-left: 20px;
}
#link #pb ul {
	overflow: hidden;
}
#link #pb ul li {
	float: left;
	width: 48%;
	margin-right: 2%;
}
#link #np dl {
	margin-left: 20px;
}
#link #np dl dd a {
	margin-right: 10px;
}

/*
 * インターンシップに関するお知らせ
 */
#internInfo .section div.session {
	border-top: 1px dotted #ccc;
}
#internInfo .section h1 + div.session {
	border: none;
}
#internInfo .section div.session h2 {
	margin-top: 10px;
	border: none;
	font-size: 88%;
	font-weight: normal;
}
#internInfo .section div.session dl {
	margin-left: 22px;
}
#internInfo .section div.session dt,
#internInfo .section div.session dd {
	margin-bottom: 2px;
}

/*
 * インターンシップの取り組み状況
 */
#internImple #dept {
	overflow: hidden;
	width: 720px;
	margin-top: 0;
	margin-right: -50px;
}
#internImple #dept h1 {
	width: 711px;
	margin-top: 10px;
	margin-bottom: 0;
}
#internImple #dept > div {
	float: left;
	width: 310px;
	margin-right: 50px;
}
#internImple #dept > div p {
	font-size: 88%;
}
#internImple #dept > div dl {
	margin-left: 22px;
}
#internImple #dept > div dt {
	margin-bottom: 0;
}
#internImple #dept > div dd {
	margin-left: 7.5em;
	margin-bottom: 0;
}
#internImple thead th,
#internImple td {
	text-align: center;
}
#internImple thead tr:first-child th:first-child {
	text-align: left;
}
#internImple td.sum {
	background-color: #f2f6f7;
	font-weight: bold;
}
/* Default Layout */


/*-----
 *  Portrait Tablet Layout: 768 - 959px
 */
@media screen and (min-width:768px) and (max-width:959px) {
} /* Portrait Tablet Layout */


/*-----
 *  Mobile Layout: 480px, 320px
 */
@media screen and (max-width:767px) {
	/*
	 * インターンシップの取り組み状況
	 */
	#internImple #dept {
		width: auto;
		margin-right: 0;
	}
	#internImple #dept h1 {
		width: auto;
	}
	#internImple #dept > div {
		float: none;
		width: auto;
		margin-right: 0;
	}
} /* Mobile Layout */


/*-----
 *  Landscape Mobile Layout: 480px
 */
@media screen and (min-width:480px) and (max-width:767px) {
} /* Landscape Mobile Layout */


/*-----
 *  Portrait Mobile Layout: 320px
 */
@media screen and (max-width:479px) {
} /* Portrait Mobile Layout */


/*-----
 *  Print
 */
@media print {
}