@charset "UTF-8";

/*
======== table of content. ===============

summary:ナビゲーション

- ヘッダーファンクションメニュー
- グローバルメニュー
- ブレッドクラム
- サブメニュー
- 訪問者別メニュー
- フッター : ランゲージ
- shareボタン

==========================================
*/

/*----------------------------------------
ヘッダーファンクションメニュー
------------------------------------------*/
#header_utility li { display:inline; }

#header_utility li a {
	padding-top:17px;
	background:url(../images/bt_header.gif);
}

.ie7 #header_utility li a {
	text-indent:-200px;
	overflow:hidden;
}

/* HOME */
#header_utility li#util-home a { width:67px; background-position:0 0; }
#header_utility li#util-home a:hover,
#header_utility li#util-home a.hi { background-position:0 -17px; }

/* お問い合わせ先一覧 */
#header_utility li#util-contact a { width:139px; margin-right:0; background-position:-67px 0; }
#header_utility li#util-contact a:hover,
#header_utility li#util-contact a.hi { background-position:-67px -17px; }

/* 資料請求 */
#header_utility li#util-request a { width:78px; margin-right:0; background-position:-206px 0; }
#header_utility li#util-request a:hover,
#header_utility li#util-request a.hi { background-position:-206px -17px; }

/* アクセスマップ */
#header_utility li#util-access a { width:104px; margin-right:0; background-position:-284px 0; }
#header_utility li#util-access a:hover,
#header_utility li#util-access a.hi { background-position:-284px -17px; }

/* サイトマップ */
#header_utility li#util-sitemap a { width:100px; background-position:-388px 0; }
#header_utility li#util-sitemap a:hover,
#header_utility li#util-sitemap a.hi { background-position:-388px -17px; }

/* English */
#header_utility li#util-lang-eng a { width:81px; background-position:-488px 0; }
#header_utility li#util-lang-eng a:hover,
#header_utility li#util-lang-eng a.hi { background-position:-488px -17px; }

/* Chinese */
#header_utility li#util-lang-ch a { width:78px; background-position:-569px 0; }
#header_utility li#util-lang-ch a:hover,
#header_utility li#util-lang-ch a.hi { background-position:-569px -17px; }

/* Korean */
#header_utility li#util-lang-ko a { width:68px; background-position:-647px 0; }
#header_utility li#util-lang-ko a:hover,
#header_utility li#util-lang-ko a.hi { background-position:-647px -17px; }

/*----------------------------------------
訪問者別メニュー
------------------------------------------*/
#visitorMenu li { display:inline; zoom:1; }

#visitorMenu li a {
	width:167px;
	padding-top:21px;
	background-image:url(../images/bt_visitormenu.gif);
}

.ie7 #visitorMenu li a {
	text-indent:-200px;
}

/* 一橋大学で学びたい方へ */
#visitorMenu li#vnavi-admission a { width:169px; background-position:0 0; }
#visitorMenu li#vnavi-admission a:hover,
#visitorMenu li#vnavi-admission.hi a { background-position:0 -21px; }

/* 在学生の方へ */
#visitorMenu li#vnavi-students a { background-position:-169px 0; }
#visitorMenu li#vnavi-students a:hover,
#visitorMenu li#vnavi-students.hi a { background-position:-169px -21px; }

/* 卒業生の方へ */
#visitorMenu li#vnavi-graduates a { background-position:-336px 0; }
#visitorMenu li#vnavi-graduates a:hover,
#visitorMenu li#vnavi-graduates.hi a { background-position:-336px -21px; }

/* 留学生・留学希望の方へ */
#visitorMenu li#vnavi-studying-abroad a { background-position:-503px 0; }
#visitorMenu li#vnavi-studying-abroad a:hover,
#visitorMenu li#vnavi-studying-abroad.hi a { background-position:-503px -21px; }

/* 学外の方へ */
#visitorMenu li#vnavi-extramural a { background-position:-670px 0; }
#visitorMenu li#vnavi-extramural a:hover,
#visitorMenu li#vnavi-extramural.hi a { background-position:-670px -21px; }

/* 保護者の方へ */
#visitorMenu li#vnavi-protector a { background-position:-837px 0; }
#visitorMenu li#vnavi-protector a:hover,
#visitorMenu li#vnavi-protector.hi a { background-position:-837px -21px; }


/*----------------------------------------
グローバルメニュー
------------------------------------------*/
#globalMenu li { display:inline; }

#globalMenu li a {
	padding-top:30px;
	background-image:url(../images/bt_globalmenu.gif);
	zoom:1;
}

.ie7 #globalMenu li a {
	text-indent:-200px;
}

.ie7 #globalMenu li ul a {
	text-indent:0px;
}

/* 大学案内 */
#globalMenu li#gnavi-guide a { width:145px; background-position:0 0; }
#globalMenu li#gnavi-guide a:hover,
#globalMenu li#gnavi-guide.hi a,
#globalMenu li#gnavi-guide.hover a { background-position:0 -30px; }

/* 研究科・学部 */
#globalMenu li#gnavi-faculties a { width:143px; background-position:-145px 0; }
#globalMenu li#gnavi-faculties a:hover,
#globalMenu li#gnavi-faculties.hi a { background-position:-145px -30px; }

/* 研究所・附属施設 */
#globalMenu li#gnavi-laboratories a { width:143px; background-position:-288px 0; }
#globalMenu li#gnavi-laboratories a:hover,
#globalMenu li#gnavi-laboratories.hi a { background-position:-288px -30px; }

/* 図書館・資料室 */
#globalMenu li#gnavi-library a { width:144px; background-position:-431px 0; }
#globalMenu li#gnavi-library a:hover,
#globalMenu li#gnavi-library.hi a { background-position:-431px -30px; }

/* 研究活動案内 */
#globalMenu li#gnavi-research a { width:143px; background-position:-575px 0; }
#globalMenu li#gnavi-research a:hover,
#globalMenu li#gnavi-research.hi a { background-position:-575px -30px; }

/* 点検・評価 */
#globalMenu li#gnavi-evaluation a { width:143px; background-position:-718px 0; }
#globalMenu li#gnavi-evaluation a:hover,
#globalMenu li#gnavi-evaluation.hi a { background-position:-718px -30px; }

/* 情報公開 */
#globalMenu li#gnavi-information a { width:143px; background-position:-861px 0; }
#globalMenu li#gnavi-information a:hover,
#globalMenu li#gnavi-information.hi a,
#globalMenu li#gnavi-information.hover a { background-position:-861px -30px; }

/* サブメニュー */
#globalMenu li ul { display:none; position:absolute; top:30px; width:260px; padding-left:30px; padding-bottom:30px; z-index:10; }
.ie7 #globalMenu li#gnavi-guide ul { left:0; }

#globalMenu li#gnavi-laboratories li.nolink { float:none; padding-top: 18px; font-size: 12px; z-index: 50; }

/* 研究科・学部 */
#globalMenu li#gnavi-faculties ul { left:143px; }
/* 図書館・資料室 */
#globalMenu li#gnavi-laboratories ul { left:285px; width:262px; }
/* 研究活動案内 */
#globalMenu li#gnavi-library ul { left:428px; width:262px; }
/* 情報公開 */
#globalMenu li#gnavi-information ul { right:0; }
#globalMenu li:hover ul,#globalMenu li.hover ul { display:block; background:url(../images/bg_submenu.png) repeat; z-index:15; }
#globalMenu li ul li { display:block; font-weight:bold; }
#globalMenu li ul a { float:none; position:relative; width:auto!important; height:auto; padding-top:18px; background-image:none; color:#b7190c; font-size:12px; z-index:50; }
#globalMenu li ul a:hover { color:#fff; }

/*----------------------------------------
ブレッドクラム
------------------------------------------*/
ul.breadcrumbs {
	float:left;
	margin:4px 0;
}

ul.breadcrumbs li {
	float:left;
	padding-left:10px;
	font-family:Trajan Pro, serif;
}

.win ul.breadcrumbs li { font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#content ul.breadcrumbs li {
	color:#b7190c;
}

ul.breadcrumbs li a {
	background:url(../images/bg_breadcrumbs.gif) no-repeat 100% 30%;
	padding-right:16px;
	color:#000;
}
ul.breadcrumbs li:last-child a {
	background: none;
	padding-right: 0;
}
ul.breadcrumbs li:last-child a:hover {
	background: none;
}

.iphone ul.breadcrumbs li a,
.ipad ul.breadcrumbs li a,
.win ul.breadcrumbs li a {
	background-position:100% 50%;
}

ul.breadcrumbs li a:hover {
	background-image:url(../images/bg_breadcrumbs_hover.gif);
	color:#b7190c;
}

ul.breadcrumbs li#bread-home {
	padding-left:0;
}

/*----------------------------------------
サブメニュー
------------------------------------------*/
ul#subMenu,
.listArchive {
	margin:0 5px 40px 5px;
}

ul#subMenu li,
.listArchive li {
	line-height:1.3;
}

#content ul#subMenu li a,
.listArchive li a {
	display:block;
	padding-left:12px;
	padding-bottom:10px;
	background:url(../images/bt_arrow.png) no-repeat 0 3px;
	color:#000;
}
#content ul#subMenu li.nolink {
	padding-left:12px;
	padding-bottom:10px;
	color:#555;
}

#content ul#subMenu li a:hover,
#content ul#subMenu li a.hi,
#content ul#subMenu li.hi a {
	color:#b7190c;
}

#content ul#subMenu li a.hi,
#content ul#subMenu li.hi a {
	font-weight:bold;
}

/*----------------------------------------
サブメニューのサブメニュー
------------------------------------------*/
ul#subMenu li ul {
	margin:0 0 12px 20px;
}

.js ul#subMenu li ul {
	display:none;
}

.js ul#subMenu li ul#local-sub-on {
	display:block;
}

ul#subMenu li ul li a {
	z-index:500;
	padding-bottom:6px;
}

#ie6 #content ul#subMenu li ul li a {
	width:173px;
}

#content ul#subMenu li.hi ul li a { color:#000; font-weight:normal; }
#content ul#subMenu li.hi ul li a.hi { color:#b7190c; }
#content ul#subMenu li.hi ul li a:hover { color:#b7190c; }

/*----------------------------------------
訪問者別メニュー
------------------------------------------*/
ul#gatewayMenu {
	width:206px;
	margin:0 auto 40px auto;
}

ul#gatewayMenu li {
	clear:both;
	line-height:1;
}

ul#gatewayMenu li a {
	width:206px;
	background-image:url(../images/bt_sub_gateways.gif);
}

/* Prospective Students */
ul#gatewayMenu li#gateway-prospective a {
	padding-top:40px;
	background-position:0 0;
}

ul#gatewayMenu li#gateway-prospective a:hover,
ul#gatewayMenu li#gateway-prospective.hi a { background-position:-206px 0; }

/* Current Students */
ul#gatewayMenu li#gateway-current a {
	padding-top:43px;
	background-position:0 -40px;
}

ul#gatewayMenu li#gateway-current a:hover,
ul#gatewayMenu li#gateway-current.hi a { background-position:-206px -40px; }

/* Alumni & Donors */
ul#gatewayMenu li#gateway-alumni a {
	padding-top:40px;
	background-position:0 -83px;
}

ul#gatewayMenu li#gateway-alumni a:hover,
ul#gatewayMenu li#gateway-alumni.hi a { background-position:-206px -83px; }

/* Visitors */
ul#gatewayMenu li#gateway-visitors a {
	padding-top:42px;
	background-position:0 -123px;
}

ul#gatewayMenu li#gateway-visitors a:hover,
ul#gatewayMenu li#gateway-visitors.hi a { background-position:-206px -123px; }

/*----------------------------------------
フッター : ランゲージ
------------------------------------------*/
#globalfoot #footer-bottom #language li a {
	padding-top:18px;
	background-image:url(../images/bt_footer_language.gif);
}

#globalfoot #footer-bottom #language li#lang-jp a {
	width:81px;
	background-position:0 0;
}

#globalfoot #footer-bottom #language li#lang-jp a:hover { background-position:0 -18px; }

#globalfoot #footer-bottom #language li#lang-ch a {
	width:78px;
	background-position:-81px 0;
}

#globalfoot #footer-bottom #language li#lang-ch a:hover { background-position:-81px -18px; }

#globalfoot #footer-bottom #language li#lang-kr a {
	width:66px;
	background-position:-159px 0;
}

#globalfoot #footer-bottom #language li#lang-kr a:hover { background-position:-159px -18px; }

/*----------------------------------------
shareボタン
------------------------------------------*/
#shareon {
	position:absolute;
	top:115px;
	right:0;
	width:45px;
	height:80px;
	z-index:1000;
}

#ie6 #shareon {
	position:absolute;
}

.iphone #shareon,
.ipad #shareon {
	top:95px;
	height:17px;
}

#shareon h3 {
	position:relative;
	width:21px;
	height:80px;
	background:url(../images/bg_shareon_h3.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	z-index:1050;
}

.iphone #shareon h3,
.ipad #shareon h3 {
	display:none;
}

#shareon #shareon_inner {
	position:absolute;
	top:0;
	left:21px;
	width:24px;
	height:80px;
	background-color:#b7190c;
	z-index:1050;
}

.iphone #shareon #shareon_inner,
.ipad #shareon #shareon_inner {
	background:none;
}

#shareon #shareon_inner ul {
	padding:20px 3px;
}

#shareon #shareon_inner ul li {
	display:block;
}

#shareon #shareon_inner ul li a {
	width:18px;
	padding-top:17px;
	background-color:#b7190c;
	cursor:pointer;
}

.iphone #shareon #shareon_inner ul li a,
.ipad #shareon #shareon_inner ul li a {
	position:absolute;
	background-color:transparent;
}

#shareon #shareon_inner ul li#facebook a {
	margin-bottom:7px;
	background-image:url(../images/bt_shareon_facebook.png);
}

.iphone #shareon #shareon_inner ul li#facebook a,
.ipad #shareon #shareon_inner ul li#facebook a {
	right:160px;
	width:80px;
	background-image:url(../images/bt_shareon_facebook_i.png);
}

#shareon #shareon_inner ul li#twitter {
}

#shareon #shareon_inner ul li#twitter a {
	background-image:url(../images/bt_shareon_twitter.png);
}

.iphone #shareon #shareon_inner ul li#twitter a,
.ipad #shareon #shareon_inner ul li#twitter a {
	right:80px;
	width:71px;
	background-image:url(../images/bt_shareon_twitter_i.png);
}

@media screen and (max-width: 1004px) {
#navWrap {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 100;
}
nav#visitorMenu,
nav#globalMenu {
	width: auto;
	height: auto;
}
.navopen #navWrap {
	display: block;
}
#visitorMenu li,
#globalMenu li {
	display: block;
	border-bottom: 1px solid #fff;
}
#globalMenu li:hover ul,
#globalMenu li.hover ul {
	display: none !important;
}
#visitorMenu li a,
#globalMenu li a {
	color: #fff;
	float: none !important;
	width: auto !important;
	height: auto !important;
	background: #b7190c !important;
	padding: 12px 15px;
	font-size: 13px;
	position: relative;
}
#visitorMenu li a {
	color: #333;
	background-color: #ccc !important;
}
#visitorMenu li a:after,
#globalMenu li a:after {
	position: absolute;
	content: '';
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
}
#visitorMenu li a:after {
	border-color: #333;
}
ul#subMenu {
	margin: 0 0 20px 0;
}
#content ul#subMenu li a {
	font-size: 14px;
}
}