@charset "UTF-8";

/*
※必要に応じて追加編集してください。

・基本構造
	各タグの基本設定
	
・リンク系
	リンクの色設定
	
・色関係
	文章に色をつけたいときに使用します。
	タグに class="c-red"など追加すれば赤になります。
	
・回り込み
	画像を左右に寄せたいときに使用します。
	詳細は下記に書いています。
	
・インライン要素 
	個別に文章を変化させたいときに使用します。
	例1：<p class="text-r">文章が左寄せになります</p>
	例2：<h1 class="hilite">文章背景が黒になります</h1>
	
・リスト系
	リスト関係の基本構造など
	
・テーブル要素
	各種テーブル設定があります。
	<table class="plain">などで使うことができます。
	
・ブロック関係
	文章をブロック要素で囲むことで
	枠線や背景色をつけたりできます。
	
・イメージ要素
	画像タグにclass="photo"を追加することによって
	影をつけることができます。


これより下は問題がなければ変更する必要はありません。
#wapper		全体を囲んだ設定
#header		上部の設定
#menu		メニュー設定
#contents	コンテンツ基本設定
#banner		バナー
#footer		下部の設定
*/

/*
----------- 基本構造 --------------------- */
body {
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	background: url("/img/background.gif");
}
h1, h3 {
	color: #005A9C;
	background-color: inherit;
}
h1 {
	font-size: 160%;
	border-bottom: 2px solid #005A9C;
	line-height: 120%;
	padding: 20px 0 .2em 0;
	margin: 0 0 1em 0;
}
h2 {
	color: #fff;
	font-size: 130%;
	background: #478BD7;
	line-height: 140%;
	padding: 0 0 0 5px;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 90%;
	font-weight: normal;
	margin: 0 15px;
}
h2, h3, h4, h5, p, dl, pre {
	margin: 1em 15px;
}
hr {
	border: #FFFFFF 2px solid;
	color : #dbdbdb;
	background : #dbdbdb;
	height : 2px;
	margin: 1em 15px;
	padding: 0;
}
p {
	letter-spacing: 1px;
	line-height: 1.8em;
	text-indent: 1em;
}
.drop1 {
	text-indent: -1em;
	margin-left:2em;
}
/*
----------- リンク系 --------------------- */
/*IE6バグ対策 start*/
*html a:hover {
	color: #f00;
	text-decoration: underline;
}
/*IE6バグ対策 end*/

a:link,
a:visited {
	color: #006eff;
	text-decoration: none;
	background: none;
}
a[href]:hover {
	color: #f00;
	text-decoration: underline;
}

h2 a:link,
h2 a:visited {
	color: #fff;
	text-decoration: underline;
	background: none;
}
h2 a:hover {
	color: #f00;
	text-decoration: underline;
	background: none;
}
h3 a:link,
h3 a:visited {
	text-decoration: underline;
}

/* リンクをstrongで囲むと背景が赤に変わります */
a:link strong,
a:visited strong {
	color: #f00;
	text-decoration: none;
}
a:hover strong {
	background-color: #f00;
	color: #fff;
	text-decoration: none;
}

.select_point a:link,
.select_point a:visited {
	color: #f00;
	text-decoration: inherit;
}

.select_point a:hover {
	background-color: #f00;
	color: #fff;
	text-decoration: none;
}
/*newsletterの下部リンク一式*/
span.nam {
	color: #fff;
	line-height: 3em;
}
span.nam strong {
	margin: 0;
	padding: 7px;
	color: #000;
	border: 1px solid #999;
	background: #e3e3e3;
}
span.nam a:link,
span.nam a:visited {
	margin: 0;
	padding: 7px;
	color: #000;
	border: 1px solid #999;
}
span.nam a:hover {
	color: red;
	background: #e3e3e3;
	text-decoration: none;
}
span.sign {
	margin: 0;
	padding: 7px;
	color: #fff;
}
span.sign a:link,
span.sign a:visited {
	margin: 0;
	padding: 7px 0;
	color: #000;
}
span.sign a:hover {
	color: #f00;
	text-decoration: none;
}

/*
----------- 色関係 --------------------- */

.c-blue {     /* 青 */
  color : #005A9C;
}
.c-orange {     /* オレンジ */
	color: #f88000;
}
.c-green {     /* 緑 */
	color: #6cc532;
}
.c-red {     /* 赤 */
	color: #ff0000;
}
/*最初の一文字を青にする*/
.c-1st:first-letter {
	color: #005a9c;
}

/*
----------- 回り込み --------------------- */
/* 
<div class="fbox">内に<div class="float-r">を入れると画像や文章を右に寄せることができます。
例 1：
<div class="fbox">
	<div class="float-r">
	<img src="kodaikyo.jpg">
	</div>
	<p>画像は右寄せに文章は左になります。</p>
</div>
※ 左寄せはfloat-lを使います。

文章だけfloat設定するときはwidthも設定する必要があります。
例 2：
<div class="float-r" style="width:123px;">
<p>右寄せの文章です。widthはstyleを使わないと反映されません。</p>
</div>
/*

/*div内部にfloat-r, float-lを使うことで文章等も寄せれる*/
div.fbox {
	zoom: 100%;
}
div.fbox:after {
    content: "";
    clear: both;
    display: block;
}

/*div内部のimgを右寄せ*/
div.fbox-r {
	zoom: 100%;
}
div.fbox-r:after {
    content: "";
    clear: both;
    display: block;
}
div.fbox-r img {
	float: right;
}
div.fbox-r * img {
	float: none;
}

/*div内部のimgを左寄せ*/
div.fbox-l {
	zoom: 100%;
}
div.fbox-l:after {
    content: "";
    clear: both;
    display: block;
}
div.fbox-l img {
	float: left;
}
div.fbox-l * img {
	float: none;
}

/*右寄せ*/
.float-r {
	float: right;
}
/*左寄せ*/
.float-l {
	float: left;
}

/*
----------- インライン要素 --------------------- */
h1.new {
	margin: 0 15px;
	color: #ff8000;
	font-size: 140%;
	text-indent: 25px;
	border-bottom: 2px #ff8000 solid;
	background: url(../img/new.png) no-repeat ;
	background-position: 0 70%;
}
h1.info {
	margin: 0 15px;
	color: #ff8000;
	font-size: 140%;
	text-indent: 25px;
	border-bottom: 2px #ff8000 solid;
	background: url(../img/info.png) no-repeat;
	background-position: 0 70%;
}
.hilite {
	color: #fff;
	background: #000;
}
.t-deco {
	margin: 0 15px;
	padding: 2px 5px;
	border-bottom: 2px solid #005A9C;
	border-left: 10px solid #005A9C;
}

/*左に寄せたいときに*/
.text-r {
	text-align: right;
}
/*中央よせ*/
.text-c {
	text-align: center;
}
strong {
	color: inherit;
}

/*
----------- リスト系 ------------------*/
ul {
	list-style:square none outside;
}
ol, ul {
	margin:0 0 0 2em;
	padding:0;
	line-height:1.5em;
}
ol li, ul li {
	margin: 0 30px;
	line-height: 1.8em;
}
ol ul,
ul ul,
ol dl,
ul dl {
	margin: 0;
}
dt {
	padding: 2px 0;
	margin: 0 0 0 1.5em;
}
dd {
	padding: 2px 0;
	margin: 0 0 0 3em;
}
ul.img {
	list-style-image: url(/img/icon.png);
}
ul.img * {
	list-style-image: url(/img/icon.png);
}
/*
dl.info {
	margin: 0 15px;
	width: 320px;
	border: 1px solid #478BD7;
	float: right;
}
dl.info dt {
	margin: 2px;
}
dl.info dt#title {
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #478BD7;
}
dl.info dd {
	margin: 0 0 0 2em;
}
*/
dl.info {
	margin: 0;
	padding: 0;
	width: 100%;
}
dl.info dt {
	margin: 0 15px;
	_margin: 0;
	padding: 4px 0;
	_padding: 4px 0 4px 15px;
	_width: 10%;
	font-weight: bold;
	float: left;
	clear: left;
}
dl.info dd {
	margin: 0 15px;
	_margin: 0;
	_width: 85%;
	padding: 4px 0;
}

/*ニューズレターの活動記録に使用*/
dl.kiroku dt {
	margin: 0;
	padding: 2px 5px;
	display: block;
}
dl.kiroku dd {
	margin: 0;
	margin-bottom: 5px;
	margin-left: 12px;
	padding: 2px 5px;
	letter-spacing: 1px;
	border-bottom: 1px solid #ccc;
}
dl.kiroku dd:first-letter {
	color: #478bd7;
}
dl.qa dt {
	margin: 0;
	padding: 2px 5px;
	margin-left: 12px;
	display: block;
}
dl.qa dd {
	margin: 0;
	margin-bottom: 5px;
	margin-left: 12px;
	padding: 2px 5px;
	letter-spacing: 1px;
	border-bottom: 1px solid #ccc;
}
dl.qa dt:first-letter {
	color: #478bd7;
	font-size: 1.5em;
}
dl.qa dd:first-letter {
	color: #478bd7;
	font-size: 1.5em;
}
dl.gaiyo1 {
	margin: 1em 4px;
	width: 31%;
	float: left;
}
dl.gaiyo1 dt {
	margin: 0;
	padding: 2px 5px;
	font-weight: bold;
	text-align: center;
	background-color: #bee783;
	display: block;
}
dl.gaiyo1 dd {
	margin: 0;
	padding: 2px 8px;
	background-color: #f8fef1;
	letter-spacing: 1px;
	border-bottom: 1px solid #ccc;
}

/* 中長期的な大学教育の在り方 */
dl.chukyo dt {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 2px 5px;
	border-left: 5px solid #478bd7;
	display: block;
}
dl.chukyo dd {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 2px 5px;
	letter-spacing: 1px;
}

/* その他の会議等 */
dl.other dt {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 2px 5px;
	border-left: 5px solid #478bd7;
	display: block;
}
dl.other dd {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 2px 5px;
	letter-spacing: 1px;
}
/*
----------- テーブル関係 ------------------*/

table {
	margin: 1em 15px;
}
table td {
	line-height: 150%;
}
/* borderなし centering*/
table.table-centering {
	margin-left: auto;
	margin-right: auto;
}
table.table-centering td {
	padding: 2px 10px;
}

/* borderあり centering*/
table.plain {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
table.plain caption {
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0;
	font-weight: bold;
	font-size: 110%;
}
table.plain tbody td {
	padding: 2px 6px;
	border: 1px solid #999;
}
table.plain th {
	border: 1px solid #999;
	background: #eee;
}
table.plain thead td,
table.plain tfoot td {
	text-align: right;
}


/* borderあり width99%*/
table.width {
	border-collapse: collapse;
	margin: 1em 0;
	width: 99%;
}
table.width caption {
	font-weight: bold;
	font-size: 120%;
}
table.width tbody td {
	border: 1px solid #999;
}
table.width th {
	border: 1px solid #999;
	background: #eee;
}
table.width thead td,
table.width tfoot td {
	text-align: right;
}

/* borderあり width99% fontsize小さい */
table.big {
	font-size: 85%;
	border-collapse: collapse;
	margin: 1em 0;
	width: 99%;
}
table.big caption {
	font-weight: bold;
	font-size: 120%;
}
table.big tbody td {
	border: 1px solid #999;
}
table.big th {
	border: 1px solid #999;
	background: #eee;
}
table.big thead td,
table.big tfoot td {
	text-align: right;
}

/* 一部設定用 */
td.tday {
	vertical-align: top;
	width: 90px;
}
tbody.td-r td {
	text-align: right;
}
.ttop {
	vertical-align: top;
}
table.menu {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
table.menu td {
	border: 1px solid #f88000;
}
table.pain2 {
	margin: 1em 2px;
	width: 99%;
	font-size: 94%;
	border-collapse: collapse;
}
table.pain2 caption {
	font-weight: bold;
	font-size: 110%;
}
table.pain2 tbody td {
	padding: 2px 2px;
	border: 1px solid #999;
}
table.pain2 th {
	color: #fff;
	border: 1px solid #999;
	background: #478BD7;
}
table.ichiran {
	border-collapse: collapse;
}
table.ichiran td {
	vertical-align: middle;
}
table.ichiran th {
	text-align: left;
	background: #cccccc;
}
table.gaiyo2 {
	width: 98%;
	margin: 1em 0;
	margin-left: auto;
	margin-right: auto;
}
table#t-green th {
	background: #bbef87;
}
table#t-green td {
	background: #f7feef;
}
table#t-red th {
	background: #e08989;
}
table#t-red td {
	background: #fcf1f1;
}
table#t-blue th {
	background: #809ef0;
}
table#t-blue td {
	background: #f5f8fe;
}
table#t-yellow th {
	background: #edf372;
}
table#t-yellow td {
	background: #fefeed;
}

#gaiyou table td.first {
	border: 1px solid #000000;
	text-align: center;
}
table tr.t-bg {
	background: #E5F0FF;
}


/*
-------------ブロック要素----------------*/
div {
	margin: 0;
	padding: 0;
}
div.waku {
	margin: 10px 10px 30px 10px;
	border: 1px solid #005A9C;
}
div.waku > h2, 
div.waku > h3 {
	margin: 3px;
	padding: 7px;
}
div.bg {
	margin: 1em 15px;
	background: #efefef;
}
div.bg > h2,
div.bg > h3 {
	margin: 3px;
	padding: 7px;
}
/*
-------------イメージ要素 ----------------*/

img {
	border: 0;
}
img.photoa {
	padding: 0;
	margin: 1em 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
}
img.photo {
	padding: 0;
	margin: 1em 15px;
}




/*
*********** 各メニュー設定開始 **************/

/*
-------------全体を囲む------------------- */
#wrapper {
	width: 950px;
	font-size: 99%;   /*Opera マウスオーバー時のアンダーライン対策*/
	margin-left: auto;
	margin-right: auto;
	background: #fff;
}

/*
----------- ヘッダー --------------------- */
#header {
	width: 950px;
	height: 96px;
	background: url(../img/header.png) no-repeat;
	position: relative;
}
#header h1 {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 23px;
	left: 5px;
}
#header h1 a { /*タイトル*/
	background: url(../img/logo.gif);
	width: 220px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
#header h1.member a { /*関係者用タイトル*/
	width: 400px;
}
#header h3 { /*ホームページ説明*/
	font-size: 80%;
	color: #000;
	background-color: inherit;
	font-weight: normal;
	margin: 0;
	position: absolute;
	top: 45px;
	left: 230px;
}
#header ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 73px;
	left: 736px;
	list-style: none;
}
#header li {
	margin: 0;
	padding: 0;
	float: left;
}
#header li#map a {
	margin-right: 9px;
	background: url(../img/header2.png);
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 74px;
	height: 22px;
}
#header li#map a:hover {
	background: url(../img/header2.png) 0 -23px;
}
#header li#mail a {
	background: url(../img/header2.png) -83px 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 22px;
}
#header li#mail a:hover {
	background: url(../img/header2.png) -83px -23px;
}


/*
----------- メニュー --------------------- */
#menu {
	padding: 10px 0 0 10px;
	float: left;
	width: 270px;
}
#menu img {
	width: 260px;
	display: block;
}
#menu div.list {
	margin: 0;
	padding: 5px 0 0 25px;
	width: 240px;
	line-height: 25px;
	font-weight: bold;
	background: url(../img/menu.gif) no-repeat 0 -30px;
}
#menu div.listimg {
	background: url(../img/menu2.gif) repeat-y;
}
#menu div.list_head {
	width: 260px;
	height: 30px;
	background: url(../img/menu.gif) no-repeat;
}
#menu div.list_foot {
	width: 260px;
	height: 15px;
	background: url(../img/menu.gif) no-repeat 0 -86px;
}
#menu ul {
	font-size: 90%;
	margin: 0;
	padding-left: 40px;
	line-height: 1.5em;
	width :190px;
}
#menu li {
	margin: 0;
	padding: 1px 0;
	line-height: 1.5em;
	list-style-image: url(../img/icon.png);
}
#menu ul ul {
	font-size: 100%;
	margin-left: 20px;
	padding: 0;
	background: #fff;      /* IEバグ対策 */
	width: 180px;
}

/*
----------- コンテンツ --------------------- */
#contents {
	float: right;
	width: 660px;
	min-height: 300px;
	line-height: 140%;
	font-size: 90%;
}
/*
----------- バナー 縦並び --------------------- */
#banner {
	padding-top: 20px;
	width: 270px;
	clear: left;
	float: left;
}

#banner img {
	border: 0px;
	margin: 2px 20px;
	padding: 2px;
	width: 220px;
	height: 31px;
	vertical-align: bottom;
}
#banner object {
	float: right;
	margin: 5px 0;
}

/*
------------ フッター --------------------- */
#footer {
	clear: both;
	width: 100%;
	height: 80px;
	background: url(../img/footer.gif) 0 30px;
	background-repeat: repeat-x;
}
#footer p {
	position: relative;
	top: 35px;
	left: 30px;
	margin: 0;
	padding: 0;
	word-spacing: 7px;
}