/* CSS Document */

/* ★★★★★★ HTMLタグ再定義 ★★★★★★ */

body {
	margin: 0px;
	padding: 0px 0px 20px;
	background-color: #FFFFFF;
	background-image: url(../images/bg_body.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	font: "Times New Roman", Times, serif;
}

img {
	border: none;
}



/* ■■■■■■ 全体 ■■■■■■ */

div#outline {
	width: 750px;
	margin: 0px 0px 0px;
	padding: 0px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #A7B1AE;
	background-color: #FFFFFF;
}



/* ■■■■■■ ヘッダー ■■■■■■ */

div#header {
	margin: 0px;
	padding: 0px;
}

div#header h1 {
	margin: 0px;
	padding: 0px;
	/* 高さ・画像は「style_top.css」で定義 */
	background-position: left top;
	background-repeat: repeat-x;
	text-indent: -75000px;
}

div#header hr {
	display: none;
}

/* □□□ メインメニュー □□□ */

div#header ul {
	height: 30px;
	margin: 0px;
	padding: 0px;
	/* 背景画像は「style_top.css」「style_sec.css」でそれぞれ定義 */
	background-position: left bottom;
	background-repeat: no-repeat;
}

div#header ul li {
	float: left;
	width: 83px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
}

div#header ul li a {
	display: block;
	width: 83px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	background-repeat: repeat-x;
	text-indent: -83000px;
	text-decoration: none;
}

/* [HOME] */
div#header ul li#menu-main01, div#header ul li#menu-main01 a {
	background-image: url(../images/menu/menu_main01a.gif);
}
div#header ul li#menu-main01 a:hover, div#header ul li#menu-main01 a:active {
	background-image: url(../images/menu/menu_main01b.gif);
}

/* [ご挨拶] */
div#header ul li#menu-main02, div#header ul li#menu-main02 a {
	background-image: url(../images/menu/menu_main02a.gif);
}
div#header ul li#menu-main02 a:hover, div#header ul li#menu-main02 a:active {
	background-image: url(../images/menu/menu_main02b.gif);
}

/* [プログラム概要] */
div#header ul li#menu-main03, div#header ul li#menu-main03 a {
	background-image: url(../images/menu/menu_main03a.gif);
	width: 86px;
}
div#header ul li#menu-main03 a:hover, div#header ul li#menu-main03 a:active {
	background-image: url(../images/menu/menu_main03b.gif);
	width: 86px;
}

/* [メンバー紹介] */
div#header ul li#menu-main04, div#header ul li#menu-main04 a {
	background-image: url(../images/menu/menu_main04a.gif);
}
div#header ul li#menu-main04 a:hover, div#header ul li#menu-main04 a:active {
	background-image: url(../images/menu/menu_main04b.gif);
}

/* [分担研究概要] */
div#header ul li#menu-main05, div#header ul li#menu-main05 a {
	background-image: url(../images/menu/menu_main05a.gif);
}
div#header ul li#menu-main05 a:hover, div#header ul li#menu-main05 a:active {
	background-image: url(../images/menu/menu_main05b.gif);
}

/* [人材育成] */
div#header ul li#menu-main06, div#header ul li#menu-main06 a {
	background-image: url(../images/menu/menu_main06a.gif);
}
div#header ul li#menu-main06 a:hover, div#header ul li#menu-main06 a:active {
	background-image: url(../images/menu/menu_main06b.gif);
}

/* [研究成果] */
div#header ul li#menu-main07, div#header ul li#menu-main07 a {
	background-image: url(../images/menu/menu_main07a.gif);
}
div#header ul li#menu-main07 a:hover, div#header ul li#menu-main07 a:active {
	background-image: url(../images/menu/menu_main07b.gif);
}

/* [シンポジウム] */
div#header ul li#menu-main08, div#header ul li#menu-main08 a {
	background-image: url(../images/menu/menu_main08a.gif);
}
div#header ul li#menu-main08 a:hover, div#header ul li#menu-main08 a:active {
	background-image: url(../images/menu/menu_main08b.gif);
}

/* [セミナー] */
div#header ul li#menu-main09, div#header ul li#menu-main09 a {
	background-image: url(../images/menu/menu_main09a.gif);
}
div#header ul li#menu-main09 a:hover, div#header ul li#menu-main09 a:active {
	background-image: url(../images/menu/menu_main09b.gif);
}



/* ■■■■■■ ボディ ■■■■■■ */

div#middle {
	width: 750px;
	margin: 0px;
	padding: 0px;
}

div#middle div#content {
	float: left;
	width: 520px;
	margin: 0px 30px 0px 10px;
	padding: 0px;
	/* ↓IE対策↓ */
	display: inline;
}

div#middle div#content p {
	margin: 0px 5px 10px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.4em;
	color: #333333;
}

div#middle div#content hr {
	display: none;
}

div#middle div#menu-sub {
	float: left;
	/* 幅・マージン・余白は「style_top.css」「style_sec.css」でそれぞれ定義 */
	/* ↓IE対策↓ */
	display: inline;
}

div#middle div#menu-sub hr {
	display: none;
}



/* ■■■■■■ フッター ■■■■■■ */

div#footer {
	height: 110px;
	margin: 0px;
	padding: 0px;
	/* 背景画像は「style_top.css」「style_sec.css」でそれぞれ定義 */
	background-position: left top;
	background-repeat: no-repeat;
}

/* □□□ フッターメニュー □□□ */

div#footer ul {
	margin: 0px;
	padding: 17px 0px 10px;
}

div#footer ul li {
	float: left;
	height: 11px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 12px;
	background-image: url(../images/icon_footer.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 10px;
	letter-spacing: 0.1em;
	list-style-type: none;
	/* ↓IE対策↓ */
	display: inline;
}

div#footer ul li a {
	color: #333300;
	text-decoration: none;
}

div#footer ul li a:hover {
	color: #666633;
	text-decoration: underline;
}

div#footer ul li a:active {
	color: #999966;
	text-decoration: underline;
}

/* □□□ バナー □□□ */

div#footer div {
	clear: both;
	margin: 16px 10px 0px;
	padding: 0px;
}

div#footer div img {
	margin: 0px 0px 0px 0px;
}

/* □□□ 著作権表記 □□□ */

div#footer p {
	margin: 15px 0px 0px;
	padding: 0px;
	font-size: 10px;
	color: #666633;
	text-align: center;
}



/* ■■■■■■ テキスト関連 ■■■■■■ */

/* テキスト両端揃え（日本語） */
.txt-justify-ja {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* テキスト両端揃え（英語） */
.txt-justify-en {
	text-align: justify;
	/*text-justify: newspaper;*/
	text-justify: inter-ideograph;
}

/* メールアドレス */
img.img-mail {
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
}

/* テキスト大きめ */
.txt-larger01 {
	font-size: 16px;
}

/* 文字色（オリーブ） */
.txt-olive01 {
	color: #404000;
}



/* ■■■■■■ 回り込み関連 ■■■■■■ */

/* 回り込み解除 */
.clear-both {
	clear: both;
}

/* 左に回り込み */
img.flt-left {
	float: left;
	margin: 0px 10px 5px 0px;
}

/* 右に回り込み */
img.flt-right {
	float: right;
	margin: 0px 0px 5px 10px;
}

/* センタリング */
div.center01 {
	margin: 10px 0px;
	padding: 0px;
	/* ↓IE用↓ */
	text-align: center;
}
div.center01 img {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}



/* ■■■■■■ [このページのトップへ戻る]リンク ■■■■■■ */

p.gototop {
	margin: 10px 10px 30px;
	padding: 0px;
	font-size: 12px;
	text-align: right;
}

p.gototop a {
	color: #666633;
	text-decoration: none;
}

p.gototop a:hover {
	color: #999966;
	text-decoration: underline;
}

p.gototop a:active {
	color: #CCCC99;
	text-decoration: underline;
}