@charset "UTF-8";

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

- TOPPAGE
 - HEADER
	- PROMOTIONAREA
	 - LEFT BANNER AREA
		- RIGHT BANER AREA
- THREECOLUMNS FOR INDEX PAGE
	- INFORMATIONAREA
	 - HEADLINE-INFO
		 - HEADLINE
			- INFO
		- EXTRA
- VISITOR TOPPAGE
	
============================================================
*/	

/*----------------------------------------------------------
TOP PAGE
------------------------------------------------------------*/
/*-----------------------------------------------------
HEADER
-------------------------------------------------------*/
body#top #header h1 {
	font-size:1px;
	line-height:1px;
}

/*-----------------------------------------------------
PROMOTIONAREA
-------------------------------------------------------*/
body#top #promotionArea {
	clear:both;
	width:744px;
	margin-top:33px;/*グローバルメニューの余白*/
	margin-left:5px;
	margin-bottom:9px;
	padding:8px 5px 7px 5px;
	background:#dce1e6 url(../../images/bg_promotionarea.gif) repeat-y left top;
}

/*body#top #promotionArea .topics {
	float:left;
	width:138px;
	min-height:240px;
	margin:0 auto;
	padding:5px;
	background:#fff;
	border:1px solid #969696;
}*/

/*body#top #promotionArea .topics h2 {
	color:#333;
	font-weight:normal;
}*/

/*body#top #promotionArea .fl p.topics {
	margin:3px 5px 0 0;
}*/

/*body#top #promotionArea .fl p.topics a {
	color:#000;
}*/

body#top #promotionArea .fl {
	width:556px;
	text-align:right;
}

#slider {
	text-align:left;
}

body#top #promotionArea .fl table {
	width:526px;
	height:236px;
	margin-left:30px;
	overflow:hidden;
}

/*body#top #promotionArea .fl img {
	border:1px solid #969696;
}*/

body#top #promotionArea .fl p {
	margin-right:1px;
}

body#top #promotionArea .fl p a {
	color:#000;
}

body#top #promotionArea .fr {
	width:148px;
	margin-right:29px;
	padding:5px 0 0 0;
	background:#fff;
	border:1px solid #969696;
}

body#top #promotionArea .fr ul {
	margin:0;
	padding:0;
	list-style:none;
}

body#top #promotionArea .fr ul li {
	margin:0 0 5px 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	text-align:center;
}

body#top #promotionArea .fr ul li a {
	text-decoration:none;
}

body#top #promotionArea .fl img,
body#top #promotionArea .fl a img,
body#top #promotionArea .fr ul li img,
body#top #promotionArea .fr ul li a img {
	border:none;
}

/*----------------------------------------------------------
THREECOLUMNS FOR INDEX PAGE
------------------------------------------------------------*/
/*-----------------------------------------------------
INFORMATIONAREA
-------------------------------------------------------*/
body.index #informationArea {
	clear:both;
	width:754px;
	margin:0 5px 5px 5px;
	padding-bottom:10px;
	background:transparent url(../images/informationarea_bg.gif) repeat-y 0 0;
}

/*------------------------------------------------
INFORMATIONAREA COMMON SETTINGS
--------------------------------------------------*/
body.index #informationArea .headingArea {
	clear:both;
	min-height:20px;
	border-bottom:1px solid #fff;
	background:#4e6380;
	z-index:50;
}

body.index #informationArea .headingArea {
	background:#506898;
}

body.index #informationArea h2,
body.index #informationArea h3 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
}

body.index #info ul.arrow,
body.index #extra ul.arrow {
	width:120px;
	margin:0 auto 3px auto;
	padding:5px;
}

body.index #info ul.arrow li,
body.index #extra ul.arrow li {
	font-size:10px;
	line-height:1.45em;
	margin-bottom:0.35em;
}

body.index #info ul.arrow li a,
body.index #extra ul.arrow li a {
	color:#000;
}

body.index #info ul.border,
body.index #extra ul.border {
	padding-bottom:15px;
	border-bottom:1px solid #a1a5a9;
}

/*----------------------------------------------
HEADLINE-INFO
------------------------------------------------*/
body.index #headline-info {
	float:left;
	width:603px;
}

/*----------------------------------------
HEADLINE
------------------------------------------*/
body.index #headline {
	float:right;
	width:452px;
}

body.index #headline h2.fl {
	padding-left:12px;
}

body.index #headline p.fr {
	padding-right:12px;
	line-height:20px;
}

body.en #headline p.fr {
	margin-top:-1px;
}/* englich page */

/*-----------------------------------
HEADLINE-NEWS & EVENT SETTINGS
-------------------------------------*/
#headline dl.news,
#headline dl.event {
	margin:5px;
	padding:0;
}

#headline dt.is,
#headline dt.ms,
#headline dt.bio,
#headline dd.is,
#headline dd.ms,
#headline dd.bio {
	padding-right:14px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:100% 0.2em;
}

#headline dt.is,
#headline dd.is {
	background-image:url(../images/icon_is.gif);
}

#headline dt.ms,
#headline dd.ms {
	background-image:url(../images/icon_ms.gif);
}

#headline dt.bio,
#headline dd.bio {
	background-image:url(../images/icon_bio.gif);
}

/* NEWS */
#headline dl.news dt {
	float:left;
	clear:left;
	width:60px;
	margin-bottom:1em;
	padding-left:12px;
	background:transparent url(../images/arrow.gif) no-repeat 0 0.2em;
}

#headline dl.news dd {
	width:343px;
	padding-left:72px;
	margin-bottom:1em;
}

/* EVENT */
#headline dl.event dt,
#headline dl.event dd {
	width:415px;
}


#headline dl.event dt a {
	display:block;
	padding-left:12px;
	background:transparent url(../images/arrow.gif) no-repeat 0 0.2em;
}

#headline dl.event dd {
	margin:2px 0 1em 12px;
}

/*----------------------------------------
INFO
------------------------------------------*/
body.index #info {
	float:left;
	width:150px;
}

body.index #info h4 {
	margin-top:10px;
	font-weight:normal;
}

body.index #info ul.intra {
	margin-top:15px;
	background:#ccc;
	border:1px solid #969696;
}


/*---------------------------------------------
EXTRA
------------------------------------------------*/
body.index #extra {
	float:right;
	width:150px;
}

body.index #extra img,
body.index #extra a img {
	border:1px solid #969696;
}


/* 研究科バナー */
body.index ul.faculty-banner {
	width:130px;
	margin:5px auto 8px auto;
}

body.index ul.faculty-banner {
	padding:2px 5px;
	list-style:none;
}

body.index ul.faculty-banner li {
	margin-bottom:0;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0.2em 0.4em;
	font-size:10px;
	/* border:1px solid #969696; */
}

body.index ul.faculty-banner li a {
	display:block;
	padding:4px 1px 4px 16px;
	text-decoration:none;
}

body.en ul.faculty-banner li a {
	padding-left:18px;
}/* english page */

/* 情報科学研究科 */
body.index ul.faculty-banner li.is {
	background-image:url(../images/icon_is.gif);
}

body.index ul.faculty-banner li.is a {
	color:#aa0000;
}

/* バイオサイエンス研究科 */
body.index ul.faculty-banner li.bio {
	background-image:url(../images/icon_bio.gif);
}

body.index ul.faculty-banner li.bio a {
	color:#004600;
}

/* 物質創成科学研究科 */
body.index ul.faculty-banner li.ms {
	background-image:url(../images/icon_ms.gif);
}

body.index ul.faculty-banner li.ms a {
	color:#0033c7;
}

/* 入試情報 */
body.index #extra .adm {
	width:130px;
	margin:0 auto;
	padding:0 0 10px 0;
	background:transparent url(../images/bg_adm.gif) no-repeat left bottom;
}

body.index h3.admission {
	margin-top:10px;
	background:transparent url(../images/bg_header_admission.gif) no-repeat left top;
	color:#fff;
}

/*----------------------------------------------------------
VISITOR TOP PAGE
------------------------------------------------------------*/
/*-----------------------------------------------------
VISITOR
-------------------------------------------------------*/
body#visitortop #visitor {
	height:41px;
}

/* VISITOR P */
body#visitortop #visitor p {
	margin-bottom:0;
}

/* VISITOR H1 */
body#visitortop #visitor h1 {
	margin-top:-5px;
	margin-left:10px;
	color:#646464;
	font-weight:normal;
}

body.en #visitor h1 {
	margin-top:2px!important;
}

/*-----------------------------------------------------
GLOBALMENU
-------------------------------------------------------*/
body#visitortop div#globalmenu {
	position:static;
	background:transparent url(../images/visitor_side_bg.gif) repeat-y top left;
	margin-top:4px;
	margin-bottom:12px;
	padding-top:0;
}

body#visitortop .visitor-border {
	padding-bottom:1px;
	background:transparent url(../images/visitormenu_btm.gif) no-repeat bottom left;
}

body#visitortop ul.globalnav li img {
	border-bottom:1px solid #fff;
}

body#visitortop ul.visitormenu {
	width:150px;
	margin:0;
	padding:0 0 1px 0;
	border-top:1px solid #969696;
}

body#visitortop ul.visitormenu li {
	width:142px;
	margin:0;
	padding:4px 4px 6px 4px;
}

body#visitortop ul.visitormenu li a {
	text-decoration:underline;
	/*color:#000;*/
	/*text-decoration:none;*/
}

body#visitortop ul.visitormenu li a:hover {
	/*background:#f2e628;*/
	/*color:#000;*/	
}

@charset "UTF-8";

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

- TOPPAGE
 - HEADER
	- PROMOTIONAREA
	 - LEFT BANNER AREA
		- RIGHT BANER AREA
- THREECOLUMNS FOR INDEX PAGE
	- INFORMATIONAREA
	 - HEADLINE-INFO
		 - HEADLINE
			- INFO
		- EXTRA
- VISITOR TOPPAGE
	
============================================================
*/	

/*----------------------------------------------------------
TOP PAGE
------------------------------------------------------------*/
/*-----------------------------------------------------
HEADER
-------------------------------------------------------*/
body#top #header h1 {
	font-size:1px;
	line-height:1px;
}

/*-----------------------------------------------------
PROMOTIONAREA
-------------------------------------------------------*/
body#top #promotionArea {
	clear:both;
	width:744px;
	margin-top:33px;/*グローバルメニューの余白*/
	margin-left:5px;
	margin-bottom:9px;
	padding:8px 5px 7px 5px;
	background:#dce1e6 url(../../images/bg_promotionarea.gif) repeat-y left top;
}

/*body#top #promotionArea .topics {
	float:left;
	width:138px;
	min-height:240px;
	margin:0 auto;
	padding:5px;
	background:#fff;
	border:1px solid #969696;
}*/

/*body#top #promotionArea .topics h2 {
	color:#333;
	font-weight:normal;
}*/

/*body#top #promotionArea .fl p.topics {
	margin:3px 5px 0 0;
}*/

/*body#top #promotionArea .fl p.topics a {
	color:#000;
}*/

body#top #promotionArea .fl {
	width:556px;
	text-align:right;
}

body#top #promotionArea .fl table {
	width:526px;
	height:236px;
	margin-left:30px;
	overflow:hidden;
}

/*body#top #promotionArea .fl img {
	border:1px solid #969696;
}*/

body#top #promotionArea .fl p {
	margin-right:1px;
}

body#top #promotionArea .fl p a {
	color:#000;
}

body#top #promotionArea .fr {
	width:148px;
	margin-right:29px;
	padding:5px 0 0 0;
	background:#fff;
	border:1px solid #969696;
}

body#top #promotionArea .fr ul {
	margin:0;
	padding:0;
	list-style:none;
}

body#top #promotionArea .fr ul li {
	margin:0 0 5px 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	text-align:center;
}

body#top #promotionArea .fr ul li a {
	text-decoration:none;
}

body#top #promotionArea .fl img,
body#top #promotionArea .fl a img,
body#top #promotionArea .fr ul li img,
body#top #promotionArea .fr ul li a img {
	border:none;
}

/*----------------------------------------------------------
THREECOLUMNS FOR INDEX PAGE
------------------------------------------------------------*/
/*-----------------------------------------------------
INFORMATIONAREA
-------------------------------------------------------*/
body.index #informationArea {
	clear:both;
	width:754px;
	margin:0 5px 5px 5px;
	padding-bottom:10px;
	background:transparent url(../images/informationarea_bg.gif) repeat-y 0 0;
}

/*------------------------------------------------
INFORMATIONAREA COMMON SETTINGS
--------------------------------------------------*/
body.index #informationArea .headingArea {
	clear:both;
	min-height:20px;
	border-bottom:1px solid #fff;
	background:#4e6380;
	z-index:50;
}

body.index #informationArea .headingArea {
	background:#506898;
}

body.index #informationArea h2,
body.index #informationArea h3 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
}

body.index #info ul.arrow,
body.index #extra ul.arrow {
	width:120px;
	margin:0 auto 3px auto;
	padding:5px;
}

body.index #info ul.arrow li,
body.index #extra ul.arrow li {
	font-size:10px;
	line-height:1.45em;
	margin-bottom:0.35em;
}

body.index #info ul.arrow li a,
body.index #extra ul.arrow li a {
	color:#000;
}

body.index #info ul.border,
body.index #extra ul.border {
	padding-bottom:15px;
	border-bottom:1px solid #a1a5a9;
}

/*----------------------------------------------
HEADLINE-INFO
------------------------------------------------*/
body.index #headline-info {
	float:left;
	width:603px;
}

/*----------------------------------------
HEADLINE
------------------------------------------*/
body.index #headline {
	float:right;
	width:452px;
}

body.index #headline h2.fl {
	padding-left:12px;
}

body.index #headline p.fr {
	padding-right:12px;
	line-height:20px;
}

body.en #headline p.fr {
	margin-top:-1px;
}/* englich page */

/*-----------------------------------
HEADLINE-NEWS & EVENT SETTINGS
-------------------------------------*/
#headline dl.news,
#headline dl.event {
	margin:5px;
	padding:0;
}

#headline dt.is,
#headline dt.ms,
#headline dt.bio,
#headline dd.is,
#headline dd.ms,
#headline dd.bio {
	padding-right:14px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:100% 0.2em;
}

#headline dt.is,
#headline dd.is {
	background-image:url(../images/icon_is.gif);
}

#headline dt.ms,
#headline dd.ms {
	background-image:url(../images/icon_ms.gif);
}

#headline dt.bio,
#headline dd.bio {
	background-image:url(../images/icon_bio.gif);
}

/* NEWS */
#headline dl.news dt {
	float:left;
	clear:left;
	width:60px;
	margin-bottom:1em;
	padding-left:12px;
	background:transparent url(../images/arrow.gif) no-repeat 0 0.2em;
}

#headline dl.news dd {
	width:343px;
	padding-left:72px;
	margin-bottom:1em;
}

/* EVENT */
#headline dl.event dt,
#headline dl.event dd {
	width:415px;
}


#headline dl.event dt a {
	display:block;
	padding-left:12px;
	background:transparent url(../images/arrow.gif) no-repeat 0 0.2em;
}

#headline dl.event dd {
	margin:2px 0 1em 12px;
}

/*----------------------------------------
INFO
------------------------------------------*/
body.index #info {
	float:left;
	width:150px;
}

body.index #info h4 {
	margin-top:10px;
	font-weight:normal;
}

body.index #info ul.intra {
	margin-top:15px;
	background:#ccc;
	border:1px solid #969696;
}


/*---------------------------------------------
EXTRA
------------------------------------------------*/
body.index #extra {
	float:right;
	width:150px;
}

body.index #extra img,
body.index #extra a img {
	border:1px solid #969696;
}


/* 研究科バナー */
body.index ul.faculty-banner {
	width:130px;
	margin:5px auto 8px auto;
}

body.index ul.faculty-banner {
	padding:2px 5px;
	list-style:none;
}

body.index ul.faculty-banner li {
	margin-bottom:0;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0.2em 0.4em;
	font-size:10px;
	/* border:1px solid #969696; */
}

body.index ul.faculty-banner li a {
	display:block;
	padding:4px 1px 4px 16px;
	text-decoration:none;
}

body.en ul.faculty-banner li a {
	padding-left:18px;
}/* english page */

/* 情報科学研究科 */
body.index ul.faculty-banner li.is {
	background-image:url(../images/icon_is.gif);
}

body.index ul.faculty-banner li.is a {
	color:#aa0000;
}

/* バイオサイエンス研究科 */
body.index ul.faculty-banner li.bio {
	background-image:url(../images/icon_bio.gif);
}

body.index ul.faculty-banner li.bio a {
	color:#004600;
}

/* 物質創成科学研究科 */
body.index ul.faculty-banner li.ms {
	background-image:url(../images/icon_ms.gif);
}

body.index ul.faculty-banner li.ms a {
	color:#0033c7;
}

/* 入試情報 */
body.index #extra .adm {
	width:130px;
	margin:0 auto;
	padding:0 0 10px 0;
	background:transparent url(../images/bg_adm.gif) no-repeat left bottom;
}

body.index h3.admission {
	margin-top:10px;
	background:transparent url(../images/bg_header_admission.gif) no-repeat left top;
	color:#fff;
}

/*----------------------------------------------------------
VISITOR TOP PAGE
------------------------------------------------------------*/
/*-----------------------------------------------------
VISITOR
-------------------------------------------------------*/
body#visitortop #visitor {
	height:41px;
}

/* VISITOR P */
body#visitortop #visitor p {
	margin-bottom:0;
}

/* VISITOR H1 */
body#visitortop #visitor h1 {
	margin-top:-5px;
	margin-left:10px;
	color:#646464;
	font-weight:normal;
}

body.en #visitor h1 {
	margin-top:2px!important;
}

/*-----------------------------------------------------
GLOBALMENU
-------------------------------------------------------*/
body#visitortop div#globalmenu {
	position:static;
	background:transparent url(../images/visitor_side_bg.gif) repeat-y top left;
	margin-top:4px;
	margin-bottom:12px;
	padding-top:0;
}

body#visitortop .visitor-border {
	padding-bottom:1px;
	background:transparent url(../images/visitormenu_btm.gif) no-repeat bottom left;
}

body#visitortop ul.globalnav li img {
	border-bottom:1px solid #fff;
}

body#visitortop ul.visitormenu {
	width:150px;
	margin:0;
	padding:0 0 1px 0;
	border-top:1px solid #969696;
}

body#visitortop ul.visitormenu li {
	width:142px;
	margin:0;
	padding:4px 4px 6px 4px;
}

body#visitortop ul.visitormenu li a {
	text-decoration:underline;
	/*color:#000;*/
	/*text-decoration:none;*/
}

body#visitortop ul.visitormenu li a:hover {
	/*background:#f2e628;*/
	/*color:#000;*/
	
}