@charset "utf-8";

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

Last Update 2013.03.22

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

contents

----------------------------------------------------------*/
#contents {
    /* width: 710px; */
    width: 680px;
    float: left;
    margin: 0 19px 0 0;
    padding: 0 20px 0 0;
    border-right: 1px solid #CEC5A8;
}
#contents .activity ul li a {
    color: #FF9201;
    text-decoration: none;
}
#contents .summary ul li a {
    color: #00ACE1;
    text-decoration: none;
}
#contents .effort ul li a {
    color: #669900;
    text-decoration: none;
}
#contents .news ul li a {
    color: #A4195C;
    text-decoration: none;
}
#contents .data ul li a {
    color: #FF669B;
    text-decoration: none;
}
#contents .news ul li a {
    color: #A4195C;
    text-decoration: none;
}
#contents h2,.contents h2 {
    width:665px;
		/* width: 695px; */
    height: 40px;
    padding: 18px 0 0 15px;
    margin: 0 0 20px 0;
    font-size: 1.3em;
    background-repeat: no-repeat;
    font-weight: bold;
    background-color: #f3f3f3;
    border-bottom: 4px solid #6AC1B7;
}
#contents h3 {
    padding: 0 0 10px 0;
    margin: 0;
}
#contents h4 {
    padding: 0;
    margin: 0;
    font-weight: normal;
}
#contents p,
.contents p { padding: 0 0 15px 0 }
#contents_second {
		width: 100%;
		/* width: 710px; */
    float: left;
    margin: 0 19px 0 0;
    padding: 0 20px 0 0;
    border-right: 1px solid #CEC5A8;
}
#contents h1,
#contents_second h1 {
    font-size: 25px;
    font-weight: normal;
}
#plist {
    padding: 10px 0 0 20px;
    font-size: 11px;
}
#plist ul {
    margin: 0;
    padding: 0;
}
#plist ul li.now {
    margin: 0 6px 0 0;
    padding: 0 12px 0 0;
    float: left;
    background-image: none;
}
#plist ul li a { text-decoration: none }
#plist ul li a:hover { text-decoration: underline }
#plist ul li {
    margin: 0 6px 0 0;
    padding: 0 12px 0 0;
    float: left;
    background-image: url(../../common/images/element/li_contents_head.png);
    background-repeat: no-repeat;
    background-position: right center;
}
#contents_head {
		width: 100%;
		/* width: 710px; */
    height: 130px;
    margin: 0 0 40px 0;
}
#contents_head_02 {
		width: 100%;
		/* width: 710px; */
    height: 160px;
    margin: 0 0 40px 0;
}
#ptitle {
    clear: both;
    padding: 40px 0 0 20px;
	 _padding: 20px 0 0 10px;

}
*:first-child+html #ptitle {
    clear: both;
    padding: 20px 0 0 20px;
}
p.caption { margin: 10px 0 0 0 }
.contents_box {
		width: 100%;
		/* width: 710px; */
    padding: 0 0 30px 0;
}
a.links {
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 0 0 0 20px;
}
span.links_s {
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 0 0 0 20px;
}

ul#block_links_02 {
    width: 450px;
    float: left;
    padding: 0;
    margin: 0;
    border-left: 1px solid #ccc;
}
ul#block_links_02 li {
    width: 450px;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
ul#block_links_02 li.last {
    width: 450px;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
ul#block_links_02 li a,
ul#block_links_02 li.last a { display: block }
ul#normal { margin: 0 0 10px 0 }
.border {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}
*:first-child+html .border {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin: 0;
    padding: 20px 0 0 0;
}
.quote_box {
    margin: 20px 0 0 0;
    padding: 15px;
    border: 3px solid #ccc;
}
.quote_box_contents {
  /* width: 674px; */
  width: 644px;
}
.quote_box_left {
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    /* width: 442px; */
    width: 412px;
}
.quote_box_right {
    margin: 0;
    padding: 0;
    float: left;
    width: 212px;
}
.quote_box_none {
    margin: 0;
    padding: 15px;
    border: 3px solid #ccc;
}
.relation_box {
    margin: 20px 0 0 0;
    padding: 15px;
    border: 3px solid #ccc;
}

ol#number {
    margin: 0 0 10px 25px;
    padding: 0;
}
ol#number li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style-type: decimal;
}
ul#kuro {
    margin: 0 0 10px 25px;
    padding: 0;
}
ul#kuro li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style-type: disc;
}
ul#siro {
    margin: 0 0 10px 25px;
    padding: 0;
}
ul#siro li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style-type: circle;
}
.contents_box_left {
    /* width: 345px; */
    width: 315px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
}
.contents_box_right {
    width: 345px;
    margin: 0;
    padding: 0;
    float: left;
}
ul#number {
    margin: 0 0 10px 0;
    padding: 0;
}
ul#number li {
    list-style-type: decimal;
    margin: 0 0 0 35px;
    padding: 0;
}
ul#circle {
    margin: 0;
    padding: 0;
}
ul#circle li {
    list-style-type: disc;
    margin: 0 0 0 25px;
    padding: 0;
}
.person_01 {
    background-image: url(../../summary/images/person/bg_book.png);
    background-repeat: no-repeat;
    background-position: right center;
}
p.red { color: #C00 }
/* ---------------------------------------------------------

sub navigation

----------------------------------------------------------*/
#sub_navigation { width: 210px }
#sub_navigation  ul.sub_activity { background-color: #FFF1DF }
#sub_navigation  ul.sub_activity li a:hover { background-color: #FFE4C1 }
#sub_navigation  ul.sub_summary { background-color: #D9F3FB }
#sub_navigation  ul.sub_summary li a:hover { background-color: #B9E8F7 }
#sub_navigation  ul.sub_effort { background-color: #EBF5DC }
#sub_navigation  ul.sub_effort li a:hover { background-color: #DAEAC3 }
#sub_navigation  ul.sub_share { background-color: #E2F4FE }
#sub_navigation  ul.sub_share li a:hover { background-color: #C2DEEE }
#sub_navigation  ul.sub_news { background-color: #FBE1ED }
#sub_navigation  ul.sub_news li a:hover { background-color: #EEC3D7 }
#sub_navigation  ul.sub_data { background-color: #FFDFEA }
#sub_navigation  ul.sub_data li a:hover { background-color: #FFD1E1 }
#sub_navigation ul {
    margin: 0;
    padding: 0;
    border: 1px solid #CAD7DF;
    border-top: none;
}
#sub_navigation ul li { border-top: 1px solid #CAD7DF;
_line-height:0;
_margin:0;
 }
#sub_navigation ul li a {
    padding: 11px 10px 10px 20px;
    display: block;
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #000;
    font-size: 0.9em;
	_line-height:normal;
	_zoom: 1;

}
/* ---------------------------------------------------------

color setting

----------------------------------------------------------*/
/* 最新情報 */
.news { background-image: url(../../news/images/bg_contents_head_news.png) }
.title_news { background-image: url(../../news/images/bg_h2.jpg) }
/* 工学研究所について */
.summary { background-image: url(../../summary/images/bg_contents_head_summary.png) }
.summary_02 { background-image: url(../../summary/images/bg_contents_head_summary_02.png) }
/*.title_summary { background-image: url(../../summary/images/bg_h2.jpg) }*/
/* 安全と環境への取組み */
.effort { background-image: url(../../effort/images/bg_contents_head_effort.png) }
/* リスクコミュニケーション活動 */
.activity { background-image: url(../../activity/images//bg_contents_head_activity.png) }
.title_activity { background-image: url(../../activity/images/bg_h2.jpg) }
/* 資料 */
.data { background-image: url(../../data/images/bg_contents_head_data.png) }
/* 共通 */
.share { background-image: url(../../common/images/share/bg_contents_head_share.png) }
.title_share { background-image: url(../../common/images/share/bg_h2.jpg) }
/* ---------------------------------------------------------

最新情報

----------------------------------------------------------*/
dl.news_all dt { padding: 0 0 5px 0 }
dl.news_all dd {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: dotted 1px #ccc;
}
dl.news_all dd.last {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: none;
}
dl#all dt { padding: 0 0 5px 0 }
dl#all dd {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: dotted 1px #ccc;
}
dl#all dd.last {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: none;
}
/* ---------------------------------------------------------

お問い合わせ

----------------------------------------------------------*/
dl#contact_box {
    border-top: 1px solid #ccc;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}
dl#contact_box dt { padding: 0 }
dl#contact_box dd {
    padding: 15px 0 20px 0;
    font-size: 2.5em;
    font-weight: normal;
}
/* ---------------------------------------------------------

リンク集

----------------------------------------------------------*/
ul#link_box {
    margin: 0;
    padding: 0;
}
ul#link_box li.last {
    margin: 0 0 4px 0;
    padding: 6px 0 10px 20px;
    border-bottom: 1px dotted #ccc;
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 0 center;
}
ul#link_box li {
    margin: 0 0 4px 0;
    padding: 7px 0 10px 15px;
    border-bottom: 1px dotted #ccc;
    background-image: url(../../common/images/element/li_sub_navigation.png);
    background-repeat: no-repeat;
    background-position: 0 center;
}
/* ---------------------------------------------------------

工学研究所について

----------------------------------------------------------*/
.contents_box_left_gt {
    /* width: 390px; */
    width: 360px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
}
.contents_box_right_gt {
    width: 300px;
    margin: 0;
    padding: 0;
    float: left;
    text-align: right;
}
.history_left {
    /* width: 478px; */
    width: 448px;
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
}
.history_right {
    width: 212px;
    float: left;
    margin: 0;
    padding: 0;
}



#his_table tr {
  background: #fff;
  border-bottom: 1px dotted #ccc;
}

#his_table tr:nth-child(odd) {
  background: #E9F5F4;
}

#his_table tr th {
  white-space: nowrap;
  font-weight: bold;
}
#his_table tr td {
  padding:12px;
}

#his_table tr td:first-child {
  white-space: nowrap;
}


.hanyo {
  border-collapse: collapse;
  width:100%;
}

.hanyo tr th, .hanyo tr td {
  padding:12px;
  border:1px solid #ccc;
}

.hanyo tr th {
  white-space: nowrap;
}

.BgLightBlue {
  background: #D0EAE8;
}

/* ---------------------------------------------------------

リスクコミュニケーション活動

----------------------------------------------------------*/
dl#cyclefriend_box {
    /* border-top: 1px solid #ccc; */
    padding: 10px 0 0 0;
    width: 345px;
}
dl#cyclefriend_box dd {
    padding: 5px 0 15px 0;
    font-size: 1.2em;
    line-height: 1;
    font-weight: normal;
}
dl#cyclefriend_box dt { padding: 0 }
.pic_cyclefriend {
    margin: 10px 0 10px 0;
    padding: 0;
}
.pic_cyclefriend_left {
    /* width: 221px; */
    width: 211px;
    float: left;
    margin: 0 23px 0 0;
}
.pic_cyclefriend_center {
    /* width: 221px; */
    width: 211px;
    float: left;
    margin: 0 24px 0 0;
}
.pic_cyclefriend_right {
    /* width: 221px; */
    width: 211px;
    float: left;
    margin: 0;
}
.working_box { margin: 0 0 20px 0 }
.pic_box {
    margin: 10px 0 10px 0;
    padding: 0;
}
.pic_box_left {
    /* width: 221px; */
    width: 211px;
    float: left;
    margin: 0 23px 0 0;
}
.pic_box_center {
    /* width: 221px; */
    width: 211px;
    float: left;
    margin: 0 24px 0 0;
}
.pic_box_right {
    /* width: 221px; */
    width: 211px;
    float: left;
    margin: 0;
}
span.caption_txt {
    font-size: 0.85em;
    color: #666;
}
/* ---------------------------------------------------------

アクセス情報

----------------------------------------------------------*/
.access_box {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
}
.access_box_last {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
/* ---------------------------------------------------------

状況

----------------------------------------------------------*/
ul#weeks {
    margin: 0 0 20px 0;
    padding: 0;
    border: 1px solid #ccc;
    border-right: none;
    width: 322px;
}
ul#weeks li { float: left }
ul#weeks li a {
    margin: 0;
    padding: 5px;
    width: 35px;
    float: left;
    border-right: 1px solid #ccc;
    text-align: center;
    display: block;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
}
ul#weeks li a:hover {
    background-color: #E3F8FD;
    text-decoration: underline;
}
ul#weeks5 {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-right: none;
    width: 230px;
}
ul#weeks5 li { float: left }
ul#weeks5 li a {
    margin: 0;
    padding: 5px;
    width: 35px;
    float: left;
    border-right: 1px solid #ccc;
    text-align: center;
    display: block;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
}
ul#weeks5 li a:hover {
    background-color: #E3F8FD;
    text-decoration: underline;
}
.particular_box {
    width: 680px;
    height: 100px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}
p.getdate {
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
}