@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  text-decoration: none;  
}

html,body{
  height: 100%;
}

body{
  font-size: 80%;
  line-height: 200%;
  font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',Meiryo,'メイリオ','MS Gothic','Verdana',serif;
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, #today a:hover { text-decoration: none; background-color: #ffff00; }
a:active { text-decoration: none; }
a img{border: none;}

h1{
	margin-bottom: 24px;
	font-size: 190%;
	line-height: 120%;
}

h2{
	margin-bottom: 12px;
	font-size: 130%;
}

h3{
	margin-bottom: 6px;
	font-size: 100%;
}

p{margin-bottom: 18px;}

ul, ol{margin: 0 0 18px 20px;}

strong{font-weight: bold;}

.caption{
	font-size: 85%;
	_font-size: 70%;
}

#container{
	height: 100%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -36px; /* the bottom margin is the negative value of the footer's height */
  overflow: hidden;
  _overflow: visible;
}

#footer, .push{
  height: 36px; /* .push must be the same height as .footer */
}

.inner{
	width: 936px;
  margin: 0 auto 0 auto;
}

#header{
	margin-bottom: 24px;
  background: url('/common/images/headerBg.gif') repeat-x left top;
  width: 100%;
  overflow: hidden;
}

#header h1.logo{
  background: url('/common/images/logo.gif') no-repeat left top;
  height: 61px;
  width: 509px;
  margin: 18px 0 17px 0;
}
#header h1.logo a{
  display: block;
  height: 61px;
  width: 509px;
  background: url('/common/images/logo.gif') no-repeat left top;
}
#header h1.logo a:hover{
  background: url('/common/images/logo.gif') no-repeat left top;
}

#header h1.logo span,
#header li span{
  display: none;
}

#header #navigation{
	background-color: #000;
	width: 100%;
	overflow: hidden;
}

#header ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 936px;
	overflow: hidden;
	border-left: solid 1px #333;
}

#navigation li{
	float: left;
	border-right: solid 1px #333;
}

#navigation li a.about{
	display: block;
	width: 237px;
	height: 36px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -864px;
}#navigation li a.about:hover,#navigation li.active a.about{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -900px;
}

#navigation li a.project{
	display: block;
	width: 197px;
	height: 36px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -936px;
}#navigation li a.project:hover,#navigation li.active a.project{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -972px;
}

#navigation li a.schedule{
	display: block;
	width: 124px;
	height: 36px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -1008px;
}#navigation li a.schedule:hover,#navigation li.active a.schedule{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -1044px;
}

#navigation li a.today{
	display: block;
	width: 151px;
	height: 36px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -1080px;
}#navigation li a.today:hover,#navigation li.active a.today{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -1116px;
}

#navigation li a.logo{
	display: block;
	width: 97px;
	height: 36px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -1152px;
}#navigation li a.logo:hover,#navigation li.active a.logo{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -1188px;
}

#navigation li a.download{
	display: block;
	width: 124px;
	height: 36px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -1224px;
}#navigation li a.download:hover,#navigation li.active a.download{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -1260px;
}


.topic_path {
  margin: 0 0 24px 0;
  font-size: 85%;
}

#content{
	width: 100%;
  overflow: hidden;
}

.sidebar{
	border: solid 1px #bbb;
	padding: 12px;
	width: 214px;
	float: left;
	overflow: hidden;
}

.sidebar h3{
	margin: 0;
}

.sidebar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}

.sidebar ul.news{
  margin-bottom: 12px;
}

.sidebar ul li{
	margin: 12px 0 0;
	padding: 0;
	line-height: 140%;
}

.sidebar ul li .date{
	margin: 0;
	padding: 0;
	font-size: 85%;
}

.mainContent{
	width: 672px;
	float: right;
	overflow: hidden;
}

#footer {
  clear: both;
  padding-top: 12px;
  height: 24px;
  background: url('/common/images/footerBg.gif') repeat-x;
}


#footer p{
  margin: 0 0 0 0;
  background: url('/common/images/logo.gif') no-repeat 0 -68px;
  height: 12px;
  width: 419px;
}

#footer p a{
  display: block;
  height: 12px;
  width: 419px;
}
#footer p a:hover{
  background: url('/common/images/logo.gif') no-repeat 0 -68px;
}

#footer p span{
  display: none;
}

.article{
	width: 100%;
  overflow: hidden;
  margin-bottom: 24px;
}

/* home */
#home #header{
	margin: 0;
}

#home #navigation li a.about{
	display: block;
	width: 237px;
	height: 72px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 0;
}#home #navigation li a.about:hover,#home #navigation li.active a.about{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -72px;
}

#home #navigation li a.project{
	display: block;
	width: 197px;
	height: 72px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -144px;
}#home #navigation li a.project:hover,#home #navigation li.active a.project{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -216px;
}

#home #navigation li a.schedule{
	display: block;
	width: 124px;
	height: 72px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -288px;
}#home #navigation li a.schedule:hover,#home #navigation li.active a.schedule{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -360px;
}

#home #navigation li a.today{
	display: block;
	width: 151px;
	height: 72px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -432px;
}#home #navigation li a.today:hover,#home #navigation li.active a.today{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -504px;
}

#home #navigation li a.logo{
	display: block;
	width: 97px;
	height: 72px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -576px;
}#home #navigation li a.logo:hover,#home #navigation li.active a.logo{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -648px;
}

#home #navigation li a.download{
	display: block;
	width: 124px;
	height: 72px;
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -720px;
}#home #navigation li a.download:hover,#home #navigation li.active a.download{
	background: url('/common/images/headerMenuSprite.gif') no-repeat 0 -792px;
}

#home #splash{
	margin-bottom: 24px;
	background-color: #ff0;
	width: 100%;
	height: 444px;
}

#splash .noflash {
	text-align: center;
}

.noflash img{
	margin: 125px 0 115px;
}

#home #content{
	margin-bottom: 24px;
}

#home #content .inner{
	width: 936px;
	overflow: hidden;
}

#home .information{
  	width: 910px;
  	overflow: hidden;
   padding: 9px 12px;
  border: solid 1px #cbcbcb;
}

#home .information ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#home .information ul li{
  margin-bottom: 9px;
  line-height: 130%;
}

#home .information .date{
	padding-left: 6px;
	font-size: 85%;
}

#home .information .category{
	font-size: 85%;
}

#home .news{
	width: 431px;
	float: left;
}

#home .news #newsList{
  margin-bottom: 12px;
}

#home .topics{
	width: 431px;
	float: right;
}

/* about */
#about .articles{
  width: 672px;
  overflow: hidden;
}

#about .article .txt{
  width: 480px;
  float: left;
}

#about .article .photo{
  width: 166px;
  float: right;
}

/* project */
#project h2 span{
	margin-right: 9px;
	display: block;
	width: 24px;
	height: 24px;
	float: left;
}

#project h2.one{
	color: #00890a;
	margin-bottom: 9px;
}

#project h2.one span{
	background: url('/project/images/titleSprite.gif') no-repeat 0 0;
}

#project h2.two{
	color: #642b97;
	margin-bottom: 9px;
}

#project h2.two span{
	background: url('/project/images/titleSprite.gif') no-repeat 0 -24px;
}

#project h2.three{
	color: #db0900;
	margin-bottom: 9px;
}

#project h2.three span{
	background: url('/project/images/titleSprite.gif') no-repeat 0 -48px;
}


/* schedule */
#schedule table{
	margin-bottom: 24px;
  border-top: solid 1px #bbb;
  width: 672px;
}

#schedule table td{
  border-bottom: solid 1px #bbb;
  vertical-align: top;
  padding: 6px;
}

#schedule table td.label{
	background-color: #ff0;
	padding-top: 12px;
}

#schedule .year2008,
#schedule .year2009,
#schedule .year2010,
#schedule .year2011{
  display: block;
  width: 42px;
  height: 12px;
  margin: 0;
  padding: 0;
  line-height: 1em;
  font-size: .1em;
}

#schedule .year2008{
	background: url('/schedule/images/schduleSprite.gif') no-repeat 0 -57px;
}

#schedule .year2009{
	background: url('/schedule/images/schduleSprite.gif') no-repeat 0 -69px;
}

#schedule .year2010{
	background: url('/schedule/images/schduleSprite.gif') no-repeat 0 -81px;
}

#schedule .year2011{
	background: url('/schedule/images/schduleSprite.gif') no-repeat 0 -93px;
}

#schedule .year2012{
	display: block;
	width: 79px;
	height: 12px;
	background: url('/schedule/images/schduleSprite.gif') no-repeat 0 -105px;
}

#schedule .campus{
	margin-right: 6px;
	display: block;
	width: 12px;
	height: 19px;
	float: left;
	background: url('/schedule/images/schduleSprite.gif') no-repeat 0 0;
}

#schedule .area{
	margin-right: 6px;
	display: block;
	width: 12px;
	height: 19px;
	float: left;
	background: url('/schedule/images/schduleSprite.gif') no-repeat 0 -38px;
}

#schedule .international{
	margin-right: 6px;
	display: block;
	width: 12px;
	height: 19px;
	float: left;
	background: url('/schedule/images/schduleSprite.gif') no-repeat 0 -19px;
}

#schedule .option{
	padding: 9px 12px;
	background-color: #f2f2f2;
}

#schedule .option ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#schedule .option li#campus{color: #00890a;}
#schedule .option li#area{color: #db0900;}
#schedule .option li#international{color: #642b97;}


/* download */

#download ul{
  list-style: none;
  margin: 0;
}

#download .screensaver{
  float: right; 
  width: 324px;
  margin-bottom: 24px;
}

#download .logo{
 float: left;
  width: 324px;
  margin-bottom: 24px;
}

#download .screensaver .thumbnail,
#download .logo .thumbnail{
  margin-bottom: 12px;
}

#download .banner{
  clear: both;
  width: 672px;
}

#download .banner textarea{
  width: 670px;
  height: 65px;
  margin: 6px 0 24px 0;
  border: 1px solid #ccc;
}

#download .tools{
  clear: both;
  width: 672px;
  margin-bottom: 24px;
}


/* today */
#today #container{
	min-width: 984px;
}

#today #header{
	margin: 0;
	border-bottom: solid 1px #EFEFEF;
	width: 100%;
	height: 96px;
	background: none;
	background-color: #FF0;
	position: relative;
}

#today .wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -73px; /* the bottom margin is the negative value of the footer's height */
  overflow: hidden;
  _overflow: visible;
}

#today #footer, #today .push{
  height: 73px; /* .push must be the same height as .footer */
}

#today #footer{
	padding: 0;
	width: 100%;
	background: none;
}

#today .content{
	width: 100%;
	overflow: hidden;
}

#today .content .main{
	margin: 0 288px 0 24px;
}

#today .content .sidebar{
	padding: 0 24px 0 0;
	border: none;
	width: 240px;
	float: right;
}

#today .sidebar ul{
	background-color: #444;
}

#today .sidebar ul li{
	margin: 0 0 1px 0;
}

#today .sidebar ul li.none{
	margin: 0;
}

#today .sidebar a{
	padding: 0 12px;
	width: 216px;
	height: 36px;
	display: block;
	background-color: #000;
	color: #FFF;
	line-height: 3em;
	font-weight: bold;
}

#today .sidebar a:hover, #today .active a{
	background-color: #E6E6E6;
	color: #000;
}

#today .credit{
	border-bottom: solid 1px #EFEFEF;
	height: 36px;
}

#today .credit p,
#today .credit p a:hover{
	background: none;
}

#today .credit p a:hover { text-decoration: none; background-color: #ffff00; }

#today .credit p{
	padding-left: 24px;
	width: auto;
	height: 36px;
	line-height: 3.4em;
	float: left;
}

#today .credit p a{
	display: inline;
}

#today .credit .attribution{
	text-align: right;
	_line-height: 4em;
}

#today .credit .logo_mgYomidas{
	padding:8px 24px 0 0;
	float: right;
}

.credit .logo_mgYomidas img{
	border: none;
}

#today .copy{
	padding: 12px 24px 0;
	background-color: #FF0;
	height: 24px;
}

#today .copy a.copyright{
  background: url('/common/images/logo.gif') no-repeat 0 -68px;
  height: 12px;
  width: 419px;
  display: block;
	float: left;
	width: 419px;

}

#today .footNavi{
	float: right;
	line-height: 130%;
	_line-height: 160%;
}


#today .footNavi a:hover{color: #000;}

#today .logo_today a{
	margin: 18px 28px 0 24px;
	background: url('/common/images/todaySprite.gif') no-repeat 0 0;
	width: 242px;
	height: 61px;
	float: left;
}

#today #header .lead a{
	margin-top: 41px;
	background: url('/common/images/todaySprite.gif') no-repeat 0 -70px;
	width: 301px;
	height: 21px;
	float: left;
}

#today .logo_mg150 a{
	margin: 18px 24px 0 0;
	background: url('/common/images/todaySprite.gif') no-repeat -259px 0;
	width: 73px;
	height: 61px;
	float: right;
}

#today .head{
	padding: 24px;
	_padding: 24px 24px 18px;
	overflow: hidden;
	clear: both;
}

*:first-child+html #today .head{
	padding: 24px 24px 18px;
}

#today .head h1{
	margin-bottom: 0;
	padding-top: 2px;
	font-size: 160%;
}

#today .head .date,
#today .head .title{
	margin: 0;
	padding: 0;	display: block;
}

#today .head .date{
	padding-right: 18px;
	float: left;
}

#today .head .lead{
	padding-left: 0px;
	font-size: 80%;
}

#today .dash {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

#today .head h1 a{
	color:#000;
	width: 100%;
	display: block;
}#today .head h1 a:hover{
	background-color: #FF0;
}

#today #imagemaps_container{
	border: solid 1px #999;
}

#today #imagemaps{
  height: 100%;
}

#today .displayNone{
	display: none;
}

#today .arrowTop, #today .pageTop{
	padding-left: 18px;
	background: url("/common/images/icon_arrowTop.gif") no-repeat center left;
}

#today .arrowRight{
	padding-left: 18px;
	background: url("/common/images/icon_arrowRight.gif") no-repeat center left;
}

#today .main table{
	margin-bottom: 18px;
	border-top: solid 1px #BBB;
}

#today th,
#today td{
	padding: 9px 0 7px;
	line-height: 1.6em;
}

#today th.bgGray,
#today td.bgGray{
	background-color: #EFEFEF;
}

#today .main th{
	padding: 0 6px;
	width: 1%;
	font-size: 130%;
	font-weight: normal;
	text-align: right;
}

#today .main td.year{
	padding-right: 24px;
	width: 1%;
}

#today .main td.txt{
	padding-right: 6px;
	width: 98%;
}

#today .main .pageNavi{
	width: 100%;
}

.main .pageNavi .left{
	float: left;
	width: 80%;
}

.pageNavi .left a{
	font-weight: normal;
}

.main .pageNavi .right{
	float: right;
	width: 20%;
	text-align: right;
	font-weight: normal;
}

#today .noflash{
	width: 100%;
	height: 100%;
	min-height: 420px;
	position: relative;
}

#today .noflash p{
	margin-top: -90px;
	margin-left: -280px;
	width: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
}

#today .noflash img{
	margin: 0;
	width: 160px;
	height: 41px;
}

#today .noflash a:hover{
	background: no-repeat;
}

/* today top */
#today #top .head .date,
#today #top .head .title,
#today #detail .head .date,
#today #detail .head .title{
	cursor: pointer;
}

#today #top .credit{
	border-bottom: none;
	padding-bottom: 24px;
}

#today #top #imagemaps_container{
	height: 423px;
}

#today #top #imagemaps{
	height: 423px;
}

#today #top .topLead{
	padding: 18px 288px 18px 24px;
	font-weight: bold;
	font-size: 110%;
}

#today #top .head{
	border-top: solid 1px #999;
}

/* today archives */
#today #archives{
	padding-top: 36px;
}

/* today detail */
#today #detail object{
  min-height: 232px;
}
#today #detail .noflash{
	_height:280px;
	width: 100%;
	position: relative;
}

#today #detail .noflash p{
	height: 100%;
}