@charset "utf-8";

/*=========================================

	TOPICS／　CSS
	
=========================================*/

/*　タイトル
-----------------------------*/

#header  .pagetitle_top {
	background-image: url(../topics/images/title_main.gif);
	background-repeat: no-repeat;
	width: 212px;
	height: 36px;
	float: left;
	clear: left;
}

#header .fbArea {
	width: 958px;
	margin: 5px 0 25px 0;
}

#header .fbArea .fb_txt {
	float:right;
	width:200px;
	margin: 5px 5px 0 0;
	text-align: right;
	line-height: 1em;
}

#header .fbArea .fb_img {
	float:right;
	width:84px;
}

#header .tipi_head {
	height: 36px;
}

#header  .yearwrap   {
	width:200px;
	float: left;
	line-height: 1;
	font-size: 18px;
	padding: 10px 0 0 0;
	font-weight: bold;
	height: 25px;
}
#header .icon_example  {
	margin: 0;
	width: 545px;
	float: left;
	text-align: right;
	padding-top: 10px;
}

#header .flashArea {
	margin-top: 19px;
}

#container #main .subArea .titlewrap01 {
	width:200px;
	float: left;
}

#container #main .subArea .titlewrap02 {
	width:240px;
	float: left;
}


/*　サブメニュー
-----------------------------*/

#container #subMenu .menu_topics li {
	width: 192px;
}

#container #subMenu .menu_topics li a{
	height: 44px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../topics/images/submenu.gif);
	background-repeat: no-repeat;
}

/* media */
#container #subMenu .menu_topics li.media a{
	background-position: 0 0;
}

#container #subMenu .menu_topics li.media a:hover{
	background-position: -207px 0;
}

/* press */
#container #subMenu .menu_topics li.press a{
	background-position: 0 -44px;
}

#container #subMenu .menu_topics li.press a:hover{
	background-position: -207px -44px;
}

/* achi */
#container #subMenu .menu_topics li.achi a{
	background-position: 0 -88px;
}

#container #subMenu .menu_topics li.achi a:hover{
	background-position: -207px -88px;
}


/* lecture */
#container #subMenu .menu_topics li.lecture a{
	background-position: 0 -132px;
}

#container #subMenu .menu_topics li.lecture a:hover{
	background-position: -207px -132px;
}

/* society */
#container #subMenu .menu_topics li.society a{
	background-position: 0 -176px;
}

#container #subMenu .menu_topics li.society a:hover{
	background-position: -207px -176px;
}


/* prize */
#container #subMenu .menu_topics li.prize a{
	background-position: 0 -220px;
}

#container #subMenu .menu_topics li.prize a:hover{
	background-position: -207px -220px;
}


/* other */
#container #subMenu .menu_topics li.other a{
	background-position: 0 -264px;
}

#container #subMenu .menu_topics li.other a:hover{
	background-position: -207px -264px;
}

	



/*　メイン
-----------------------------*/
#main .year {
	margin:18px 0 13px 0;
	padding:6px 0 0 19px;
	background-image: url(../topics/images/year_bg.gif);
	width:678px;
	height:22px;
	background-repeat: no-repeat;
	line-height: 1;
	font-size: 14px;
	clear: both;
	font-weight:bold;
}

#main .year_2nd {
	margin:48px 0 13px 0;
	padding:6px 0 0 19px;
	background-image: url(../topics/images/year_bg.gif);
	width:678px;
	height:22px;
	background-repeat: no-repeat;
	line-height: 1;
	font-size: 14px;
	clear: both;
	font-weight:bold;
}

#main dl {
	border-bottom:1px solid #dedede;
	clear:both;
	margin: 2px 0 17px 0;
	width: 685px;
}
#main .dltop {
	margin-top: 20px;
}


#main dt {
	float:left;
	width:38px;
	padding: 5px 0 0 7px;
}

#main dt img {
	margin-bottom:3px;
}

#main dd {
	float:left;
	width:620px;
	border-left: 1px solid #e3e3e3;
	padding: 2px 3px 4px 10px;
	margin: 0 0 6px 0;
	line-height: 1.4em;
}

#main dd .date {
	color:#c00000;
}

#main ul.mlist {
	margin: 4px 0 0 0;
	padding: 0 0 0 28px;

}

#main .mlist li {
	list-style-type: decimal;
	list-style-position: outside;
	padding: 0 0 2px 0;
}

#main .ddtwin {
	height:62px;
}

#main .morelink {
	background:url(../images/link_arr.gif) no-repeat 0px 0.4em;
	margin:0 0 0 10px;
	padding:0 0 0 7px;
	font-weight: bold;
}