@charset "utf-8";

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

Last Update 2013.03.31

========================================================= */
/* ---------------------------------------------------------

header

----------------------------------------------------------*/
#header_area {
	width: 100%;
	height: 90px;
	background-image: url(../images/element/bg_header_area.jpg);
	background-repeat: repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	
	_position:static;/* IE6用 */
    _top:inherit;/* IE6用 */
	
	
}




*:first-child + html div#header_area {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+0));
}




#header {
    width: 960px;
    margin: 0 auto;
	
	_display: inline-block;/* IE6用 */
	
}
#logo {
    float               : left;
    margin              : 0;
    padding             : 20px 0 0 0;
    width               : 400px;
}
/* サイトカスタムエリア */
#custom {
    float               : left;
    margin              : 0 0 0 115px;
    padding             : 15px 0 0 0;
    width               : 445px;
	
	_ margin              : 0 0 0 55px;/* IE6用 */
	
}
#custom_nav {
    background-position : center bottom;
    background-repeat   : no-repeat;
    font-size           : 12px;
    line-height         : 1;
    margin              : 0 0 5px 0;
    padding             : 5px 0 0 30px;
	
	_display            : inline-block;
	_padding            : 5px 0 0 0;
	
    width               : 445px;
}
#custom_nav ul {
    margin              : 0;
    padding             : 0;
	
	_display: inline-block;/* IE6用 */
	
}

#custom_nav ul li.last {
    float               : left;
    margin              : 0;
    padding             : 0;
}
#custom_nav ul li {
    float               : left;
    margin              : 0;
    padding             : 0 6px 0 0;
}
ul#txt_btn li {
    float               : left;
    margin              : 0;
    padding             : 0 3px 0 0;
}
ul#txt_btn li.last {
    *float: right;
    *margin-right: -10px;
    float               : left;
    margin              : 0 -1px 0 0;
    padding             : 0;
}
#search {
    margin              : 0 0 0 127px;
    padding             : 0 0 0 0;
    text-align          : right;
    width               : 315px;
}
/* ---------------------------------------------------------

container

----------------------------------------------------------*/
#container {
    width: 100%;
    background-image: url(../../common/images/element/bg_container_second.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 20px 0 0 0;
    margin-top: 143px;
	
	_margin-top:0;/* IE6用 */	

}
*:first-child+html #container {
    width: 100%;
    background-image: url(../../common/images/element/bg_container_second.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 20px 0 143px 0;
    margin-top: 143px;
    top: 143px;
    position: relative;
	
	_position:static;/* IE6用 */
	_margin-top:0;/* IE6用 */
    _top:0;/* IE6用 */
	_padding:50px 0 0 0;/* IE6用 */
	_margin-top: 0;/* IE6用 */
}




#container_02 {
    width: 100%;
    background-image: url(../../common/images/element/bg_container_02_second.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 20px 0 0 0;
    margin-top: 143px;
	
	_margin-top:0;/* IE6用 */	

	
}
*:first-child+html #container_02 {
    width: 100%;
    background-image: url(../../common/images/element/bg_container_02_second.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 20px 0 143px 0;
    margin-top: 143px;
    top: 143px;
    position: relative;
	
	_position:static;/* IE6用 */
	_margin-top:0;/* IE6用 */
    _top:0;/* IE6用 */
	_padding:50px 0 0 0;/* IE6用 */
	_margin-top: 0;/* IE6用 */		
}
#header {
    width: 960px;
    margin: 0 auto;
}
/* ---------------------------------------------------------

main

----------------------------------------------------------*/
#main {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    background-image: url(../../common/images/element/bg_main.png);
	_background-image: url();
    background-repeat: repeat-y;
}
#main_02 {
    width: 920px;
    margin: 0 auto 20px auto;
    padding: 20px;
    background-color: #fff;
	    _background-color:inherit;

}
#sub {
    width: 210px;
    float: left;
}
/* ---------------------------------------------------------

navigation

----------------------------------------------------------*/
#navigation_area {
    width: 100%;
    height: 53px;
    background-color: #fff;
    clear: both;
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 200;
    border-bottom: 1px solid #E4E4E4;
}
* html div#navigation_area {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+0));
	
    _position:static;/* IE6用 */
    _top:inherit;/* IE6用 */

}
#navigation {
    width: 960px;
    margin: 0 auto;
	
	_display: inline-block;/* IE6用 */	
	
}
#navigation li li {
    clear: left;
    position: relative;
    width: 100%;
	
	_width:300px;/* IE6用 */	

    background: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    margin: 0px 0px 0px -2px;
    text-align: left;
}
#navigation li li a {
    clear: left;
    position: relative;
    width: 100%;
    display: block;
    background-image: url(../../common/images/element/bg_h_nav.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 8px 8px 8px 15px;
}
#navigation li li a:hover {
    clear: left;
    position: relative;
    width: 100%;
    background: #DAE6CC;
    display: block;
    text-decoration: none;
    background-image: url(../../common/images/element/bg_h_nav.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}
#navigation ul {
    margin: 0;
    padding: 0;
	
	_display: inline-block;/* IE6用 */	

}
#navigation ul ul {
    display: none;
    position: absolute;
    z-index: 10;
	
    _width:300px;/* IE6用 */	

}
#navigation ul li {
    margin: 0;
    padding: 0;
    float: left;
}
*:first-child+html #navigation li li a {
    clear: left;
    position: relative;
    width: 300px;
    display: block;
}
/* Navigation */
.nav {
    z-index: 100;
    position: relative;
}
.nav,
.nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav ul.h_activity a {
    border-bottom: 1px dotted #fff;
    padding: 8px;
    background-color: #FF9201;
    white-space: nowrap;
    color: #fff;
    margin: -1px 0 0 0;
    white-space: nowrap;
}
.nav ul.h_summary a {
    border-bottom: 1px dotted #fff;
    padding: 8px;
    background-color: #01ACE2;
    white-space: nowrap;
    color: #fff;
    margin: -1px 0 0 0;
}
.nav ul.h_effort a {
    border-bottom: 1px dotted #fff;
    padding: 8px;
    background-color: #89C237;
    white-space: nowrap;
    color: #fff;
    margin: -1px 0 0 0;
}
.nav ul.h_data a {
    border-bottom: 1px dotted #fff;
    padding: 8px;
    background-color: #FF80AB;
    white-space: nowrap;
    color: #fff;
    margin: -1px 0 0 0;
}
.nav ul {
    background: #565656;
    list-style: none;
    margin: 0;
    position: absolute;
    top: -999em;
    left: 21px;
}
.nav ul li {
    border: 0;
    margin: 0;
    pading: 0;
    float: none;
}
.nav ul a { border-bottom: 1px solid #000 }
.nav ul a:hover {
    background: #ccc;
    color: #000;
}
.nav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.nav li:hover ul,
.nav li.sfHover ul { top: 55px }
.nav li a {
    display: block;
    text-transform: lowercase;
    text-decoration: none;
}
*:first-child+html .nav li a {
    display: block;
    text-transform: lowercase;
    text-decoration: none;
}
/* ---------------------------------------------------------

footer

----------------------------------------------------------*/
#footer_area {
    width: 100%;
    background-image: url(../../common/images/element/bg_footer.jpg);
    background-repeat: repeat-x;
    background-color: #ECECEC;
    clear: both;
    color: #333;
    font-size: 10px;
		position:relative;

}
#footer_area h3 {
    font-size: 11px;
    background-image: url(../images/element/bg_footer_h3.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 15px;
}
#footer {
    width: 960px;
    margin: 0 auto;
    padding: 22px 0 0 0;
}
#footer_cnt_01 {
    width: 189px;
    float: left;
}
#footer_cnt_02 {
    width: 232px;
    float: left;
}
#footer_cnt_03 {
    width: 233px;
    float: left;
	    _width: 230px;/* IE6用 */
}
#footer_cnt_04 {
    width: 96px;
    float: left;
	    _width: 93px;/* IE6用 */
}
#footer_cnt_05 {
    width: 210px;
    float: left;
		_display: inline-block;/* IE6用 */
			_position:static;/* IE6用 */
			 _width: 216px;/* IE6用 */
			

}
ul#site_nav {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
ul#site_nav li {
    margin: 0;
    padding: 0 0 15px 0;
}
ul#site_nav li ul {
    padding: 3px 0 0 0;
    margin: 0;
}
ul#site_nav li ul li {
    margin: 0;
    padding: 0;
    background-image: url(../images/element/bg_footer_li.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 2px 15px;
}
#footer_area h3 a,
ul#site_nav li ul li a {
    color: #333;
    text-decoration: none;
}
#footer_area h3 a:hover,
ul#site_nav li ul li a:hover {
    color: #666;
    text-decoration: underline;
}
#page_top {
    margin: 0 0 20px 0;
    padding: 0;
}
#footer_logo {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    background-image: url(../images/element/bg_footer_logo.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
}
#banner {
    margin: 0 0 20px 0;
    padding: 0;
		_margin: -20px -20px 20px 0;/* IE6用 */
}
/* ---------------------------------------------------------

credit

----------------------------------------------------------*/
#credit_area {
    width: 100%;
    padding: 5px 0;
    background-image: url(../../common/images/element/bg_credit.jpg);
    background-repeat: repeat-x;
    background-color: #333333;
}
#credit {
    width: 960px;
    margin: 0 auto;
    text-align: right;
    color: #fff;
    padding: 20px 0 20px 0;
}
/* ---------------------------------------------------------

animation

----------------------------------------------------------*/
#animation {
    width: 960px;
    margin: 0 auto;
}
/* ---------------------------------------------------------

flist

----------------------------------------------------------*/
#flist_area {
    width: 100%;
    background-image: url(../../common/images/element/bg_flist.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    padding: 0 0 20px 0;
}
#flist {
    width: 960px;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 0.85em;
}
#flist ul li.now {
    margin: 0 8px 0 0;
    padding: 0 16px 0 0;
    float: left;
    background-image: none;
}
#flist ul li {
    margin: 0 8px 0 0;
    padding: 0 16px 0 0;
    float: left;
    background-image: url(../../common/images/element/li_contents_head.png);
    background-repeat: no-repeat;
    background-position: right center;
}
#flist ul li a {
    color: #333;
    text-decoration: none;
}
#flist ul li a:hover {
    color: #666;
    text-decoration: underline;
}
/* ---------------------------------------------------------

sub

----------------------------------------------------------*/
#aboutus {
    width: 210px;
    margin: 20px auto 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px solid #CEC5A8;
}
#state {
    width: 210px;
    margin: 5px 0 0 0;
}
#monitor {
    width: 210px;
    margin: 20px 0 0 0;
}
#sub_nav_cnt { margin: 20px 0 30px 0 }
/*---------ここから-----------*/
/*---------ここまで---------*/
#accordion {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #CEC5A8;
}
#accordion .accordion_head { cursor: pointer }
#accordion ul {
    border: 1px solid #CAD7DF;
    border-top: none;
    border-bottom: none;
}
#accordion ul li{
	_line-height:0;
	}



#accordion ul li a,
span.links_s3 {
    color: #000000;
    padding: 10px 0 10px 20px;
	_line-height:normal;
    border-top: 1px solid #CAD7DF;
    display: block;
    font-size: 0.9em;
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #fff;
}
#accordion ul li a:hover { background-color: #F0F0F0 }
/* ---------------------------------------------------------

コンテンツ一覧

----------------------------------------------------------*/
/* 共通 */
.cnt_list_left {
    width: 343px;
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    border: 1px solid #ccc;
}
.cnt_list_right {
    width: 343px;
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
}
/* 工学研究所について */
.cnt_list_summary {
    width: 710px;
    margin: 0 0 20px 0;
    padding: 0;
}
#contents_second .cnt_list_summary h2 a,
span.links_s2 {
    width: 313px;
    padding: 10px 10px 10px 20px;
    margin: 0;
    height: auto;
    background-color: #D9F3FB;
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    border-bottom: 3px solid #B9E8F7;
    display: block;
}
#contents_second .cnt_list_summary h2 a:hover { background-color: #B9E8F7 }
#contents_second .cnt_list_summary p { padding: 10px }
/* 安全と環境への取組み */
.cnt_list_effort {
    width: 710px;
    margin: 0 0 20px 0;
    padding: 0;
}
#contents_second .cnt_list_effort h2 a {
    width: 313px;
    padding: 10px 10px 10px 20px;
    margin: 0;
    height: auto;
    background-color: #EBF5DC;
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    border-bottom: 3px solid #DAEAC3;
    display: block;
}
#contents_second .cnt_list_effort h2 a:hover { background-color: #DAEAC3 }
#contents_second .cnt_list_effort p { padding: 10px }
/* リスクコミュニケーション活動 */
.cnt_list_activity {
    width: 710px;
    margin: 0 0 20px 0;
    padding: 0;
}
#contents_second .cnt_list_activity h2 a {
    width: 313px;
    padding: 10px 10px 10px 20px;
    margin: 0;
    height: auto;
    background-color: #FFF1DF;
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    border-bottom: 3px solid #FFE4C1;
    display: block;
}
#contents_second .cnt_list_activity h2 a:hover { background-color: #FFE4C1 }
#contents_second .cnt_list_activity p { padding: 10px }
/* 資料 */
.cnt_list_data {
    width: 710px;
    margin: 0 0 20px 0;
    padding: 0;
}
#contents_second .cnt_list_data h2 a {
    width: 313px;
    padding: 10px 10px 10px 20px;
    margin: 0;
    height: auto;
    background-color: #FFDFEA;
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    border-bottom: 3px solid #FFD1E1;
    display: block;
}
#contents_second .cnt_list_data h2 a:hover { background-color: #FFD1E1 }
#contents_second .cnt_list_data p { padding: 10px }
table#borderd { border-bottom: 1px dotted #ccc }