@charset "utf-8";
/* **************************************************

CSS Information
File Name : color_settings_gradsys.css
Style Info: 研究科カラー設定
Date: 2015-09-16
Update：2018-03-07

************************************************** */

/* --------------------------------------------------
	00 - ページ内リンク カラー設定
-------------------------------------------------- */
/*	ページ内リンク 背景カラー */
/*
.pagelink-bg-color {
	background-color: #4E5F87;
}

/*	ページ内リンク メニューカラー */
.pagelink-menu-color li {
  background-color: #4e5f87;
}

/*	ページ内リンク メニュー（ホバー時）カラー */
.pagelink-menu-hover-color li:hover {
  background-color: #8e9bbe;
}

/*	ページ内リンク テキストカラー */
.pagelink-text-color a {
  color: #fff !important;
}

/*	ページ内リンク ボーダーカラー */
.pagelink-border-color li {
  border-color: #8e9bbe !important;
}
*/


/* --------------------------------------------------
	01 - ヘッダー カラー設定
-------------------------------------------------- */
/*	ヘッダー 背景カラー */
.header-bg-color {
  background-color: #fff;
}

/*	ヘッダー（上部） ボーダーカラー */
.header-border-color {
  border-top-color: #4e5f87;
}

/*	ヘッダー テキストカラー設定 */
.header-text-color {
  /*	color: #111 !important; */
}

/*	ヘッダー ボタンカラー設定
-------------------------------------------------- */
/* ノーマル状態
-------------------------------------------------- */
/* ボタンカラー */
.header-btn-color li a,
.header-btn-color .current {
  background-color: #eee !important;
}

/* ボタン文字カラー */
.header-btn-color li a,
.header-btn-color li a .icon-color {
  color: #333 !important;
}

/* アクティブ状態
-------------------------------------------------- */
/* ボタンカラー */
.header-btn-color li a:hover,
.header-btn-color li .textresizer-active,
#headerLang .current {
  background-color: #4e5f87 !important;
}

/* ボタン文字カラー*/
.header-btn-color li a:hover,
.header-btn-color li a:hover .icon-color,
.header-btn-color li .textresizer-active,
#headerLang .current {
  color: #fff !important;
}

/*	ヘッダーナビ アイコンカラー設定 */

/*
.headerNavi .icon-color,
.headerNavi .externalLink:after {
	color: #4E5F87 !important;
}
*/

.headerNavi .sys .icon-color,
.headerNavi .sys .externalLink:after {
  color: #aa636d !important;
}

.headerNavi .icon-color,
.headerNavi .gradsys .externalLink:after {
  color: #4e5f87 !important;
}

.headerNavi .gradsys .icon-color:after {
  /*	color: #4E5F87 !important; */
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  /*	訪問者別リンクボタン（スマートフォン用） アイコンカラー */
  .btn-smp-icon-color a span {
    color: #aa636d !important;
  }

  /*	訪問者別リンクボタン（スマートフォン用） 背景カラー */
  .btn-smp-bg-color a {
    background-color: #e5eded;
  }

  /*	ヘッダーナビゲーション（スマートフォン用） アイコン?テキストカラー */
  .header-smp-text-color .headerNavi li a * {
    color: #333 !important;
  }

  /*	ヘッダーナビゲーション（スマートフォン用） 背景カラー */
  .header-smp-bg-color .headerNavi,
  .header-smp-bg-color .headerNavi li a {
    background-color: #f9f9f4 !important;
  }
}

/* --------------------------------------------------
	02 - グローバルナビゲーション カラー設定
-------------------------------------------------- */
/*	グローバルナビゲーション 背景カラー*/
.gnavi-bg-color {
  background-color: #4e5f87;
}

/*	グローバルナビゲーション メニューカラー */
.gnavi-menu-color li {
  background-color: #4e5f87;
}

/*	グローバルナビゲーション メニュー（ホバー時）カラー */
.gnavi-menu-hover-color li:hover {
  background-color: #8e9bbe;
}

/*	グローバルナビゲーション テキストカラー */
.gnavi-text-color a {
  color: #fff !important;
}

/*	グローバルナビゲーション ボーダーカラー */
.gnavi-border-color li {
  border-color: #8e9bbe !important;
}

/* --------------------------------------------------
	03 - 訪問者別ナビゲーション カラー設定
-------------------------------------------------- */
/*	訪問者別ナビゲーション 背景カラー */
.tnavi-bg-color {
  background-color: #e5eded;
}

/*	訪問者別ナビゲーション メニューカラー */
.tnavi-menu-color li {
  background-color: #e5eded;
}

/*	訪問者別ナビゲーション メニュー（ホバー時）カラー */
.tnavi-menu-hover-color li:hover {
  background-color: #f2f6f6;
}

/*	訪問者別ナビゲーション テキストカラー */
.tnavi-text-color a {
  color: #333 !important;
}

/*	訪問者別ナビゲーション ボーダーカラー- */
.tnavi-border-color li {
  border-color: #fff !important;
}

/*	訪問者別ナビゲーション アイコンカラー */
#targetNavi .icon-color {
  color: #333 !important;
}

/* --------------------------------------------------
	04 - コンテンツ カラー設定
-------------------------------------------------- */
.contents-bg-color {
  background-color: #f9f9f4;
}

/*重要なお知らせ　アイコン　*/
#indexImportantNewsTabList h2:before {
  color: #4e5f87;
}

/*重要なお知らせ　タブ　*/
#indexImportantNewsTabList dl dt:before {
  background-color: #4e5f87;
}

/*	01 - メイン カラー設定
	-------------------------------------------------- */
/* メイン テキストカラー */
.main-text-color {
  color: #333 !important;
}

/* メイン リンクカラー */
/* 20151005 追記 */
.main-link-color a,
.main-link-color .externalLink:after {
  color: #1982d2 !important;
}

/* hover時 */
.main-link-color a:hover,
.newsList .more a:hover {
  color: #fba22b !important;
}

/*	見出し1 テキストカラー */
.heading-text-color #pageTitle h1,
.heading-text-color .articleHeader h1,
.heading-text-color .body .heading01,
.heading-text-color .contentGpArticleDoc .header h1 {
  color: #fff !important;
}

/*	見出し 背景カラー */
.heading-bg-color #pageTitle h1,
.heading-bg-color .articleHeader h1,
.heading-bg-color .body .heading01,
.heading-bg-color .body h3:before,
.heading-bg-color .body .heading03:before,
#pageTitle h1 {
  background-color: #4e5f87 !important;
}

/*	見出し ボーダーカラー */
.heading-bg-color #pageTitle h1,
.heading-bg-color .articleHeader h1,
.heading-bg-color .body .heading01,
#pageTitle h1 {
  border-color: #666 !important;
}

/*	ボタンカラー */
.btn01 a span {
  background-color: #4e5f87;
}

/*	バーガーカラー */
#ham-menu .barger1 {
  background-color: #4e5f87;
}

.gradsys-bg-color {
  background-color: rgba(78, 95, 135, 0.7);
}

/*左線*/
div#contents h2 {
  border-left: solid 5px #4e5f87;
}

/*	02 - サイド テーマカラー設定
	-------------------------------------------------- */
/* サイド見出し：テキストカラー*/
.side-heading-text-color .sideNavi .pieceHeader,
.side-heading-text-color .sideLinks .pieceHeader,
.side-heading-text-color .sideEventCalendar .pieceHeader {
  color: #fff !important;
}

/* サイド見出し：背景カラー*/
.side-heading-bg-color .sideNavi .pieceHeader,
.side-heading-bg-color .sideLinks .pieceHeader,
.side-heading-bg-color .sideEventCalendar .pieceHeader {
  background-color: #4e5f87 !important;
}

/* サイド見出し：ボーダーカラー*/
.side-heading-border-color .sideNavi .pieceHeader,
.side-heading-border-color .sideLinks .pieceHeader,
.side-heading-border-color .sideEventCalendar .pieceHeader {
  border-color: #666 !important;
}

/* サイドテキストバナー：ボーダーカラー*/
.side-text-banner-color .sideTextBanner li .block .bannerTitle {
  border-color: #4e5f87 !important;
}

/* --------------------------------------------------
	05 - フッター カラー設定
-------------------------------------------------- */
/*	フッターナビ 背景カラー
-------------------------------------------------- */
.footer-navi-bg-color .footerNavi {
  background-color: #f1f2f5 !important;
}

/*	フッターナビ テキストカラー
-------------------------------------------------- */
.footer-navi-text-color .footerNavi a {
  color: #333 !important;
}

/*	フッターナビ リンク（ホバーカラー）
-------------------------------------------------- */
.footer-navi-text-color .footerNavi a:hover {
  color: #666 !important;
}

/*	フッターナビ アイコンカラー
-------------------------------------------------- */
.footer-navi-text-color .footerNavi li a span:before {
  color: #4e5f87 !important;
}

/*	フッター（copyright等） 背景カラー
-------------------------------------------------- */
.footer-bg-color .subFooter {
  background-color: #4e5f87;
}

/*	フッター（copyright等） テキストカラー
-------------------------------------------------- */
.footer-text-color .subFooter * {
  color: #fff !important;
}

/* --------------------------------------------------
	06 - トップページ カラー設定
-------------------------------------------------- */

/*	お知らせ：見出し テキスト?リンクカラー
-------------------------------------------------- */
.news-list-text-color,
.news-list-link-color a {
  color: #333 !important;
}

/*	お知らせ：ボタン アイコンカラー（一覧を見る?RSS）
-------------------------------------------------- */
.newsList .icon-color {
  color: #4e5f87 !important;
}

/* --------------------------------------------------
	07 - 内部ページ メインタイトル カラー設定
-------------------------------------------------- */
/*	メインタイトル テキストカラー
-------------------------------------------------- */
.main-title-text-color .title {
  color: #333 !important;
}

/*	メインタイトル 背景カラー
-------------------------------------------------- */
.main-title-bg-color {
  background-color: #444 !important;
}

/*	パンくずリスト テキストカラー
-------------------------------------------------- */
.topic-path-color * {
  color: #333 !important;
}
