@charset "utf-8";
/* **************************************************

CSS Information
File Name : sys.css
Style Info: システム工学部固有のスタイル指定
Date: 2016-12-01

************************************************** */
/* --------------------------------------------------
	共通ヘッダー
-------------------------------------------------- */
#globalHeader {
  padding: 10px 0;
}

#globalHeader .subHeader {
  margin: 5px 0 8px;
}

#globalHeader #siteID {
  padding: 0;
}

#globalHeader #siteID img {
  width: 420px;
  height: auto;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  #globalHeader {
    position: relative;
    padding: 10px 0 0;
  }

  #globalHeader .subHeader {
    margin-bottom: 10px;
  }

  #globalHeader #headerSearch {
    width: 100%;
    margin-right: -80px;
  }

  #globalHeader #headerSearch form {
    width: auto;
    margin-right: 80px;
  }
}

/* --------------------------------------------------
	共通フッター
-------------------------------------------------- */
#globalFooter .footerAddress dt img {
  width: 300px;
}

/* --------------------------------------------------
	サイドテキストバナー
-------------------------------------------------- */
.sideTextBanner li .block {
  font-size: 1.3rem !important;
  line-height: 1.3;
}

.sideTextBanner li .block .bannerTitle {
  padding-left: 8px;
}

.sideTextBanner li .block .bannerTitle span {
  padding-right: 0;
}

/* --------------------------------------------------
	スマートフォン用サイドメジャー ナビ
-------------------------------------------------- */
#sideMajorNavi {
  margin-top: 20px;
}

/* --------------------------------------------------
	メインタイトル（カテゴリーページ?個別ページ）
-------------------------------------------------- */
.mainTitle {
  padding: 0;
}

.mainTitle .inner {
  width: 1020px;
}

.mainTitle .imgTitle {
  display: block;
}

/* --------------------------------------------------
	汎用Class
-------------------------------------------------- */
.pcOnly {
  display: block !important;
}

.spOnly {
  display: none !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .pcOnly {
    display: none !important;
  }

  .spOnly {
    display: block !important;
  }
}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/*	メインビジュアル
-------------------------------------------------- */
#mainVisual {
  text-align: center;
}

#mainVisual .inner {
  width: 1020px;
}

/* --------------------------------------------------
	メジャー用ナビゲーション
-------------------------------------------------- */
#majorNavi .inner {
  width: 1020px;
}

#majorNavi li {
  float: left;
  width: 10%;
  border-right-width: 1px;
  border-right-style: solid;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.2;
}

#majorNavi li:first-child {
  border-left-width: 1px;
  border-left-style: solid;
}

/* 機械電子制御 */
#majorNavi .mt {
  border-bottom: 4px solid #b73570 !important;
}

/* 電子計測 */
#majorNavi .em {
  border-bottom: 4px solid #d8374b !important;
}

/* 応用物理学 */
#majorNavi .ap {
  border-bottom: 4px solid #e95532 !important;
}

/* 化学 */
#majorNavi .ch {
  border-bottom: 4px solid #f4a23b !important;
}

/* 知能情報学 */
#majorNavi .ii {
  border-bottom: 4px solid #eec700 !important;
}

/* ネットワーク情報学 */
#majorNavi .ni {
  border-bottom: 4px solid #9fc001 !important;
}

/* 環境科学 */
#majorNavi .es {
  border-bottom: 4px solid #009b6b !important;
}

/* 環境デザイン */
#majorNavi .ed {
  border-bottom: 4px solid #00898d !important;
}

/* メディアデザイン */
#majorNavi .md {
  border-bottom: 4px solid #0062a1 !important;
}
#majorNavi .md li span.nowrap {
  margin: 0;
  white-space: nowrap;
}

/* 社会情報学 */
#majorNavi .si {
  border-bottom: 4px solid #4d569d !important;
}

#majorNavi li a {
  display: table;
  width: 100%;
  height: 40px;
  color: #333;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#majorNavi li a:hover {
  background-color: #f5f5f5;
}

#majorNavi li a span {
  display: table-cell;
  vertical-align: middle;
}

/* --------------------------------------------------
	メジャー用ナビゲーション：スマートフォン
-------------------------------------------------- */
#spMajorNavi {
  display: none;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  #spMajorNavi {
    display: block;
    margin-bottom: 30px;
  }

  #spMajorNavi .pieceBody {
    background-color: #fff;
    border: 1px solid #ddd;
  }

  #spMajorNavi .pieceBody ul {
    font-size: 1.3em;
    line-height: 1.3;
  }

  /* 機械電子制御 */
  #spMajorNavi .mt {
    border-left: 4px solid #b73570 !important;
  }

  /* 電子計測 */
  #spMajorNavi .em {
    border-left: 4px solid #d8374b !important;
  }

  /* 応用物理学 */
  #spMajorNavi .ap {
    border-left: 4px solid #e95532 !important;
  }

  /* 化学 */
  #spMajorNavi .ch {
    border-left: 4px solid #f4a23b !important;
  }

  /* 知能情報学 */
  #spMajorNavi .ii {
    border-left: 4px solid #eec700 !important;
  }

  /* ネットワーク情報学 */
  #spMajorNavi .ni {
    border-left: 4px solid #9fc001 !important;
  }

  /* 環境科学 */
  #spMajorNavi .es {
    border-left: 4px solid #009b6b !important;
  }

  /* 環境デザイン */
  #spMajorNavi .ed {
    border-left: 4px solid #00898d !important;
  }

  /* メディアデザイン */
  #spMajorNavi .md {
    border-left: 4px solid #0062a1 !important;
  }

  /* 社会情報学 */
  #spMajorNavi .si {
    border-left: 4px solid #4d569d !important;
  }

  #spMajorNavi .pieceBody li a {
    display: block;
    padding: 17px 10px 17px 23px;
    background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow02.png) no-repeat 14px 22px;
    border-top: 1px solid #ddd;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #spMajorNavi .pieceBody li:first-child a {
    border-top: none;
  }

  #spMajorNavi .pieceBody li a:hover {
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
  }
}

/* --------------------------------------------------
	学部：メジャー紹介
-------------------------------------------------- */
.majorList01 {
  list-style: none !important;
  margin: 0 -10px !important;
}

.majorList01 li {
  float: left;
  width: 340px;
  margin: 10px;
  padding: 9px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.majorList01 li a {
  display: block;
  /*	padding: 9px;	*/
  background-color: #fff;
  color: #333 !important;
  text-decoration: none !important;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right center;
}

.majorList01 li a:hover {
  background-color: #fff !important;
  color: #999 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.majorList01 li .majorTitle {
  padding-left: 74px;
  font-size: 1.8rem;
  font-weight: bold;
}

.majorList01 li .majorTitle p {
  margin: 0;
  padding: 8px 0;
  /*	background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right center;*/
}

.majorList01 li .majorTitle span {
  display: block;
  margin-top: -4px;
  font-size: 1.3rem;
  font-weight: normal;
}

.majorList01 li .majorExcerpt {
  margin: 9px 0 0;
  padding-top: 9px;
  border-top: 1px dotted #ccc;
  font-size: 1.4rem;
}

/* 機械電子制御 */
.majorList01 .mt .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_mt01.png) no-repeat left center;
}

/* 電子計測 */
.majorList01 .em .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_em01.png) no-repeat left center;
}

/* 応用物理学 */
.majorList01 .ap .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ap01.png) no-repeat left center;
}

/* 化学 */
.majorList01 .ch .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ch01.png) no-repeat left center;
}

/* 知能情報学 */
.majorList01 .ii .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ii01.png) no-repeat left center;
}

/* ネットワーク情報学 */
.majorList01 .ni .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ni01.png) no-repeat left center;
}

/* 環境科学 */
.majorList01 .es .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_es01.png) no-repeat left center;
}

/* 環境デザイン */
.majorList01 .ed .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ed01.png) no-repeat left center;
}

/* メディアデザイン */
.majorList01 .md .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_md01.png) no-repeat left center;
}

/* 社会情報学 */
.majorList01 .si .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_si01.png) no-repeat left center;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .majorList01 li {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
}

/* --------------------------------------------------
	オープンキャンパス：メジャー紹介
-------------------------------------------------- */
.majorList02 {
  list-style: none !important;
  margin: 0 !important;
}

.majorList02 li {
  margin: 10px 0;
  padding: 9px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.majorList02 li .majorTitle {
  margin-bottom: 8px;
  padding-left: 42px;
  background-size: 32px auto !important;
  font-size: 1.8rem;
  font-weight: bold;
}

.majorList02 li a {
  display: block;
  background-color: #fff;
  color: #333 !important;
  text-decoration: none !important;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right center;
}

.majorList02 li a:hover {
  background-color: #fff !important;
  color: #999 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.majorList02 li .majorExcerpt {
  margin: 9px 0 0;
  padding-top: 9px;
  border-top: 1px dotted #ccc;
  font-size: 1.4rem;
}

.majorList02 li .majorExcerpt > p {
  margin: 0 0 10px;
}

.majorList02 li .majorExcerpt p:last-child {
  margin-bottom: 0;
}

/* 機械電子制御 */
.majorList02 .mt .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_mt01.png) no-repeat left center;
}

/* 電子計測 */
.majorList02 .em .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_em01.png) no-repeat left center;
}

/* 応用物理学 */
.majorList02 .ap .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ap01.png) no-repeat left center;
}

/* 化学 */
.majorList02 .ch .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ch01.png) no-repeat left center;
}

/* 知能情報学 */
.majorList02 .ii .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ii01.png) no-repeat left center;
}

/* ネットワーク情報学 */
.majorList02 .ni .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ni01.png) no-repeat left center;
}

/* 環境科学 */
.majorList02 .es .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_es01.png) no-repeat left center;
}

/* 環境デザイン */
.majorList02 .ed .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ed01.png) no-repeat left center;
}

/* メディアデザイン */
.majorList02 .md .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_md01.png) no-repeat left center;
}

/* 社会情報学 */
.majorList02 .si .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_si01.png) no-repeat left center;
}

/*	Responsive Settings
-------------------------------------------------- */
@medimajortitlescreen and (min-width:320px) and (max-width:640px) {
  .majorList02 li {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
}

/* --------------------------------------------------
	各メジャー
-------------------------------------------------- */
/*	各メジャートップのニュースリスト
-------------------------------------------------- */
.majorNewsList .noTabs .tabs {
  display: none;
}

.majorNewsList .noTabs .wrapper {
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

/*	各メジャーのサイドナビゲーション
-------------------------------------------------- */
/*
.sideNavi h3 {
    padding: 12px 0 12px 14px;
    background-color: #eee;
    cursor: pointer;
}
*/

/*	各メジャーのサイドナビゲーション（?）
-------------------------------------------------- */
.column3 .rightColumn {
  margin-top: -20px;
}

/* --------------------------------------------------
	システム工学部キャリア支援室からのお知らせ
-------------------------------------------------- */
#careerTopics .wrapper {
  border: none;
}

#careerTopics .separator,
#careerTopics .site {
  display: none;
}

/* --------------------------------------------------
	新着記事一覧（分野別）
-------------------------------------------------- */
.contentArticleCategory .latest h2 {
  float: left;
  margin-bottom: 20px;
  font-size: 1.6em;
}

.contentArticleCategory .feed {
  float: right;
}

/*
.contentArticleCategory dl {
	font-size: 1.4em;
}

.contentArticleCategory dt {
	display: block;
	margin-bottom: 0px;
}

.contentArticleCategory dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #cbcbcb;
}

.contentArticleCategory dd:last-child {
	margin-bottom: 0;
}

.contentArticleCategory dd a {
	color: #005ac8;
}

.contentArticleCategory dd a:hover {
	color: #ff9800;
	text-decoration: underline;
}

.contentArticleCategory dl .attributes,
.contentArticleCategory dl .unit {
	display: none;
}

.contentArticleCategory .date {
	margin-top: 24px;
	padding: 10px;
	background-color: #e5eded;
	border-radius: 5px;
	font-size: 1.4em;
}

.contentArticleCategory .date:first-child {
	margin-top: 0;
}

*/

.contentArticleCategory ul {
  clear: both;
  margin-top: 16px;
  margin-left: 10px;
  font-size: 1.4em;
}

.contentArticleCategory li {
  margin-top: 10px;
}

.contentArticleCategory li:first-child {
  margin-top: 0;
}

.contentArticleCategory li a {
  padding-left: 20px;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow01.png) no-repeat left center;
  color: #005ac8;
}

.contentArticleCategory li .separator,
.contentArticleCategory li .unit {
  display: none;
}

.contentArticleCategory .more {
  margin-top: 20px;
  font-size: 1.4em;
  text-align: right;
}

.contentArticleCategory .category h2 {
  margin: 15px 0;
  font-size: 1.6em;
}

.contentArticleCategory .category h2 a {
  display: block;
  min-height: 14px;
  padding: 10px 10px 10px 30px;
  background: #e5eded url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat 10px center;
  border-radius: 5px;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.contentArticleCategory .category h2 a:hover {
  background-color: #f5f6fa;
  color: #999;
  text-decoration: none;
}

/* --------------------------------------------------
	#indexImportantNewsTabList - 重要なお知らせ
-------------------------------------------------- */
#indexImportantNewsTabList {
  margin-bottom: 30px;
}

#indexImportantNewsTabList h2 {
  min-height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_title_important01.png) no-repeat left center;
  font-size: 1.6em;
  font-weight: bold;
}

#indexImportantNewsTabList h2:before {
  content: "\e604";
  display: inline-block;
  margin-right: 8px;
  font-family: "ico_wu_theme";
  color: #964f59;
}

#indexImportantNewsTabList .tabs {
  display: none;
}

#indexImportantNewsTabList .wrapper {
  padding: 19px;
  background: #fff;
  border: 1px solid #ddd;
}

#indexImportantNewsTabList dl {
  font-size: 1.4em;
}

#indexImportantNewsTabList dt {
  display: block;
  margin-bottom: 15px;
}

#indexImportantNewsTabList dd {
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #cbcbcb;
  line-height: 1.3;
}

#indexImportantNewsTabList dd a {
  display: inline-block;
  color: #005ac8;
  line-height: 1.3;
}

#indexImportantNewsTabList dd a:hover {
  color: #ff9800;
  text-decoration: underline;
}

#indexImportantNewsTabList dl dd:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* 重要 */
#indexImportantNewsTabList dl dt:before {
  display: inline-block;
  content: "重要";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #964f59;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

#indexImportantNewsTabList dl .attributes,
#indexImportantNewsTabList dl .unit {
  display: none;
}
@charset "utf-8";
/* **************************************************

CSS Information
File Name : sys.css
Style Info: システム工学部固有のスタイル指定
Date: 2016-11-30

************************************************** */
/* --------------------------------------------------
	共通ヘッダー
-------------------------------------------------- */
#globalHeader {
  padding: 10px 0;
}

#globalHeader .subHeader {
  margin: 5px 0 8px;
}

#globalHeader #siteID {
  padding: 0;
}

#globalHeader #siteID img {
  width: 420px;
  height: auto;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  #globalHeader {
    position: relative;
    padding: 10px 0 0;
  }

  #globalHeader .subHeader {
    margin-bottom: 10px;
  }

  #globalHeader #headerSearch {
    width: 100%;
    margin-right: -80px;
  }

  #globalHeader #headerSearch form {
    width: auto;
    margin-right: 80px;
  }
}

/* --------------------------------------------------
	共通フッター
-------------------------------------------------- */
#globalFooter .footerAddress dt img {
  width: 300px;
}

/* --------------------------------------------------
	サイドテキストバナー
-------------------------------------------------- */
.sideTextBanner li .block {
  font-size: 1.3rem !important;
  line-height: 1.3;
}

.sideTextBanner li .block .bannerTitle {
  padding-left: 8px;
}

.sideTextBanner li .block .bannerTitle span {
  padding-right: 0;
}

/* --------------------------------------------------
	スマートフォン用サイドメジャー ナビ
-------------------------------------------------- */
#sideMajorNavi {
  margin-top: 20px;
}

/* --------------------------------------------------
	メインタイトル（カテゴリーページ?個別ページ）
-------------------------------------------------- */
.mainTitle {
  padding: 0;
}

.mainTitle .inner {
  width: 1020px;
}

.mainTitle .imgTitle {
  display: block;
}

/* --------------------------------------------------
	汎用Class
-------------------------------------------------- */
.pcOnly {
  display: block !important;
}

.spOnly {
  display: none !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .pcOnly {
    display: none !important;
  }

  .spOnly {
    display: block !important;
  }
}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/*	メインビジュアル
-------------------------------------------------- */
#mainVisual {
  text-align: center;
}

#mainVisual .inner {
  width: 1020px;
}

/* --------------------------------------------------
	メジャー用ナビゲーション
-------------------------------------------------- */
#majorNavi .inner {
  width: 1020px;
}

#majorNavi li {
  float: left;
  width: 10%;
  border-right-width: 1px;
  border-right-style: solid;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.2;
}

#majorNavi li:first-child {
  border-left-width: 1px;
  border-left-style: solid;
}

/* 機械電子制御 */
#majorNavi .mt {
  border-bottom: 4px solid #b73570 !important;
}

/* 電子計測 */
#majorNavi .em {
  border-bottom: 4px solid #d8374b !important;
}

/* 応用物理学 */
#majorNavi .ap {
  border-bottom: 4px solid #e95532 !important;
}

/* 化学 */
#majorNavi .ch {
  border-bottom: 4px solid #f4a23b !important;
}

/* 知能情報学 */
#majorNavi .ii {
  border-bottom: 4px solid #eec700 !important;
}

/* ネットワーク情報学 */
#majorNavi .ni {
  border-bottom: 4px solid #9fc001 !important;
}

/* 環境科学 */
#majorNavi .es {
  border-bottom: 4px solid #009b6b !important;
}

/* 環境デザイン */
#majorNavi .ed {
  border-bottom: 4px solid #00898d !important;
}

/* メディアデザイン */
#majorNavi .md {
  border-bottom: 4px solid #0062a1 !important;
}

/* 社会情報学 */
#majorNavi .si {
  border-bottom: 4px solid #4d569d !important;
}

#majorNavi li a {
  display: table;
  width: 100%;
  height: 45px;
  color: #333;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#majorNavi li a:hover {
  background-color: #f5f5f5;
}

#majorNavi li a span {
  display: table-cell;
  vertical-align: middle;
}

/* --------------------------------------------------
	メジャー用ナビゲーション：スマートフォン
-------------------------------------------------- */
#spMajorNavi {
  display: none;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  #spMajorNavi {
    display: block;
    margin-bottom: 30px;
  }

  #spMajorNavi .pieceBody {
    background-color: #fff;
    border: 1px solid #ddd;
  }

  #spMajorNavi .pieceBody ul {
    font-size: 1.3em;
    line-height: 1.3;
  }

  /* 機械電子制御 */
  #spMajorNavi .mt {
    border-left: 4px solid #b73570 !important;
  }

  /* 電子計測 */
  #spMajorNavi .em {
    border-left: 4px solid #d8374b !important;
  }

  /* 応用物理学 */
  #spMajorNavi .ap {
    border-left: 4px solid #e95532 !important;
  }

  /* 化学 */
  #spMajorNavi .ch {
    border-left: 4px solid #f4a23b !important;
  }

  /* 知能情報学 */
  #spMajorNavi .ii {
    border-left: 4px solid #eec700 !important;
  }

  /* ネットワーク情報学 */
  #spMajorNavi .ni {
    border-left: 4px solid #9fc001 !important;
  }

  /* 環境科学 */
  #spMajorNavi .es {
    border-left: 4px solid #009b6b !important;
  }

  /* 環境デザイン */
  #spMajorNavi .ed {
    border-left: 4px solid #00898d !important;
  }

  /* メディアデザイン */
  #spMajorNavi .md {
    border-left: 4px solid #0062a1 !important;
  }

  /* 社会情報学 */
  #spMajorNavi .si {
    border-left: 4px solid #4d569d !important;
  }

  #spMajorNavi .pieceBody li a {
    display: block;
    padding: 17px 10px 17px 23px;
    background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow02.png) no-repeat 14px 22px;
    border-top: 1px solid #ddd;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #spMajorNavi .pieceBody li:first-child a {
    border-top: none;
  }

  #spMajorNavi .pieceBody li a:hover {
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
  }
}

/* --------------------------------------------------
	学部：メジャー紹介
-------------------------------------------------- */
.majorList01 {
  list-style: none !important;
  margin: 0 -10px !important;
}

.majorList01 li {
  float: left;
  width: 340px;
  margin: 10px;
  padding: 9px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.majorList01 li a {
  display: block;
  /*	padding: 9px;	*/
  background-color: #fff;
  color: #333 !important;
  text-decoration: none !important;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right center;
}

.majorList01 li a:hover {
  background-color: #fff !important;
  color: #999 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.majorList01 li .majorTitle {
  padding-left: 74px;
  font-size: 1.8rem;
  font-weight: bold;
}

.majorList01 li .majorTitle p {
  margin: 0;
  padding: 8px 0;
  /*	background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right center;*/
}

.majorList01 li .majorTitle span {
  display: block;
  margin-top: -4px;
  font-size: 1.3rem;
  font-weight: normal;
}

.majorList01 li .majorExcerpt {
  margin: 9px 0 0;
  padding-top: 9px;
  border-top: 1px dotted #ccc;
  font-size: 1.4rem;
}

/* 機械電子制御 */
.majorList01 .mt .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_mt01.png) no-repeat left center;
}

/* 電子計測 */
.majorList01 .em .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_em01.png) no-repeat left center;
}

/* 応用物理学 */
.majorList01 .ap .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ap01.png) no-repeat left center;
}

/* 化学 */
.majorList01 .ch .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ch01.png) no-repeat left center;
}

/* 知能情報学 */
.majorList01 .ii .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ii01.png) no-repeat left center;
}

/* ネットワーク情報学 */
.majorList01 .ni .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ni01.png) no-repeat left center;
}

/* 環境科学 */
.majorList01 .es .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_es01.png) no-repeat left center;
}

/* 環境デザイン */
.majorList01 .ed .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ed01.png) no-repeat left center;
}

/* メディアデザイン */
.majorList01 .md .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_md01.png) no-repeat left center;
}

/* 社会情報学 */
.majorList01 .si .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_si01.png) no-repeat left center;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .majorList01 li {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
}

/* --------------------------------------------------
	オープンキャンパス：メジャー紹介
-------------------------------------------------- */
.majorList02 {
  list-style: none !important;
  margin: 0 !important;
}

.majorList02 li {
  margin: 10px 0;
  padding: 9px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.majorList02 li .majorTitle {
  margin-bottom: 8px;
  padding-left: 42px;
  background-size: 32px auto !important;
  font-size: 1.8rem;
  font-weight: bold;
}

.majorList02 li a {
  display: block;
  background-color: #fff;
  color: #333 !important;
  text-decoration: none !important;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right center;
}

.majorList02 li a:hover {
  background-color: #fff !important;
  color: #999 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.majorList02 li .majorExcerpt {
  margin: 9px 0 0;
  padding-top: 9px;
  border-top: 1px dotted #ccc;
  font-size: 1.4rem;
}

.majorList02 li .majorExcerpt > p {
  margin: 0 0 4px;
}

.majorList02 li .majorExcerpt p:last-child {
  margin-bottom: 0;
}

.majorList02 li .majorExcerpt > p > span {
  display: inline-block;
  padding-left: 10px;
  font-size: 1.2rem;
}

/* 機械電子制御 */
.majorList02 .mt .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_mt01.png) no-repeat left center;
}

/* 電子計測 */
.majorList02 .em .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_em01.png) no-repeat left center;
}

/* 応用物理学 */
.majorList02 .ap .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ap01.png) no-repeat left center;
}

/* 化学 */
.majorList02 .ch .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ch01.png) no-repeat left center;
}

/* 知能情報学 */
.majorList02 .ii .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ii01.png) no-repeat left center;
}

/* ネットワーク情報学 */
.majorList02 .ni .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ni01.png) no-repeat left center;
}

/* 環境科学 */
.majorList02 .es .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_es01.png) no-repeat left center;
}

/* 環境デザイン */
.majorList02 .ed .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_ed01.png) no-repeat left center;
}

/* メディアデザイン */
.majorList02 .md .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_md01.png) no-repeat left center;
}

/* 社会情報学 */
.majorList02 .si .majorTitle {
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_si01.png) no-repeat left center;
}

/*	Responsive Settings
-------------------------------------------------- */
@medimajortitlescreen and (min-width:320px) and (max-width:640px) {
  .majorList02 li {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
}

/* --------------------------------------------------
	各メジャー
-------------------------------------------------- */
/*	各メジャートップのニュースリスト
-------------------------------------------------- */
.majorNewsList .noTabs .tabs {
  display: none;
}

.majorNewsList .noTabs .wrapper {
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

/*	各メジャーのサイドナビゲーション
-------------------------------------------------- */
/*
.sideNavi h3 {
    padding: 12px 0 12px 14px;

    background-color: #eee;
    cursor: pointer;
}
*/

/*	各メジャーのサイドナビゲーション（?）
-------------------------------------------------- */
.column3 .rightColumn {
  margin-top: -20px;
}

/* --------------------------------------------------
	システム工学部キャリア支援室からのお知らせ
-------------------------------------------------- */
#careerTopics .wrapper {
  border: none;
}

#careerTopics .separator,
#careerTopics .site {
  display: none;
}

/* --------------------------------------------------
	新着記事一覧（分野別）
-------------------------------------------------- */
.contentArticleCategory .latest h2 {
  float: left;
  margin-bottom: 20px;
  font-size: 1.6em;
}

.contentArticleCategory .feed {
  float: right;
}

/*
.contentArticleCategory dl {
	font-size: 1.4em;
}

.contentArticleCategory dt {
	display: block;
	margin-bottom: 0px;
}

.contentArticleCategory dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #cbcbcb;
}

.contentArticleCategory dd:last-child {
	margin-bottom: 0;
}

.contentArticleCategory dd a {
	color: #005ac8;
}

.contentArticleCategory dd a:hover {
	color: #ff9800;
	text-decoration: underline;
}

.contentArticleCategory dl .attributes,
.contentArticleCategory dl .unit {
	display: none;
}

.contentArticleCategory .date {
	margin-top: 24px;
	padding: 10px;
	background-color: #e5eded;
	border-radius: 5px;
	font-size: 1.4em;
}

.contentArticleCategory .date:first-child {
	margin-top: 0;
}

*/

.contentArticleCategory ul {
  clear: both;
  margin-top: 16px;
  margin-left: 10px;
  font-size: 1.4em;
}

.contentArticleCategory li {
  margin-top: 10px;
}

.contentArticleCategory li:first-child {
  margin-top: 0;
}

.contentArticleCategory li a {
  padding-left: 20px;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow01.png) no-repeat left center;
  color: #005ac8;
}

.contentArticleCategory li .separator,
.contentArticleCategory li .unit {
  display: none;
}

.contentArticleCategory .more {
  margin-top: 20px;
  font-size: 1.4em;
  text-align: right;
}

.contentArticleCategory .category h2 {
  margin: 15px 0;
  font-size: 1.6em;
}

.contentArticleCategory .category h2 a {
  display: block;
  min-height: 14px;
  padding: 10px 10px 10px 30px;
  background: #e5eded url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat 10px center;
  border-radius: 5px;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.contentArticleCategory .category h2 a:hover {
  background-color: #f5f6fa;
  color: #999;
  text-decoration: none;
}

/* --------------------------------------------------
	#indexImportantNewsTabList - 重要なお知らせ
-------------------------------------------------- */
#indexImportantNewsTabList {
  margin-bottom: 30px;
}

#indexImportantNewsTabList h2 {
  min-height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_title_important01.png) no-repeat left center;
  font-size: 1.6em;
  font-weight: bold;
}

#indexImportantNewsTabList h2:before {
  content: "\e604";
  display: inline-block;
  margin-right: 8px;
  font-family: "ico_wu_theme";
  color: #964f59;
}

#indexImportantNewsTabList .tabs {
  display: none;
}

#indexImportantNewsTabList .wrapper {
  padding: 19px;
  background: #fff;
  border: 1px solid #ddd;
}

#indexImportantNewsTabList dl {
  font-size: 1.4em;
}

#indexImportantNewsTabList dt {
  display: block;
  margin-bottom: 15px;
}

#indexImportantNewsTabList dd {
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #cbcbcb;
  line-height: 1.3;
}

#indexImportantNewsTabList dd a {
  display: inline-block;
  color: #005ac8;
  line-height: 1.3;
}

#indexImportantNewsTabList dd a:hover {
  color: #ff9800;
  text-decoration: underline;
}

#indexImportantNewsTabList dl dd:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* 重要 */
#indexImportantNewsTabList dl dt:before {
  display: inline-block;
  content: "重要";
  width: 140px;

  margin-right: 10px;
  padding: 3px 0;
  background-color: #964f59;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

#indexImportantNewsTabList dl .attributes,
#indexImportantNewsTabList dl .unit {
  display: none;
}

/* --------------------------------------------------
	メジャー：white-space: nowrap用 2016/11/30
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .articleBody td {
    white-space: normal !important;
  }
}

/* --------------------------------------------------
	YouTube動画：レスポンシブ用 2016/12/01 西岡
-------------------------------------------------- */
.movie {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}

.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 640px;
}

/* --------------------------------------------------
	受賞表示用：レスポンシブ用 2016/12/01 小橋
-------------------------------------------------- */
.contentPortalCategory .feed {
  margin-bottom: 20px;
}

.contentPortalCategory .date {
  margin-top: 24px;
  padding: 10px;
  background-color: #e5eded;
  border-radius: 5px;
  font-size: 1.4em;
}

.contentPortalCategory .date:first-child {
  margin-top: 0;
}

.contentPortalCategory ul {
  clear: both;
  margin-top: 16px;
  margin-left: 10px;
  font-size: 1.4em;
}

.contentPortalCategory li {
  margin-top: 10px;
}

.contentPortalCategory li:first-child {
  margin-top: 0;
}

.contentPortalCategory li a {
  padding-left: 20px;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow01.png) no-repeat left center;
  color: #005ac8;
}

.contentPortalCategory li .separator,
.contentPortalCategory li .unit {
  display: none;
}

.contentPortalCategory .more {
  margin-top: 20px;
  font-size: 1.4em;
  text-align: right;
}

.contentPortalCategory .category h2 {
  margin: 15px 0;
  font-size: 1.6em;
}

.contentPortalCategory .category h2 a {
  display: block;
  min-height: 14px;
  padding: 10px 10px 10px 30px;
  background: #e5eded url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat 10px center;
  border-radius: 5px;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.contentPortalCategory .category h2 a:hover {
  background-color: #f5f6fa;
  color: #999;
  text-decoration: none;
}

/* --------------------------------------------------
	お知らせ：属性表示用 2016/12/14 西岡 2016/12/20 修正
-------------------------------------------------- */
dt.attrFaculty:before {
  display: inline-block;
  content: "システム工学部";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #a4586c;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrGraduate:before {
  display: inline-block;
  content: "システム工学研究科";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #4e5f87;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrMt:before {
  display: inline-block;
  content: "機械電子制御";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #b73570;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrEm:before {
  display: inline-block;
  content: "電子計測";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #d8374b;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrEe:before {
  display: inline-block;
  content: "電気電子工学";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #d8374b;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrAp:before {
  display: inline-block;
  content: "応用物理学";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #e95532;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrMe:before {
  display: inline-block;
  content: "材料工学";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #e95532;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrCh:before {
  display: inline-block;
  content: "化学";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #f4a23b;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrIi:before {
  display: inline-block;
  content: "知能情報学";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #eec700;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrNi:before {
  display: inline-block;
  content: "ネットワーク情報学";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #9fc001;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrEs:before {
  display: inline-block;
  content: "環境科学";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #009b6b;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrEd:before {
  display: inline-block;
  content: "環境デザイン";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #00898d;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrMd:before {
  display: inline-block;
  content: "メディアデザイン";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #0062a1;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrSi:before {
  display: inline-block;
  content: "社会情報学";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #4d569d;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}
/* 20170315 nakatani add */
dt.attrCc:before {
  display: inline-block;
  content: "情報通信システム学科";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #bf9213;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrOm:before {
  display: inline-block;
  content: "光メカトロニクス学科";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #ca4974;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrMc:before {
  display: inline-block;
  content: "精密物質学科";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #ce7233;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrEsys:before {
  display: inline-block;
  content: "環境システム学科";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #00877b;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

dt.attrDi:before {
  display: inline-block;
  content: "デザイン情報学科";
  width: 140px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #0072ac;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

/*************************/

/*	20161214 メジャー亚洲通官网_现金网游戏-【娱乐平台】一覧用
-------------------------------------------------- */
.contentArticleCategory .feed {
  margin-bottom: 30px;
  text-align: right;
}

.contentArticleCategory dl {
  font-size: 1.4em;
  clear: both;
}

.contentArticleCategory dt {
  display: block;
  margin-bottom: 10px;
}

.contentArticleCategory dd {
  margin-bottom: 15px;
  padding-bottom: 14px;
  border-bottom: 1px dotted #cbcbcb;
}

.contentArticleCategory dd:last-child {
  margin-bottom: 0;
}

.contentArticleCategory dd a {
}

.contentArticleCategory dd a:hover {
  text-decoration: underline;
}

.contentArticleCategory dl .attributes,
.contentArticleCategory dl .unit {
  display: none;
}

/* ページネーション */
.contentArticleCategory .pagination {
  margin-top: 30px;
  text-align: center;
  font-size: 1.4em;
}

/*	システム工学部 旧学科体制サイドナビ用 2016/12/14 西岡
-------------------------------------------------- */
.formerNavi {
  background-color: #fff;
  border: 1px solid #ddd;
}

.formerNavi ul {
  font-size: 1.3em;
  line-height: 1.3;
}

.formerNavi li a {
  display: block;
  padding: 17px 10px 17px 23px;
  background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow02.png) no-repeat 14px 22px;
  border-top: 1px solid #ddd;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.formerNavi li:first-child a {
  border-top: none;
}

/*	システム工学部 旧学科体制サイドナビ用 2016/12/14 西岡
-------------------------------------------------- */
.sideNavi #majorNiSideNavi .pieceHeader h2 {
  font-size: 1.3em;
}

/*	Joruri CMS 2020
-------------------------------------------------- */
.tabList .category span:not([class*="zokusei"]),
.contentGpArticleDocs .category span:not([class*="zokusei"]),
.contentGpCategory .category > span:not([class*="zokusei"]),
.contentGpCategory section .category span:not([class*="zokusei"]) {
  display: none;
}

#indexImportantNewsTabList .category span,
.tabList .category span,
.contentGpArticleDocs .category span,
.contentGpCategory .category > span,
.contentGpCategory section .category span {
  width: 130px !important;
}

.tabList .category span.zokusei-important,
.contentGpArticleDocs .category span.zokusei-important,
.contentGpCategory .category span.zokusei-important {
  background-color: #964f59;
}

.tabList .category span.zokusei-newim,
.contentGpArticleDocs .category span.zokusei-newim,
.contentGpCategory .category span.zokusei-newim {
  background-color: #a5a9c4;
}

.tabList .category span.zokusei-newase,
.contentGpArticleDocs .category span.zokusei-newase,
.contentGpCategory .category span.zokusei-newase {
  background-color: #d7ac81;
}

.tabList .category span.zokusei-facultynew,
.contentGpArticleDocs .category span.zokusei-facultynew,
.contentGpCategory .category span.zokusei-facultynew {
  background-color: #a4586c;
}

.tabList .category span.zokusei-faculty,
.contentGpArticleDocs .category span.zokusei-faculty,
.contentGpCategory .category span.zokusei-faculty {
  background-color: #a4586c;
}

.tabList .category span.zokusei-newed,
.contentGpArticleDocs .category span.zokusei-newed,
.contentGpCategory .category span.zokusei-newed {
  background-color: #aab492;
}

.tabList .category span.zokusei-graduate,
.contentGpArticleDocs .category span.zokusei-graduate,
.contentGpCategory .category span.zokusei-graduate {
  background-color: #4e5f87;
}

.tabList .category span.zokusei-mt,
.contentGpArticleDocs .category span.zokusei-mt,
.contentGpCategory .category span.zokusei-mt {
  background-color: #b73570;
}

.tabList .category span.zokusei-em,
.contentGpArticleDocs .category span.zokusei-em,
.contentGpCategory .category span.zokusei-em {
  background-color: #d8374b;
}

.tabList .category span.zokusei-ee,
.contentGpArticleDocs .category span.zokusei-ee,
.contentGpCategory .category span.zokusei-ee {
  background-color: #d8374b;
}

.tabList .category span.zokusei-ap,
.contentGpArticleDocs .category span.zokusei-ap,
.contentGpCategory .category span.zokusei-ap {
  background-color: #e95532;
}

.tabList .category span.zokusei-me,
.contentGpArticleDocs .category span.zokusei-me,
.contentGpCategory .category span.zokusei-me {
  background-color: #e95532;
}

.tabList .category span.zokusei-ch,
.contentGpArticleDocs .category span.zokusei-ch,
.contentGpCategory .category span.zokusei-ch {
  background-color: #f4a23b;
}

.tabList .category span.zokusei-ii,
.contentGpArticleDocs .category span.zokusei-ii,
.contentGpCategory .category span.zokusei-ii {
  background-color: #eec700;
}

.tabList .category span.zokusei-ni,
.contentGpArticleDocs .category span.zokusei-ni,
.contentGpCategory .category span.zokusei-ni {
  background-color: #9fc001;
}

.tabList .category span.zokusei-es,
.contentGpArticleDocs .category span.zokusei-es,
.contentGpCategory .category span.zokusei-es {
  background-color: #009b6b;
}

.tabList .category span.zokusei-ed,
.contentGpArticleDocs .category span.zokusei-ed,
.contentGpCategory .category span.zokusei-ed {
  background-color: #00898d;
}

.tabList .category span.zokusei-md,
.contentGpArticleDocs .category span.zokusei-md,
.contentGpCategory .category span.zokusei-md {
  background-color: #0062a1;
}

.tabList .category span.zokusei-si,
.contentGpArticleDocs .category span.zokusei-si,
.contentGpCategory .category span.zokusei-si {
  background-color: #4d569d;
}

.tabList .category span.zokusei-cc,
.contentGpArticleDocs .category span.zokusei-cc,
.contentGpCategory .category span.zokusei-cc {
  background-color: #bf9213;
}

.tabList .category span.zokusei-om,
.contentGpArticleDocs .category span.zokusei-om,
.contentGpCategory .category span.zokusei-om {
  background-color: #ca4974;
}

.tabList .category span.zokusei-mc,
.contentGpArticleDocs .category span.zokusei-mc,
.contentGpCategory .category span.zokusei-mc {
  background-color: #ce7233;
}

.tabList .category span.zokusei-esys,
.contentGpArticleDocs .category span.zokusei-esys,
.contentGpCategory .category span.zokusei-esys {
  background-color: #00877b;
}

.tabList .category span.zokusei-di,
.contentGpArticleDocs .category span.zokusei-di,
.contentGpCategory .category span.zokusei-di {
  background-color: #0072ac;
}

.pagination {
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 1.4em;
  margin: 10px auto;
}

.contentArticleDoc .header .publishedAt {
  border: none;
}

.contentArticleDoc .body {
  border: none;
}

.contentArticleDoc .back {
  border: none;
}

.contentPage {
  padding: 0;
}

#indexImportantNewsTabList .content .publish_date:before {
  width: 150px;
  background-color: #964f59;
  font-size: 90%;
}

.tabList .category span.zokusei-faculty_graduate,
.contentGpArticleDocs .category span.zokusei-faculty_graduate,
.contentGpCategory .category span.zokusei-faculty_graduate {
  background: linear-gradient(45deg, #A4586C 0%, #A4586C 50%, #4E5F87 50%, #4E5F87 100%);
}