@charset "utf-8";

/* ニュース
------------------------------------------------------------------- */
div.news {
	margin-bottom: 10px;
	padding-bottom: 32px;
	position: relative;
	clear: both;
	border: 1px solid #d6d6d6;
	background: url(/img/blu/bg_news.gif) repeat-y;
}

.mainbody div.news h4 {
	margin-right: 0px;
}

div.news img {
	margin: 10px 0 3px 14px;
	float: left;
}

div.news dl {
	margin: 10px 10px 5px 0;
	float: right;
	width: 250px;
}
div.news dt {
	margin: 0;
	padding-bottom: 3px;
	border-bottom: 1px dotted #666666;
/*	color: #0252A5;*/
}
div.news dd {
	margin: 5px 0px;
	padding: 5px;
	background-color: #dbebfc;
}
div.news dd p {
	margin: 0;
}
div.news p.right_bot {
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 5px;
	float: none;
}

div.news .bord {
width: 100%;
height: 14.5em;
position: relative;
display: block;
}


/* トピックス
------------------------------------------------------------------- */


html body div.topics ul {
width: 410px;
margin-bottom: 10px;
margin-top: -5px;
clear: both;
}

html body div.topics ul li {
	border-bottom: 1px dotted #666666;
	list-style: none;
}

html body div.topics ul li a {
 	padding: 10px 0px 10px 40px;
 	background: url(/img/blu/ico_category_01.gif) no-repeat 0em 0.25em;
	display: block;
}

html body div.topics ul li.evPerformance a {
 	background: url(/img/blu/ico_category_01.gif) no-repeat 0em 50%;
}

html body div.topics ul li.evWorkshop a {
	background: url(/img/blu/ico_category_02.gif) no-repeat 0em 50%;
}

html body div.topics ul li.evOther a {
	background: url(/img/blu/ico_category_03.gif) no-repeat 0em 50%;
}

html body div.topics ul li.evSeminar a {
	background: url(/img/blu/ico_category_04.gif) no-repeat 0em 50%;
}

/* お知らせ
------------------------------------------------------------------- */
div.info ul {
	position: relative;
	margin-bottom: 10px;
}
div.info li {
	padding: 5px 0 5px 0px;
	border-bottom: 1px dotted #666666;
	list-style: none;
}
div.info li a {
	display: block;
	padding-left: 12px;
	background: url(/img/ico_list.gif) no-repeat 0px 5px;
}

/* 左サイド表示エリア
------------------------------------------------------------------- */
#navigation p {
margin: 5px 0px 0px 10px;
padding: 0px;
}

#navigation .searchBox p {
margin-top: 0px;
}

/* 右サイド表示エリア
------------------------------------------------------------------- */
body div#other {
	background:	url(/img/blu/bg_other.gif) repeat-y 0px 0px;
}
		
body div#other dl {
	padding: 5px 0px;
	background: url(/img/blu/bg_other_dl.gif) no-repeat 0px 0px;
}

body div#other dt {
	margin: 13px 17px 0px 12px;
	padding: 7px 3px 5px 7px;
	background: url(/img/blu/bg_other_dt.gif) no-repeat 0em 0em;
}

body div#other dl.map dt {
	margin: 12px 17px 0px 12px;
}

body div#other dd {
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 0;
	border: none;
}

body div#other dd dl,
body div#other dd dt,
body div#other dd dd {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

body div#other dd dl {
	margin-top: 0px;
	width: auto;
	float: none;	
}

body div#other dd dt {
	margin: 5px 0px 10px;
}

div#other dt.blu {
	margin: 12px 12px 5px !important;
	padding: 5px 3px 5px 7px !important;
	background: url(/img/blu/bg_other_dt.gif) no-repeat 0 0;
}

body div#other dd dt.blu,
body div#other dd dt.icon_blu {
	margin: 0 0 !important;
	padding: 5px 0 5px 12px !important;
	background:	url(/img/ico_list.gif) no-repeat 0 8px;
	text-indent: -12px;
}

body div#other dl dt.org {
	background: url(/img/org/bg_other_dt.gif) no-repeat 0 0 #f4f4f4 !important;
}

body div#other dd dt.org {
	margin: 5px 0px 0px !important;
	padding: 5px 0 5px 5px !important;
	background: url(/img/ico_list_org.gif) no-repeat 0em 0.25em !important;
}

div#other dt.icon_org {
margin: 0px 0px 5px;
padding: 5px 0px 0px;
background: none;
}

div#other dt.icon_org a {
background: url(/img/org/ico_list.gif) no-repeat 0em 0.25em !important;
padding-left: 12px;
	display: block;
}

body div#other dl dt.ylw {
	background:	url(/img/ylw/bg_other_dt.gif) no-repeat 0 0;
}

body div#other dd dt.ylw {
	margin: 0 0;
	padding: 5px 0 5px 15px;
	background:	url(/img/ico_list_yellow.gif) no-repeat	0em 0.25em;
	text-indent: -15px;
}

body div#other dd dd {
	padding-bottom: 5px;
}
body div#other dd dd img {
	margin: 0 7px 3px 0;
	float: left;
}
body div#other p.more {
	margin: 5px -20px -10px -25px;
	padding: 0 20px 0 25px;
	height: 12px;
	background:	url(/img/blu/bg_other_more.gif)	no-repeat 0 100%;
}

body div#other dl.map p {
	margin: 5px 0 0;
	padding: 0 0 0 15px;
	position: relative;
	background:
		url(/img/ico_list.gif)
		no-repeat
		0em 0.25em
		;
	text-indent: -15px;
}
body div#other dl.map p a {
	padding-left: 12px;
}
body div#other dl.map dd p {
}

div#other dl {
	margin-top: -1px;
	margin-right: 10px;
	background-color: #f1f1f1;
}
div#other dt.blank {
	padding: 10px 0px 10px 15px;
	border-top: 1px dotted #666666;
	background: url(/img/ico_list.gif) no-repeat 0em 0.25em;
}

div#other dd {
	margin: 0 15px 20px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #666666;
}
div#other dd p {
	margin: 0;
}
div#other dd p.info {
	margin-top: 5px;
	padding: 0 0 0 15px;
	background:
		url(/img/ico_info.gif)
		no-repeat
		0em 0.25em
		;
	text-indent: -15px;
}
div#other dd p.info a {
	padding-left: 12px;
}

div.bord{
/*	display: none;*/
}

#other dl dd dl dd{
	background: url(/img/border.gif) repeat-x 0% 100% !important;
}

#other p.img {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
}


/* 右サイドバナー表示エリア
------------------------------------------------------------------- */


div#other ul.link {
	margin: 0 0 3px 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	position: relative;
	background: url(/img/blu/bg_other_link.gif) no-repeat -5px 0px;
}
div#other ul.link li {
	margin: 0 15px -5px 5px;
	padding: 5px 12px 3px;
	list-style: none;
	background: url(/img/blu/bg_other_link_li.gif) repeat-y 0px 0px;
}
p.jst {
	height: 50px;
	text-align: right;
	position: absolute;
	right: 27px;
	bottom: 2px;
}

p.jst img {
	border: none;
	height: 46px;
}


/*** 右サイドメンテナンス枠 ***/

#other .attention {
margin: 0px  15px 0px 10px;
padding: 8px;
border: solid 5px #d66;
background: #fff;
}

#other .attention h2 {
color: #fff;
text-align: center;
padding: 5px;
margin-bottom: 8px;
background: #c00 !important;
/*background: url(/img/blu/bg_other_dt.gif) no-repeat 0% 0% #fff !important;*/
}


#other .attention ul {
margin-left: 15px;
margin-bottom: 10px;
}

#other p.mentebottom {
font-size: 0px;
line-height: 0px;
margin-left: 10px;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
clear: both;
}

html body #body #other ul.link {
}

/*** 右サイド「日本化学未来館とは」トップ枠 ***/

 body div#other dl.aboutus {
	margin-top: -5px;
}