@charset "utf-8";
/* 基本的なリンク色指定

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

a {

	color: #666;

}

a:hover {

	color: #888;

}


/* 右向きの三角形の色指定

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

span.triangle { 


	border-left-color: red; 

}



/* 翻訳ボタンの色指定

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

.lang li a {

	background: #989898; /* 翻訳ボタンの背景色 */

}

li.sl01 a:hover, li.sl02 a:hover, li.sl03 a:hover, li.sl04 a:hover {

	background: #980000; /* 翻訳ボタンのhoverの背景色 */

}

/* 文字サイズ変更ボタンの色指定

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

.fontsize li a {

	border: 2px solid #efefef; /* フォントサイズの一番後ろの薄い灰色 */

	background: #ccc; /* フォントサイズ二番目の濃い灰色 */

}


.fontsize li a span.fs_gradient {

	/* フォントサイズの背景色。moz,webkitはグラデーション。それ以外は白に近い灰色 */

	background: #f8f8f8;

	background: -moz-linear-gradient(top, #f8f8f8,

									#fff 49%,

									#f3f3f3 50%,

									#f8f8f8);

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),

									color-stop(0.49, #fff),

									color-stop(0.5, #f3f3f3),

									to(#f8f8f8));

}



.fontsize li a:hover span.fs_gradient {

	color: #fff;

	/* フォントサイズの背景色。moz,webkitはグラデーション。それ以外は赤 */

	background: #a60000;

	background: -moz-linear-gradient(top, #aa1515,

									#a60000 49%,

									#9a0303 50%,

									#9e1616);

	background: -webkit-gradient(linear, left top, left bottom, from(#aa1515),

									color-stop(0.49, #a60000),

									color-stop(0.5, #9a0303),

									to(#9e1616));

}



/* メインナビゲーションの指定

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



.mainnav {

	background: #952428; /* メインナビゲーションの背景色 */

}

.mainnav li a {

	border-left: 1px solid #bb0000; /* メインナビゲーションの仕切り線 左側の色 */

	border-right: 1px solid #730000; /* メインナビゲーションの仕切り線 右側の色 */

}



/* サブナビゲーションの指定

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

ul.subnav {

	background: #f3f0e8; /* サブナビゲーションの背景色。 */

}

.subnav li a {

	background: url(../img/sub-menu.png) no-repeat; /* サブナビゲーションの文字色は、画像を修正する必要あり。*/

}

.subnav li a:hover {

	background: #ebe6d8 url(../img/sub-menu.png); /* Hover時のサブナビゲーションの背景色。 */

}

/*

===================================================================

サブメニュー内の検索フォーム

===================================================================

*/

.subnav form {

	width: 260px;

	margin-top: 8px;

	padding-right: 25px;

	float: right;

}

input.sitesearch {

	width: 180px;

	height: 18px;

	background: -moz-linear-gradient(top, #f2f2f2, #fff);

	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2),to(#fff));

	border: 1px solid #ccc;

}

input.sitesubmit {

	width: 70px;

	height: 22px;

	text-indent: -9999px;

	background: url(../img/submit.png);

	border: none;

	cursor: pointer;

}

/*

===================================================================

イメージ画像

===================================================================

*/

#photo {

	margin-bottom: 20px;

}

/*

===================================================================

パンくず

===================================================================

*/

p.crumb a {

	text-decoration: none;

}

/*

===================================================================

コンテンツ部分

===================================================================

*/

/* 共通

-----------------------------------------------------------------*/

#content {

	margin-bottom: 10px;

}

.contentL { /* 左 */

	width: 220px;

	float: left;

	overflow: hidden;

	margin-right: 20px;

}

.contentC { /* 中央 */

	width: 560px;

	float: left;

	overflow: hidden;

	margin-right: -20px;

}

	.cc { /* 中央内の縦枠 */

		width: 260px;

		margin-right: 20px;

		float: left;

	}

.contentR { /* 右 */

	width: 160px;

	float: right;

	overflow: hidden;

}

/* 左コンテンツ

-----------------------------------------------------------------*/

ul.pickup {

	width: 210px;

	padding: 5px;

	overflow: hidden;

	background: #efefef;

}

.pickup li {

	text-indent: -99999px;

}

.pickup li a {

	width: 210px;

	height: 50px;

	float: left;

	margin-bottom: 2px;

	background: url(../img/left-menu.png) no-repeat;

}

li.cl01 a { background-position: 0 0; } /* 付属図書館 */

li.cl02 a { background-position: 0 -50px; } /* 公開講座・市民開放授業 */

li.cl03 a { background-position: 0 -100px; } /* 国際交流 */

li.cl04 a { background-position: 0 -150px; } /* 採用情報 */

li.cl05 a { background-position: 0 -200px; } /* 百周年記念事業 */

li.cl06 a { background-position: 0 -250px; } /* Barrel学術成果コレクション */

li.cl07 a { background-position: 0 -300px; } /* 商大君がいく！ */

li.cl08 a { background-position: 0 -350px; } /* アクセス・キャンバス */

li.cl09 a { background-position: 0 -400px; } /* 学内限定 */

/* 中央コンテンツ

-----------------------------------------------------------------*/

span.grayback {

	width: 254px;

	height: 24px;

	float: left;

	overflow: hidden;

	padding: 1px;

	border: 2px solid #efefef; /* 見出しの一番後ろの薄い灰色 */

	background: #ccc; /* 見出し二番目の濃い灰色 */

}

span.gradient {

	width: 250px;

	height: 22px;

	float: left;

	padding: 1px 2px;

	/* 見出しの背景色。moz,webkitはグラデーション。それ以外は白に近い灰色 */

	background: #f8f8f8;

	background: -moz-linear-gradient(top, #f8f8f8,

									#fff 49%,

									#f3f3f3 50%,

									#f8f8f8);

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),

									color-stop(0.49, #fff),

									color-stop(0.5, #f3f3f3),

									to(#f8f8f8));

}

.grayback .gradient h3 {

	font-size: 110%;

	height: 19px;

	float: left;

	border-left: 3px solid #990000; /* 見出しの左側の赤線 */

	padding: 3px 0 0 6px;

	font-weight: bold;

}

.grayback .gradient h3 span {

	font-size: 80%;

	color: #990000; /* 見出しのサブタイトル */

	letter-spacing: 0;

	font-weight: normal;

	margin-left: 5px;

}

.grayback .gradient span.more a {

	width: 66px;

	height: 21px;

	font-size: 80%;

	float: right;

	border-left: 1px solid #ccc;

	letter-spacing: 0;

	text-decoration: none;

	padding: 1px 0 0 4px;

	background: url(../img/arrow.png) 63px 5px no-repeat;

}

.grayback .gradient span.more a:hover {

	background: #f2f2f2 url(../img/arrow.png) 63px 5px no-repeat; /* 見出しの一覧 hover時の背景色 */

}

.cc ol li {

	width: 236px;

	padding: 12px;

	float: left;

	border-bottom: 1px dotted #ccc;

}

.cc ol li span {

	color: #666;

	display: block;

}

.cc ol li a {

	color: #990000;

}

.cc ol li a:hover {

	color: #600000;

}

/* 右コンテンツ */

ul.ad li a img {

	float: left;

	margin-bottom: 10px;

	/margin-top: 10px; /* for ie6,7 */

}

/*

===================================================================

ページの先頭へ

===================================================================

*/

p.topback {

	float: left;

	margin-bottom: 10px;

}

p.topback a {

	color: #999;

	font-size: 80%;

	text-decoration: none;

	text-align: center;

	padding: 15px 0 4px;

	background: #efefef url(../img/topback.png) center 6px no-repeat;

}

	p.topback a:hover {

		background: #e4e4e4 url(../img/topback.png) center 6px no-repeat; /* ページ先頭へ hover時の背景色 */

	}

/* フッターの色指定

================================================================ */
.bottom_rap {

	background: #952428; /* フッターの背景色 */

}

.addbox {
	
	color: #fff;

}



/* コンテンツ見出しの色・背景色指定

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

.contentCR .grayback .gradient h2 {

	border-left: 6px solid #990000; /* 見出しの左側の赤線 */

	color: #000;

}

.contentCR .grayback .gradient h2 span {

	color: #990000; /* 見出しのサブタイトル */

}


/* ウェブサイトのトップ　フォルダ一覧のリンク色指定

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

dl.boxlist h3 a {

	color: #990000;

}


/* ウェブサイトの下層ページのh3等のスタイル指定

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

.pagebody h3 {

	border-left: 5px solid #990000;/* 左側の太線 */

}

.pagebody h4 {

	border-left: 5px solid #990000;/* 左側の太線 */

}





/* メインナビゲーション　スタイル補完。触らない方が無難です。

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

li.mn01 a { width: 86px; background-position: 0 0; border-left: none;}

li.mn02 a { width: 172px; background-position: -86px 0; }

li.mn03 a { width: 172px; background-position: -258px 0; }

li.mn04 a { width: 173px; background-position: -430px 0; }

li.mn05 a { width: 172px; background-position: -603px 0; }

li.mn06 a { width: 175px; background-position: -775px 0; border-right: none; }

li.mn01 a:hover { background-position: 0 -50px; }

li.mn02 a:hover { background-position: -86px -50px; }

li.mn03 a:hover { background-position: -258px -50px; }

li.mn04 a:hover { background-position: -430px -50px; }

li.mn05 a:hover { background-position: -603px -50px; }

li.mn06 a:hover { background-position: -775px -50px; }