@charset "UTF-8";

/*****************************
	top.css
	経済研究所トップ設定
*****************************/

/*  外枠
-------------------------- */
#content.top{
	margin:10px auto;
	padding:10px 0;
}
#content #topContent{
	background:#fff;
	width:930px;
	margin:0 auto;
}
#content #topContent:after{
	display:block;
	clear:both;
	height:1px;
	margin-top:-1px;
	content:"";
}
#image{
	position:relative;
	background:#fff url(../../img/en/top/photo.jpg) left no-repeat;
	width:920px;
	height:200px;
	margin:0 5px;
	padding:5px 0;
}
#image p{
	width:480px;
	color:#333;
	text-align:left;
}
#image #imgTitle{
	position:absolute;
	top:25px;
	left:405px;
	background:url(/research_2/cuie/img/en/top/topTitle.jpg);
	width:490px;
	height:25px;
	text-indent:-9999px;
}
#image #text1{
	position:absolute;
	top:65px;
	left:420px;
}
#image #text2{
	position:absolute;
	top:105px;
	left:420px;
}
#topic{
	position:relative;
	float:left;
	width: 670px;
	margin:10px 0 10px 5px;
}
#topic #topicContent{
	background:#fff;
	width: 670px;
	padding:5px 0 0 0;
	border-top:none;
}

#topic #topicContent #topicListNews{
	background:url(/research_2/cuie/img/en/top/topTopic.jpg) no-repeat;
	width: 670px;
	height:31px;
	text-indent:-9999px;
}
#topic #topicContent #topicListUp{
	background:url(/research_2/cuie/img/en/top/topUp.jpg) no-repeat;
	width: 670px;
	height:31px;
	text-indent:-9999px;
}
#topic #topicContent #topicListNews a{
	position:relative;
	top:3px;
	right:-598px;
	display:block;
	background:url(/research_2/cuie/img/en/top/topicList.png) no-repeat;
	width:75px;
	height:22px;
	text-indent:-9999px;
}
#topic #topicContent #topicListUp a{
	position:relative;
	top:3px;
	right:-598px;
	display:block;
	background:url(/research_2/cuie/img/en/top/topicList.png) no-repeat;
	width:75px;
	height:22px;
	text-indent:-9999px;
}

/* NEWS 
------------------------------*/
#topic .topicLeft{
	width: 670px;
	margin: 0 0 15px 0;
}
#topic .topicLeft div dl{
	padding:5px 0 0 0;
}
#topic .topicLeft div p.backnum{
	display:none;
	width: 670px;
	margin: 0px 0 10px 0;
	text-align: right;
	font-size: 12px;
}
#topic dl:after{
	display:block;
	clear:both;
	height:1px;
	margin-top:-1px;
	content:"";
}
#topic dt{
	float:left;
	width:140px;
	margin:0 0 0 0;
	padding: 4px 0 0 5px;
	color:#1f9263;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}
#topic dd{
	padding:4px 0px 0 146px;
	color:666;
	font-size:14px;
	text-align:left;
	line-height: 1.4;
}
.tbl dl:first-child dd{
	border:none!important;
}
#topic dd.dtNon{
	margin:-5px 0 0 0;
	padding:0 3px 5px 90px!important;
}
#topic dd a{
	color:#666;
}
#topic dd a:hover{
	color:#999;
	text-decoration:none;
}
#topic dd:after{
	display:block;
	clear:both;
	height:1px;
	margin-top:-1px;
	content:"";
}
#topic dd img{
	float:left;
}
#topic dd p.title{
	color:#1f9263;
}


/* Upcoming Events 
------------------------------*/
#topic .topicRight{
	width: 670px;
	margin: 0 0 15px 0;
	padding:5px 0 0 0;
}
#topic .topicRight div ul{
	border-bottom: 1px dotted #dcdbdb;
    overflow: hidden;
    padding: 5px 5px 10px 5px;
	text-align: left;
}
#topic ul:after{
	display:block;
	clear:both;
	height:1px;
	margin-top:-1px;
	content:"";
}
#topic .topicRight div ul li.event{
	font-size:13px;
	padding: 0 0 2px 0;
}
#topic .topicRight div ul li.work_title{
	font-size:14px;
	font-weight:bold;
	padding: 3px 0;
}
#topic .topicRight div ul .cgy_cuie{
	background: #ececec;
	margin: 0 5px 0 0;
    padding: 3px;
    font-weight: 300;
    font-size: 12px;
}
#topic .topicRight div ul .cgy_yagoto{
	background: #ececec;
	margin: 0 5px 0 0;
    padding: 3px;
    font-weight: 300;
    font-size: 12px;
}
#topic .topicRight div ul li span.day{
	padding: 0 20px 0 5px;
    font-weight: bold;
}
#topic .topicRight div ul li a{
	text-decoration: none;
	font-size:14px;
}
#topic .topicRight div ul li a:link{
	color:#1f9263;
}
#topic .topicRight div ul li a:hover{
	text-decoration: underline;
}
#topic .topicRight div ul li a:visited{
	color:#1f9263;
}
#topic .topicRight div ul li ul{
	padding:0;
	margin: 0;
	border:none;
}
#topic .topicRight div ul li ul li{
	color:#1f9263;
	font-size: 14px;
	line-height: 1.8;
}
#topic .topicRight div p.backnum{
	display:none;
	width: 670px;
	margin: 0 0 10px 0;
	text-align: right;
	font-size: 12px;
}
#topic .topicRight div ul .name{
	font-size:13px;
	padding: 0 0 5px 20px;
}
#topic .topicRight div ul .time,
#topic .topicRight div ul .place{
	font-size:13px;
	padding: 0 0 0 4px;
}

/*  Coming soon
-------------------------- */
#topic .topicLeft .comingsoon,
#topic .topicRight .comingsoon{
	background: #F2F2F2;
    padding: 10px 10px;
    margin: 18px 0;
    font-size: 14px;
	text-align: left;
}
/*  バナー
-------------------------- */
.dropmenu{
	*zoom: 1;
	list-style-type: none;
	width: 225px;
	padding: 0;
	float:right;
	margin:17px 0;
}
.dropmenu:before,
.dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
	width: 215px;
	height:120px;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	text-indent:-9999px;
}
.dropmenu li a{
  display: block;
  height:120px;
  margin: 0;
  background: #8a9b0f;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
  margin: 0;
}
.dropmenu li ul li a{
  text-align: left;
  height: 50px;
  width: 240px;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
  height: 120px;
}
.dropmenu li a:hover{
  background: #616d0b;
  height: 120px;
}
#member a{
	background:url(/research_2/cuie/img/en/top/member.png);
}
#member,
#member a:hover{
	background:url(/research_2/cuie/img/en/top/member.png) no-repeat left -120px;
}
#project a{
	background:url(/research_2/cuie/img/en/top/research.png) no-repeat left top;
}
#project,
#project a:hover{
	background:url(/research_2/cuie/img/en/top/research.png) no-repeat left -120px;
}
#discussion a{
	background:url(/research_2/cuie/img/en/top/discussion.png) no-repeat left top;
}
#discussion,
#discussion a:hover{
	background:url(/research_2/cuie/img/en/top/discussion.png) no-repeat left -120px;
}
#seminar a{
	background:url(/research_2/cuie/img/en/top/seminar.png) no-repeat 0 0;
}
#seminar ul li#cuieSeminares a{
	background:url(/research_2/cuie/img/en/top/cuie_seminars.png) no-repeat left top;
}
#seminar ul li#cuieSeminares a:hover{
	background:url(/research_2/cuie/img/en/top/cuie_seminars.png) no-repeat left -50px;
}
#seminar ul li#yagotoSeminares a{
	background:url(/research_2/cuie/img/en/top/yagoto_seminars.png) no-repeat left top;
}
#seminar ul li#yagotoSeminares a:hover{
	background:url(/research_2/cuie/img/en/top/yagoto_seminars.png) no-repeat left -50px;
}
/* アニメーション */
#dropmenu li ul li{
  overflow: hidden;
  height: 0px;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 50px;
}