/*=========================================
コンテンツ設定
=========================================*/

#wrapper {
	width: 900px;
	margin: 0px auto;
	background: url(../images/bg_wrapper.gif) repeat-y;
}

#contentLeft {
	width: 175px;
	padding-bottom: 50px;
	background: url(../images/bg_contentleft.gif) no-repeat center bottom;
	float: left;
}

#contentBody {
	width: 725px;
	padding: 20px;
	text-align: left;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
}

html > body #contentBody {
	width: 685px;
}
/*-----------------------------------------
グローバルナビ設定
-----------------------------------------*/

#globalNavi {
	width: 175px;
	padding-bottom: 50px;
	background: url(../images/bg_contentleft.gif) no-repeat center bottom;
}
#globalNavi li {
	text-indent: -9999px;
	overflow: hidden;
}
#globalNavi li a {
	width: 175px;
	height: 40px;
	display: block;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}
#globalNavi li#gnavBt01 a {
	background: url(../images/bg_globalnavi_e.gif) no-repeat 0px 0px;
}
#globalNavi li#gnavBt01 a:hover {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -175px 0px;
}
#globalNavi li#gnavBt01 a.now {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -350px 0px;
}
#globalNavi li#gnavBt02 a {
	background: url(../images/bg_globalnavi_e.gif) no-repeat 0px -40px;
}
#globalNavi li#gnavBt02 a:hover {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -175px -40px;
}
#globalNavi li#gnavBt02 a.now {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -350px -40px;
}
#globalNavi li#gnavBt03 a {
	background: url(../images/bg_globalnavi_e.gif) no-repeat 0px -80px;
}
#globalNavi li#gnavBt03 a:hover {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -175px -80px;
}
#globalNavi li#gnavBt03 a.now {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -350px -80px;
}
#globalNavi li#gnavBt04 a {
	background: url(../images/bg_globalnavi_e.gif) no-repeat 0px -120px;
}
#globalNavi li#gnavBt04 a:hover {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -175px -120px;
}
#globalNavi li#gnavBt04 a.now {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -350px -120px;
}
#globalNavi li#gnavBt05 a {
	background: url(../images/bg_globalnavi_e.gif) no-repeat 0px -160px;
}
#globalNavi li#gnavBt05 a:hover {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -175px -160px;
}
#globalNavi li#gnavBt05 a.now {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -350px -160px;
}
#globalNavi li#gnavBt06 a {
	background: url(../images/bg_globalnavi_e.gif) no-repeat 0px -200px;
}
#globalNavi li#gnavBt06 a:hover {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -175px -200px;
}
#globalNavi li#gnavBt06 a.now {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -350px -200px;
}
#globalNavi li#gnavBt07 a {
	background: url(../images/bg_globalnavi_e.gif) no-repeat 0px -240px;
}
#globalNavi li#gnavBt07 a:hover {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -175px -240px;
}
#globalNavi li#gnavBt07 a.now {
	background: url(../images/bg_globalnavi_e.gif) no-repeat -350px -240px;
}

#globalNaviChild {
	width: 175px;
	padding: 3px 0px;
	background: #e7f3fa;
}
#globalNaviChild li {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	text-indent: 0px;
}
#globalNaviChild li a {
	width: 152px;
	height: 20px;
	padding-left: 23px;
	display: block;
	color: #666;
	text-decoration: none;
	background: url(../images/bg_globalnavi_child.gif) no-repeat 5px 7px !important;;
}
#globalNaviChild li a:hover {
	color: #000;
	text-decoration: underline;
}

/*-----------------------------------------
リンクナビ設定
-----------------------------------------*/

#linkNavi {
	width: 175px;
	height: 160px;
/*	background: url(../images/bg_linknavi.gif) no-repeat 0px 0px; */
}
#linkNavi li {
	text-indent: -9999px;
	overflow: hidden;
}
#linkNavi li a {
	width: 175px;
	height: 40px;
	display: block;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}
#linkNavi li#lnavBt01 {
	background: url(../images/bg_linknavi.gif) no-repeat 0px -81px;
}
#linkNavi li#lnavBt02 {
	background: url(../images/bg_linknavi.gif) no-repeat 0px 0px;
}
#linkNavi li#lnavBt03 {
	background: url(../images/bg_linknavi.gif) no-repeat 0px -40px;
}
#linkNavi li#lnavBt04 {
	background: url(../images/bg_linknavi.gif) no-repeat 0px -120px;
}
#linkNavi li#lnavBt01 a:hover {
	background: url(../images/bg_linknavi.gif) no-repeat -175px -81px;
}
#linkNavi li#lnavBt02 a:hover {
	background: url(../images/bg_linknavi.gif) no-repeat -175px 0px;
}
#linkNavi li#lnavBt03 a:hover {
	background: url(../images/bg_linknavi.gif) no-repeat -175px -40px;
}
#linkNavi li#lnavBt04 a:hover {
	background: url(../images/bg_linknavi.gif) no-repeat -175px -120px;
}

/*-----------------------------------------
サブナビ設定
-----------------------------------------*/

#subNavi {
	width: 175px;
}
#subNavi li {
	font-size: 12px;
	text-align: left;
}
#subNavi li a {
	width: 175px;
	margin:0;
	padding-left: 23px;
	display: block;
	padding-top:5px;
	padding-bottom:5px;
	color: #666;
	text-decoration: none;
	background: url(../images/bg_subnavi.gif) no-repeat 0px center;
	border-top: 1px solid #CCC;
}
html > body #subNavi li a {
	width: 152px;
}
#subNavi li a:hover {
	color: #000;
	text-decoration: underline;
	background: url(../images/bg_subnavi.gif) no-repeat -175px center;
}

/*-----------------------------------------
見出し設定
-----------------------------------------*/

#contentBody h3, #contentBody h4, #contentBody h5, #contentBody h6 {
	clear: both;
}
#contentBody h2 {
}

#contentBody h3 {
	margin-top: 30px;
	padding: 4px 10px;
	border-bottom: 1px solid #CCC;
	background: url(../images/bg_h3.gif) no-repeat left top;
}
#contentBody h4 {
	margin-top: 20px;
	padding: 4px 7px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	background: #e7f3fa;
}
#contentBody h5 {
	padding: 4px 0px;
	margin-top: 20px;
	color: #3366CC;
	border-bottom: 1px dotted #CCC;
}
#contentBody h6 {
	margin-top: 15px;
	font-size: 90%;
}

/*-----------------------------------------
本文設定
-----------------------------------------*/

#contentBody p {
	margin-top: 10px;
	font-size: 80%;
	line-height: 150%;
}

/*-----------------------------------------
リスト設定
-----------------------------------------*/

#contentBody ul  {
	margin: 10px 0px 0px 0px;
	font-size: 80%;
	line-height: 150%;
}
#contentBody ul ul {
	font-size: 100%;
}

#contentBody ul li  {
	margin-top: 7px;
	padding-left: 10px;
	background: url(../images/li_arrow.gif) no-repeat 0px 4px;
}
#contentBody ol  {
	font-size: 80%;
	line-height: 150%;
	margin: 10px 0px 0px 10px;
}
#contentBody ol li  {
	margin-top:7px;
	margin-left: 20px;
}
#contentBody dl  {
	font-size: 80%;
	line-height: 150%;
	margin: 10px 0px 0px 10px;
}
#contentBody dl dt {
	font-weight: bold;
}

/*-----------------------------------------
テーブル設定
-----------------------------------------*/

#contentBody table {
	width: 685px;
	margin: 15px 0px 0px 0px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 80%;
}
#contentBody table th, #contentBody table td {
	padding: 5px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
#contentBody table th {
	background: #e7f3fa;
}
#contentBody table td.item {
	background: #e7f3fa;
	white-space: nowrap;
}

#contentBody table ul {
	margin-top: 0px;
	font-size: 100%;
}
#contentBody table ul li.top {
	margin-top: 0px;
}
#contentBody table ul li {
	margin-top: 3px;
}

#contentBody table ol {
	margin-top: 0px;
	font-size: 100%;
}
#contentBody table dl {
	margin-top: 0px;
	font-size: 100%;
}

/*-----------------------------------------
マージン設定
-----------------------------------------*/

#contentBody p+p  {
	margin-top: 10px;
} 
#contentBody h2+h3 {
	margin-top: 20px;
}
#contentBody h3+h4, #contentBody h4+h5, #contentBody h5+h6 {
	margin-top: 10px;
} 
#contentBody h2+p, #contentBody h2+ul, #contentBody h2+ol, #contentBody h2+table {
	margin-top: 20px;
}
#contentBody h6+p, #contentBody h6+ul, #contentBody h6+ol, #contentBody h6+table {
	margin-top: 5px;
}

/*-----------------------------------------
ページトップボタン設定
-----------------------------------------*/

div.upBtn {
	margin: 5px 0px 15px;
	float: right;
	clear: both;
}
div.upBtn p {
}
div.upBtn p a {
	padding: 2px 0px 2px 18px;
	text-decoration: none;
	color: #666;
	background: url(../images/upbtn_off.gif) no-repeat center left;
}
div.upBtn p a:hover {
	text-decoration: underline;
	color: #333;
	background: url(../images/upbtn_on.gif) no-repeat center left;
}
/*= IE7 =*/
*:first-child+html div.upBtn {
	margin-bottom: 0px;
}

/*-----------------------------------------
インフォメーションページ設定
-----------------------------------------*/
#infoListArea {
	clear: both;
}

#infoListArea dl {
	margin-top: 15px;
	border-bottom: 1px solid #CCC;
}
#infoListArea dt {
}
#infoListArea dd {
}
#infoListArea dt {
	width: 130px;
	padding: 5px 5px 5px 30px;
	float: left;
	background-position: 5px 8px;
	background-repeat: no-repeat;
	border-top: 1px solid #CCC;	
	font-size: 12px;
}
#infoListArea dt.infoNews {
	background-image: url(../images/dt_news01.gif);
}
#infoListArea dt.infoEvent {
	background-image: url(../images/dt_news02.gif);
}
#infoListArea dt.infoInvite {
	background-image: url(../images/dt_news03.gif);
}
#infoListArea dt.infoSympo {
	background-image: url(../images/dt_news04.gif);
}
#infoListArea dd {
	margin-left: 145px;
	padding: 5px 5px 5px 23px;
	background: url(../images/dd_news.gif) no-repeat 0px 9px;
	border-top: 1px solid #CCC;
}
#infoListArea dd a {
	color: #666;
}
#infoListArea dd a:hover {
	color: #00a2de;
}

#legend {
	float:right;
}
#legend li#legend01, #legend li#legend02, #legend li#legend03, #legend li#legend04 {
	margin-left: 15px;
	padding-left: 22px;
	background-position: 0px 5px;
	float: left;
}
#legend li#legend01 {
	background-image: url(../images/dt_news01.gif);
}
#legend li#legend02 {
	background-image: url(../images/dt_news02.gif);
}
#legend li#legend03 {
	background-image: url(../images/dt_news03.gif);
}
#legend li#legend04 {
	background-image: url(../images/dt_news04.gif);
}

/*-----------------------------------------
組織･研究分野ページ設定
-----------------------------------------*/

#labArea h3 {
	padding: 3px 0;
	background: none;
}

#labArea h3 img {
	display: inline;
	vertical-align: middle;
}

#labArea ul.child {
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 100%;
}
#labArea ul.child li  {
	background: url(../images/li_arrow_child.gif) no-repeat 0px center;
}

#lab_lang {
	margin: 0px;
}
#lab_lang ul {
	height: 25px;
	padding: 0 20px;
	float: right;
	background: url(../images/bg_lab_lang.gif) no-repeat 0px 0px;
}
#lab_lang ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	text-indent: -9999px;
	background: none;
}
#lab_lang ul li#english {
	margin-left: 4px;
}
#lab_lang ul li a {
	width: 78px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	display: block;
}
#lab_lang ul li#japanese a:hover {
	background: url(../images/bg_lab_lang.gif) no-repeat -20px -25px;
}
#lab_lang ul li#english a:hover {
	background: url(../images/bg_lab_lang.gif) no-repeat -102px -25px;
}
#lab_lang ul li#japanese a.now {
	background: url(../images/bg_lab_lang.gif) no-repeat -20px -25px;
}
#lab_lang ul li#english a.now {
	background: url(../images/bg_lab_lang.gif) no-repeat -102px -25px;
}

#lab_staff h4.top {
	margin-top: 5px;
}
#lab_staff table {
	margin: 15px 0px 0px 0px;
	border-top: none;
	border-right: none;
}
#lab_staff table th, #lab_staff table td {
	padding: 0px;
	border-bottom: none;
	border-left: none;
}
#lab_staff table th {
	width: 100px;
	background: none;
}

#lab_photo {
	width: 200px;
	margin-top: 10px;
	float: right;
}
#lab_photo img {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#lab_contents {
	width: 465px;
	float: left;
}

#lab_contents h4, #lab_contents h5 {
	clear: none;
}

#lab_contents p, #lab_contents li {
	text-align: justify;
}

#course dl {
	margin: 10px 0px 0px 0px;
}
#course dt {
	margin-top: 10px;
	padding: 3px;
	background: #87CEEB;
}
#course dd {
	padding: 3px;
}
#course dd img {
	margin-left: 5px;
	vertical-align: middle;	
	display: inline;
}

#lab_hp {
	margin: 30px 0px 40px;
	clear: both;
}

#lab_hp a {
	padding: 10px 10px 10px 23px;
	font-size: 12px;
	border: 1px solid #CCC;
	color: #666666;
	background: url(../images/bg_lab_hp_off.gif) no-repeat left center;
}
#lab_hp a:hover {
	border: 1px solid #666;
	color: #333;
	background: url(../images/bg_lab_hp_on.gif) no-repeat left center;
}

#lab_navi {
}
#lab_navi ul {
	font-size: 12px;
	line-height: 25px;
	border-top: 1px dashed #CCC;
	clear: both;
}
#lab_navi ul li {
	margin-right: 7px;
	background: none;
	float: left;
}
#lab_navi ul li a {
	padding-left: 18px;
	color: #666;
	display: block;
	text-decoration: none;
	background: url(../images/bg_visitornavi_off.gif) no-repeat left center;
}
#lab_navi li a:hover {
	color: #333;
	text-decoration: underline;
	background: url(../images/bg_visitornavi_on.gif) no-repeat left center;
}