@charset "UTF-8";

/* CSS Document */

/*--------------------*/
/* ClearFix */
/*--------------------*/
/* ClearFix */
.clear:before,
.clear:after {
	content:"";
	display:block;
	overflow:hidden;
}
.clear:after {
	clear:both;
}
.clear {
	zoom:1;	/*forIE6,7*/
}

/*--------------------*/
/* element */
/*--------------------*/
html {
	overflow:auto;
}
body {
/*	color: #666; */
	color: #373737;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%;
	margin:0;
	overflow: hidden;
	padding:0;
}

h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	margin: 0;
}

a img {
	border: none;
}
a:link img , a:visited img {
	opacity: 1.0;
	filter: alpha(opacity=100);/* For IE 6/7 */
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);/* For IE 6/7 */
}
a:active img {
	opacity: 0.9;
	filter: alpha(opacity=90);/* For IE 6/7 */
}

a {
	color: #7E13AB;
	text-decoration: none;
}

a.new-window {
	background:url(../images/icon_newwindow.gif) no-repeat right;
	padding-right:12pt;
}
a.new-window:hover, a.new-window:active {
	background:url(../images/icon_newwindow.gif) no-repeat right;
	padding-right:12pt;
}

a.open-window {
	background:url(../images/icon_link03.gif) no-repeat left;
	padding-left:14pt;
}
a.open-window:hover, a.open-window:active {
	background:url(../images/icon_link03-on.gif) no-repeat left;
	padding-left:14pt;
}

a.link {
	background:url(../images/icon_link01.gif) no-repeat left;
	padding-left: 15px;
}
a.link:hover, a.link:active {
	background:url(../images/icon_link01-on.gif) no-repeat left;
	padding-left: 15px;
}

a.other-site {
	background:url(../images/icon_link02.gif) no-repeat left;
	padding-left: 14px;
}
a.other-site:hover, a.other-site:active {
	background:url(../images/icon_link02-on.gif) no-repeat left;
	padding-left: 14px;
}
a.rss {
	background:url(../images/icon_rss.gif) no-repeat left;
	padding-left: 14px;
}
a.mail {
	background:url(../images/icon_mail.gif) no-repeat left;
	padding-left: 14px;
}

/* page container */
#container {
	margin:0 auto;
	width:950px;
}

/*
  header 
 */
#header {
	margin: 0;
	padding-top: 1px;
	width:950px;
	padding: 0;
}

#header .menu-university {
	margin: 0 -100%;
	background: url("../images/menu_university_bg.png") repeat-x scroll;
	padding-top: 1px;
	width:950px;
	padding:0 100%;
}

/* .menu-university */
.menu-university {
	background:#E0E0E1;
	height: 29px;
	margin: 0 -100%; /* 上下のmarginは元の値に合わせて適宜変更 */
    padding: 0 100%;
    width:950px;
}
.menu-university ul {
    width:950px;
    margin:0;
    padding:0;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}

.menu-university ul li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}

.menu-university ul li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:29px; /*高さ*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(../images/menu_university.gif); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

.menu-university ul li.information a {background-position:0px 0px; width:134px;}
.menu-university ul li.information a:hover {background-position:0 -29px; width:134px;}

.menu-university ul li.academics a {background-position:-134px 0px; width:136px;}
.menu-university ul li.academics a:hover {background-position:-134px -29px; width:136px;}

.menu-university ul li.research a {background-position:-270px 0px; width:137px;}
.menu-university ul li.research a:hover {background-position:-270px -29px; width:137px;}

.menu-university ul li.student-life a {background-position:-407px 0px; width:136px;}
.menu-university ul li.student-life a:hover {background-position:-407px -29px; width:136px;}

.menu-university ul li.international a {background-position:-543px 0px; width:135px;}
.menu-university ul li.international a:hover {background-position:-543px -29px; width:135px;}

.menu-university ul li.career a {background-position:-678px 0px; width:135px;}
.menu-university ul li.career a:hover {background-position:-678px -29px; width:135px;}

.menu-university ul li.collaboration a {background-position:-813px 0px; width:137px;}
.menu-university ul li.collaboration a:hover {background-position:-813px -29px; width:137px;}

/*
 * .menu-university（大学メニュー）廃止、全学メニューとの間に紫のバーを表示
 */
.head-separator {
	background: #E0E0E1 url("../images/head_separator_bg.png") repeat-x scroll;
	height: 7px;
	margin: 0 -100%;
	padding: 0 100%;
	width:950px;
}

/* header logo */
#header .logo {
	display:block;
	float:left;
	height:39px;
	margin: 15px 0;
	padding:0;
	width:550px;
}

/* header funciton */
#header .function {
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	text-align: right;
	width:400px;
}

#header .function .navi {
	font-size:8pt;
	margin:10px 0;
	padding:0;
	width:400px;
}
#header .function .navi ul {
	margin:0;
	padding:0;
}
#header .function .navi li{
	margin:0 0 0 10pt;
	padding:0;
	list-style:none;
	float:right;
}
#header .function .navi li a{
/*	color:#666; */
	color:#373737;
}
#header .function .navi li.access:after{
	content:' |';
}

/* .textsize */
#header .function .text-size {
	color: #000000;
	font-weight: bold;
	margin-top:3px;
	width:400px;
}

#header .function .text-size ul {
	display:inline-block;
	background: url("../images/text_size_bg.gif") no-repeat;
	margin:0;
	padding:6px 7px 5px 67px;
	height:22px;
	width:69px;
}
#header .function .text-size li {
	margin:0 0 0 1px;
	padding:0;
	list-style:none;
	height:22px;
	width:22px;
	float:left;
}
#header .function .text-size li a {
	display:block; /*インラインからブロック要素へ変更*/
	text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(../images/text_size.gif); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
   	height:22px;
	width:22px;
}
#header .function .text-size li a.small {
	background-position:0px 0px;
}
#header .function .text-size li a.small:hover, #header .function .text-size li a.small:active {
	background-position:0 -22px;
}

#header .function .text-size li a.normal {
	background-position:-22px 0px;
}
#header .function .text-size li a.normal:hover, #header .function .text-size li a.normal:active {
	background-position:-22px -22px;
}

#header .function .text-size li a.large {
	background-position:-44px 0px;
}
#header .function .text-size li a.large:hover, #header .function .text-size li a.large:active {
	background-position:-44px -22px;
}


/* .search */
#header .function .search {
	margin-top:3px;
	float:right;
}
#header .function .search #cse-search-box input[type="text"] {
	height:18px;
	width:140px;
}
#header .function .search #cse-search-box input[type="submit"] {
	background: url("../images/search_button.png") no-repeat scroll 50% 50% #FFFFFF;
	border: 0 none;
	color: #ffffff;
	height: 20px;
	margin: 0 0 0 5px;
	overflow: hidden;
	text-indent: -9999px;
	width: 80px;
	-webkit-appearance: none;
}

/* menu-horizontal */
#menu-horizontal {
	background:#540070;
	height: 62px;
	margin: 0 -100%; /* 上下のmarginは元の値に合わせて適宜変更 */
    padding: 0 100%;
    width:950px;
    text-align:center;
}
#menu-horizontal ul {
/*    width:946px; */
    width:948px;
    margin: 0;
    padding:5px 0;
    /*overflow:hidden;*/　/*float解除*/
    zoom:100%;　/*float解除*/
}

#menu-horizontal ul li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}

#menu-horizontal ul li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:51px; /*高さ*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(../images/menu_horizontal.png); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
/*    width:135px; */
    width:158px;
}

/*
#menu-horizontal ul li.top a {background-position:0px 0px;}
#menu-horizontal ul li.top a:hover {background-position:0 -51px;}
#menu-horizontal ul li.top a.current {background-position:0 -51px;}

#menu-horizontal ul li.exhibition a {background-position:-135px 0px;}
#menu-horizontal ul li.exhibition a:hover {background-position:-135px -51px;}
#menu-horizontal ul li.exhibition a.current {background-position:-135px -51px;}

#menu-horizontal ul li.event a {background-position:-270px 0px;}
#menu-horizontal ul li.event a:hover {background-position:-270px -51px;}
#menu-horizontal ul li.event a.current {background-position:-270px -51px;}

#menu-horizontal ul li.database a {background-position:-405px 0px;}
#menu-horizontal ul li.database a:hover {background-position:-405px -51px;}
#menu-horizontal ul li.database a.current {background-position:-405px -51px;;}

#menu-horizontal ul li.publication a {background-position:-540px 0px;}
#menu-horizontal ul li.publication a:hover {background-position:-540px -51px;}
#menu-horizontal ul li.publication a.current {background-position:-540px -51px;}

#menu-horizontal ul li.guide a {background-position:-675px 0px;}
#menu-horizontal ul li.guide a:hover {background-position:-675px -51px;}
#menu-horizontal ul li.guide a.current {background-position:-675px -51px;}

#menu-horizontal ul li.about a {background-position:-810px 0px; width:136px;}
#menu-horizontal ul li.about a:hover {background-position:-810px -51px; width:136px;}
#menu-horizontal ul li.about a.current {background-position:-810px -51px; width:136px;}
*/

#menu-horizontal ul li.top a {background-position:0px 0px;}
#menu-horizontal ul li.top a:hover {background-position:0 -51px;}
#menu-horizontal ul li.top a.current {background-position:0 -51px;}

#menu-horizontal ul li.exhibition a {background-position:-158px 0px;}
#menu-horizontal ul li.exhibition a:hover {background-position:-158px -51px;}
#menu-horizontal ul li.exhibition a.current {background-position:-158px -51px;}

#menu-horizontal ul li.event a {background-position:-316px 0px;}
#menu-horizontal ul li.event a:hover {background-position:-316px -51px;}
#menu-horizontal ul li.event a.current {background-position:-316px -51px;}

#menu-horizontal ul li.database a {background-position:-474px 0px;}
#menu-horizontal ul li.database a:hover {background-position:-474px -51px;}
#menu-horizontal ul li.database a.current {background-position:-474px -51px;;}

#menu-horizontal ul li.guide a {background-position:-632px 0px;}
#menu-horizontal ul li.guide a:hover {background-position:-632px -51px;}
#menu-horizontal ul li.guide a.current {background-position:-632px -51px;}

#menu-horizontal ul li.about a {background-position:-790px 0px; width:158px;}
#menu-horizontal ul li.about a:hover {background-position:-790px -51px; width:158px;}
#menu-horizontal ul li.about a.current {background-position:-790px -51px; width:158px;}

/* topic-path */
.topic-path {
/*	color:#333333; */
	color:#111111;
	margin:7px 2px;
}
.topic-path ul , .topic-path li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.topic-path li {
	display:inline;
}
.topic-path a:after {
	content:" > ";
}
.topic-path a.current:after {
	content:"";
}
.topic-path a:link , .topic-path a:visited {
	color:#1B266A;
}
.topic-path a:hover , .topic-path a:active {
	color:#1B266A;
}
.topic-path li a.current {
	color:#1B266A;
}
.topic-path span:after {
	content:" > ";
}
.topic-path span.current:after {
	content:"";
}

/*
  category
 */
#category {
	background: url("../images/category_bg.png") repeat-x scroll;
	margin: 0 -100%; /* 上下のmarginは元の値に合わせて適宜変更 */
    padding: 18px 100% ;
    width:950px;
}

/*
  main
 */
#main {
	background: url("../images/main_bg.png") repeat-y scroll;
	margin: 0;
    padding: 0;
    width:950px;
}

/*
  left navi
 */
#navigation {
	background-color:#CCCCCC;
	width:234px;
	padding:0;
	margin:0 36px 0 0;
	float:left;
	text-align:center;
}

#navigation .menu-vertical {
	background-color:#FFFFFF;
	padding-bottom:20px;
	text-align:left;
}
#navigation .menu-vertical > ul {
	border:solid 2px #CCC;
	padding:0;
	margin:0;
	width:230px;
}
#navigation .menu-vertical > ul li{
	border-bottom:solid 1px #CCC;
	list-style: none;
}
#navigation .menu-vertical > ul li:last-child {
	border-bottom:none;
}
#navigation .menu-vertical > ul > li > a{
	background: url("../images/menu_vertical_lv1_bg.gif") no-repeat scroll 10px 16px #46005B;
	color:#FFFFFF;
	display:block;
	padding:1em 5px 1em 25px;
}
#navigation .menu-vertical > ul > li > a:hover, 
#navigation .menu-vertical > ul > li > a:active {
	background: url("../images/menu_vertical_lv1-on_bg.gif") no-repeat scroll 10px 16px #7E13AB;
}
#navigation .menu-vertical > ul > li > ul {
	border:none;
	padding:0;
	margin:0;
}
#navigation .menu-vertical > ul > li > ul > li > a{
	background: url("../images/menu_vertical_lv2_bg.gif") no-repeat scroll 10px 16px #FFFFFF;
/*	color:#333333; */
	color:#111111;
	display:block;
	padding:1em 5px 1em 25px;
}
#navigation .menu-vertical > ul > li > ul > li > a:hover,
#navigation .menu-vertical > ul > li > ul > li > a:active {
	background: url("../images/menu_vertical_lv2-on_bg.gif") no-repeat scroll 10px 16px #FFFFFF;
}


/* banner */
.banner {
	margin: 0;
	padding: 0
}
.banner ul {
	margin:0;
	padding:0;
}
.banner ul li {
	margin: 3px 0;
	overflow: hidden;
	width:234px;
}
.banner ul li img.banner-image{
	/*display:block;*/
}

/*
  contents
 */
#contents {
	float:right;
	margin:0;
	padding:0;
	width:680px;
}
#contents .date {
	text-align:right;
	margin-bottom:5px;
}

#contents .header {
	background:url(../images/common_title_bg.gif) repeat-x;
	border-bottom:solid 1px #999;
	width:680px;
	margin:0 0 10px 0;
	padding:15px 0 7px 0;
}
#contents .header h2 {
	background:none;
	border:none;
/*	color:#333; */
	color:#111;
	float:left;
	margin:0;
	padding:0;
	width:480px;
}
#contents .header div.link {
	float:left;
	margin:0;
	padding:0;
	width:200px;
	text-align:right;
}
#contents .header div.link a{
	padding-top:3px;
	margin-left:10px;
}

#contents .article {
	margin:0;
    padding:3px 0;
	border-bottom: dotted 1px #999;
}
#contents .article:first-child {
	border-top: dotted 1px #999;
}
#contents .article .date {
	display:block;
	float:left;
	width:100px;
	margin:0;
    padding:0;
	text-align:left;
}
#contents .article .title {
	display:block;
	float:left;
	width:580px;
	margin:0;
    padding:0;
}
#contents .article a {
/*	color:#666; */
	color:#373737;
	text-decoration:underline;
}

#contents .pagetop {
	float:right;
	height:28px;
	margin-top:1em;
	width:125px;
}
#contents .pagetop a {
	background:url(../images/icon_pagetop.gif) no-repeat 0 3px;
	padding-left:10pt;
}
#contents .pagetop a:hover, #contents .pagetop a:active {
	background:url(../images/icon_pagetop-on.gif) no-repeat 0 3px;
	padding-left:10pt;
}
/* h tag */
h1 {
	border:solid 1px #500268;
	border-top:solid 8px #500268;
/*	color:#666666; */
	color:#373737;
	margin:0 0 15px 0;
	padding: 15px 12px;
}

h2 {
	background-color:#540070;
	color:#FFFFFF;
	font-weight:normal;
	margin:0.5em 0;
	padding:8px 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

h3 {
/*	color:#333; */
	color:#111;
	margin:0.5em 0;
}

h3.underline {
    border-bottom: 1px solid #550071;
    padding: 3px 0;
}

h4 {
	margin:0.5em 0;
}

div.honbun {
	line-height: 2em;
	padding-left:0.5em;
	padding-right:0.5em;
}

/* article list */

.article-list {
	margin:5px 0;
}

.article-list .more {
	float:right;
	padding:7px 5px 5px 15px;
	text-align: left;
	font-size:12px;
}

.article-list .list{
	margin:0 0 10px 0;
	padding:0;
}

.article-list ul{
	margin:0;
	padding:0;
}
.article-list li{
	background:url(../images/dot-yellow.png) 6px 8px no-repeat;
	list-style-type:none;
	margin:2px 0 5px 0px;
	padding:2px 2px 15px 20px;
	border-bottom: dotted 1px #999;
}
.article-list li:last-child {
	/*border:none;*/
}

/*.article-list li .new{
	background:url(../images/new.png) 5px 6px no-repeat;
	overflow:visible;
}*/

.article-list li .date {
	color: #006c33;
	font-size:12px;
}
.article-list li .title a{
/*	color: #666; */
	color: #373737;
}
.article-list li .summary {
	padding-left:30px;
}


/* clear fix */
.article-list .list:before, .article-list .list:after {
	content:"";
	display:block;
	overflow:hidden;
}
.article-list .list:after {
	clear:both;
}
.article-list .list {
	zoom:1;	/*forIE6,7*/
}


/*
  footer
 */
#footer {
	margin: 10px -100%;
	background: url("../images/footer_bg.gif") repeat-x scroll;
	width:950px;
	padding:0 100%;
}

#footer .menu-footer {
	font-size:8pt;
	margin-bottom:12px;
	text-align:center;
}
#footer .menu-footer ul{
	margin:0;
	padding:0;
}
#footer .menu-footer ul li{
	margin:0;
	padding:8px 0 0 0;
	list-style:none;
	float:left;
	width:157px;
	height:25px;
	border-left:solid 1px #CCCCCC;
	text-align:center;
}
#footer .menu-footer ul li:last-child {
	width:158px;
	border-right:solid 1px #CCCCCC;
}
#footer .menu-footer ul li a{
/*	color:#333; */
	color:#111;
	padding-top:3px;
}


#footer .name {
	font-weight:bold;
	padding-top:10px;
}
#footer .address {
	padding-bottom:10px;
}
#footer .copyright {
	padding-top: 1px;
	width:950px;
	font-size:9pt;
	text-align:left
}

/* for GUI */

.gui {

}

/* gazou & caption */

.gazou_normal_cap {
	width: 140px;
	float: right;margin-left: 3em;
	line-height: 100%;
}
.gazou_normal {
	width:140px;
	border:solid 2px #000;
	margin-bottom: 5px;
}

.gazou_big_cap {
	width: 190px;
	float: right;
	margin-left: 3em;
	line-height: 100%;
}

.gazou_big {
	width:190px;
	border:solid 2px #000;
	margin-bottom: 5px;
}

.gazou_cap {
	font-size: 80%;
	line-height: 1.5em;
}

/* calendarBox */
#calendarBox {
	padding:5px;
	background:#fff;
}
#calendarBox .description {
	text-align:left;
	padding-left:20px;
}
#calendarBox .description li{
	list-style: none;
}
#calendarBox .r {
	color:#b40016;
}
#calendarBox .b {
	color:#1554a7;
}