@charset "Shift_JIS";

/*
The Japanese Society for Neurochemistry. CSS
Author: Kazuya Tahara(Hdj)
Version: 081225

*/


/*-----------------------------------------------
 __Initial Setting
-----------------------------------------------*/

* {
	margin:0px;
	padding:0px;
}
html {
	overflow-y:scroll;
}

img {
	border:0;
}
a {
	text-decoration:none;
}
a:focus {
	outline:none;
}
li {
	list-style-type:none;
}



/*-----------------------------------------------
 __Base Setting
-----------------------------------------------*/

a:link , a:visited {
	color:#09C;
}
a:hover {
	color:#F90;
}
body {
	margin:0px;
	font-size: 100%;
	line-height:1.4;
	color: #333;
	min-width: 760px;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
.ClearBoth {
	clear:both;
}
#Wrapper {
	margin:0px auto;
	width:760px;
	background:#FFF;
}
#Container {
	width:760px;
	background:url(refer/bg_container.gif) repeat-y 0 0;
	float:left;
}


/*-----------------------------------------------
 __Header
-----------------------------------------------*/

#Header {
	width:760px;
	height:83px;
	position:relative;
}
#Header h1 {
	padding-bottom:3px;
}
#Header h1 span{
	font-size:1px;
	position:absolute;
	top:-9999px;
	left:-9999px;
}
#Header p {
	display:none;
}

/*-----------------------------------------------
 __Footer
-----------------------------------------------*/

#Footer {
	width:760px;
	height:25px;
	clear:both;
	border-top:3px solid #036;
}

#Footer p.Copyright {
	font-size:75%;
	color:#666;
	text-align:right;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}

/*-----------------------------------------------
 __Navi
-----------------------------------------------*/

#Navi {
	width:180px;
	float:left;
	background:#036;
}
#Navi ul {
	width:170px;
	padding-top:19px;
	margin-bottom:40px;
}
#Navi li {
	width:146px;
	height:27px;
	line-height:27px;
	font-size:16px;
	font-weight:bold;
	color:#A0A0A0;
	padding-left:24px;
	background:url(refer/bg_navi.gif) no-repeat 0 0;
	margin-bottom:6px;
}
#Navi a {
	display:block;
	width:146px;
	height:27px;
	color:#333;
	margin-left:-24px;
	padding-left:24px;
}
#Navi a:hover {
	color:#F60;
}
#Navi li.NaviLang {
	background:url(../refer/bg_select_lang.gif) no-repeat 0 0;
	margin-top:27px;
}

/*-----------------------------------------------
 __Content
-----------------------------------------------*/

#Content {
	width:580px;
	float:right;
}
#Content h2{
	height:32px;
	padding-left:10px;
	margin:20px 0 30px 20px;
	background:url(refer/bg_title_main.gif) no-repeat 0 0;
	color:#FFF;
	line-height:32px;
	font-size:20px;
	font-weight:bold;
}
#Content h3{
	margin:20px 0 10px 30px;
	font-size:128%;
	font-weight:bold;
	color:#C30;
	border-bottom:1px solid #CC3300;
}
#Content h4{
	margin:14px 0 4px 30px;
	font-size:114%;
	font-weight:bold;
	color:#669900;
}
#Content h5{
	margin:0px 0 0px 30px;
	font-size:100%;
	font-weight:bold;
	color:#003399;
}
#Content p{
	padding:0 0 1em 30px;
}
#Content dl{
	padding:0 0 0 30px;
}
#Content dl dt{
	font-weight:bold;
}
#Content dl dd{
	padding-bottom:1em;
}
#Content ul{
	padding:0 0 1em 30px;
}
#Content ol{
	padding:0 0 1em 30px;
}
#Content table{
	margin:0 0 1em 30px;
}
#Content .PageTop{
	width:80px;
	text-align:right;
	font-size:12px;
	padding:0;
	margin:2em 0 20px auto;
	background:url(refer/ic_top.gif) no-repeat 0px 4px;
}
#Content .PageTop a{
	display:block;
	width:80px;
	background:url(refer/ic_top.gif) no-repeat 0px 4px;
}
#Content .PageTop a:hover{
	background:url(refer/ic_top.gif) no-repeat 0px -46px;
}
/*ContentTop*/
#ContentTop {
	width:580px;
	float:right;
}
#ContentTop sub{
	font-size:86%;
	vertical-align:0px;
}
#ContentTop .PageTop{
	width:80px;
	text-align:right;
	font-size:12px;
	padding:0;
	margin:2em 0 20px auto;
	background:url(refer/ic_top.gif) no-repeat 0px 4px;
}
#ContentTop .PageTop a{
	display:block;
	width:80px;
	background:url(refer/ic_top.gif) no-repeat 0px 4px;
}
#ContentTop .PageTop a:hover{
	background:url(refer/ic_top.gif) no-repeat 0px -46px;
}
#ContentTop .MainVisual {
	width:580px;
	height:265px;
	position:relative;
}
#ContentTop .MainVisual h2 {
	width:580px;
	height:250px;
	background-image:none;
	padding:0 0 15px 0;
	margin:0;
}
#ContentTop .MainVisual dl {
	font-size:1px;
	position:absolute;
	top:-9999px;
	left:-9999px;
}
#ContentTop .InfoMainBox {
	padding:0 0 6px 20px;
	clear:both;
}
#ContentTop .InfoMainBox dt {
	float:left;
	clear:both;
	width:126px;
	height:22px;
	background:url(refer/bg_title_top_sub.gif) no-repeat 0 0;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	color:#FFF;
}
#ContentTop .InfoMainBox dd {
	width:420px;
	padding:0 0 12px 0;
	margin-left:130px;
	font-size:86%;
}
#ContentTop .InfoMainBox dd .Theme {
	font-size:18px;
	font-weight:bold;
	color:#C30;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
}
#ContentTop .InfoMainBox dd .ThemeSub {
	font-size:12px;
	color:#C30;
	line-height:14px;
}
#ContentTop .InfoMainBox dd .Date {
	font-size:16px;
	font-weight:bold;
	color:#C30;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
}
#ContentTop .InfoMainBox dd .Link {
	font-size:14px;
	font-weight:bold;
	line-height:22px;
}
#ContentTop .InfoMainBox dd .Link a {
	text-decoration:underline;
}
#ContentTop .InfoWNBox {
	padding-left:20px;
}
#ContentTop .InfoWNBox h3 {
	background: #036;
	font-size:100%;
	line-height:30px;
	color:#FFF;
	padding:0 8px;
}
#ContentTop .InfoBox {
	border:1px solid #036;
	margin-bottom:8px;
}
#ContentTop .InfoBox dl {
	padding:12px 20px 6px;
}
#ContentTop .InfoBox dl dt {
	font-weight:bold;
	padding-bottom:0.2em;
}
#ContentTop .InfoBox dl dd {
	font-size:86%;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:1px dotted #CCC;
}
#ContentTop .InfoBox dl dd .Link {
	background:url(refer/ic_orange.gif) no-repeat 0 3px;
	padding-left:16px;
}
#ContentTop .WhatsNew{
	border:1px solid #036;
	padding:8px 0px 8px;
	margin-bottom:22px;
}
#ContentTop .WhatsNew li {
	font-size:14px;
	width:404px;
	line-height:20px;
	margin:4px auto 4px;
	padding:0px 0px 2px 116px;
	border-bottom:1px dotted #CCC;
	position:relative;
}
#ContentTop .WhatsNew .Date {
	font-size:12px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	left:4px;
	top:0px;
	color:#C30;
}
#ContentTop .WhatsNew li br {
	display:none;
}
#ContentTop .OfficeBox {
	padding-left:20px;
}
#ContentTop .OfficeBox h3 {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	line-height:24px;
	padding:0 0 0 8px;
	background:url(refer/bg_title_top.gif) no-repeat 0 0;
}
#ContentTop .OfficeBox dl {
	padding:6px 9px 10px;
}
#ContentTop .OfficeBox dt {
	font-size:100%;
	color:#333;
	font-weight:bold;
	margin-bottom:0px;
}
#ContentTop .OfficeBox dt span {
	color:#C30;
}
#ContentTop .OfficeBox dd {
	font-size:86%;
	line-height:1.3;
	padding-bottom:12px;
}
#ContentTop .OfficeBox dd .Contact{
	padding-right:14px;
}

/*-----------------------------------------------
 __Invitation
-----------------------------------------------*/

#Invitation .President{
	width:550px;
	padding:1em 0 4px 0;
	margin:0 0 2em auto;
	border-top:3px solid #CCC;
}
#Invitation .President strong{
	font-size:114%;
}
#Invitation sup{
	font-size:86%;
	vertical-align:2px;
}

/*-----------------------------------------------
 __Link
-----------------------------------------------*/

#Link ul{
	margin-top:20px;
	margin-bottom:240px;
}
#Link ul li{
	line-height:35px;
	padding:2px 0 0 14px;
	margin:0;
	background:url(refer/ic_orange.gif) no-repeat 0 50%;
	border-bottom:1px dotted #CCC;
}
#Link ul li.Top{
	border-top:1px dotted #CCC;
	background:url(refer/ic_orange.gif) no-repeat 0 50%;
}

/*-----------------------------------------------
 __Program
-----------------------------------------------*/
#Program h4{
	background-color:#690;
	color:#FFFFFF;
	padding:2px 8px;
	font-size:100%;
	border-bottom:1px solid #039;
	border-left:4px solid #039;
}
#Program ol li{
	list-style-type:decimal;
	list-style-position:inside;
	padding:0 0 1em 24px;
	margin-left:20px;
	text-indent:-40px;
	font-size:88%;
}
#Program dl dt{
	color:#039;
}
#Program dl dd{
	font-size:88%;
}
#Program dl dd ul{
	padding-left:42px;
}
#Program dl dd ul li{
	text-indent:-42px;
	padding:0 0 8px 0;
}
#Program dl dd ul.OS{
	padding-left:37px;
}
#Program dl dd ul.OS li{
	text-indent:-37px;
	padding:0 0 8px 0;
}
#Program dl dd ul.ISN{
	padding-left:39px;
}
#Program dl dd ul.ISN li{
	text-indent:-39px;
	padding:0 0 8px 0;
}
#Program dl dd ul.JSN{
	padding-left:80px;
}
#Program dl dd ul.JSN li{
	text-indent:-80px;
	padding:0 0 8px 0;
}
#Program dl dd ul.LA{
	padding-left:34px;
}
#Program dl dd ul.LA li{
	text-indent:-34px;
	padding:0 0 8px 0;
}
#Program dl dd .IcLink{
	background:url(refer/ic_orange.gif) no-repeat 0px 1px;
	padding-left:14px;
}
#Program .IcLink{
	background:url(refer/ic_orange.gif) no-repeat 46px 3px;
	padding-left:64px;
}
#Program p{
	font-size:88%;
}
#Program p strong{
	font-size:114%;
	font-weight:bold;
	color:#669900;
}
#Program .Link li{
	background:url(refer/ic_orange.gif) no-repeat 0 5px;
	padding:0 0 4px 16px;
	font-size:88%;
}
#Program h3 {
	position:relative;
	zoom:100%;
	font-size:118%;
}
#Program h3 span {
	width:100px;
	text-align:right;
	position:absolute;
	right:4px;
	bottom:2px;
	font-size:12px;
	padding-left:16px;
	font-weight:normal;
}
#Program h3 span a {
	display:block;
	background:url(refer/ic_top.gif) no-repeat 20px 5px;
}
#Program h3 span a:hover {
	background:url(refer/ic_top.gif) no-repeat 20px -45px;
}
