@charset "utf-8";


/**********  各コンテンツのヘッダー、サイドナビ、グローバルナビ、フッターナビ、リンクカラー共通使用  ***********/

/*** ----- リンクの色 ----- ***/
a:link {
	color: #003399;
	text-decoration: none;
	}
a:visited {
	color: #660099;
	text-decoration: none;
	}	
a:hover {
	color: #0000FF;
	text-decoration: underline;
	}
a:focus, a:active {
	color: #058ae5;
	}


html {
	font-size: 62.5%;/* 10px相当 */
	}


body {
	font-size: 1.2em;/* 12px相当 */
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4; /* 行間 */
	letter-spacing: 1px;/* 字間 */
	text-align: center; /*IE5対応 */
	color: #000000;
	background-color: #FFFFFF;
	scrollbar-base-color: #E0E0E6;
	scrollbar-arrow-color: #555;
	/*scrollbar-arrow-color: #ffffff;*/
	}



/*** ----- 見出し ----- ***/
h1 {
	font-size: 1.4em;
	}
h2 {
	font-size: 1.2em;
	}
h3 {
	font-size: 1.2em;
	}


/* -- メニュースキップ -- */
#blockSkip {
	position:absolute;
	height:0;
	width:0;
	visibility:hidden;
	}







/*** ----- ↓↓コンテンツ全体　共通使用部分 ↓↓----- ***/
#container {
	width: 80em;
	clear: left;
	margin: 0 auto 5em;
	text-align:left;
	}
	
/* パンくずリスト */	
#location {
	padding:1em;
}
#location ol li {
	display: inline;
	line-height:2em;
}

/*-- コンテンツタイトル --*/
/*画像*/
#contentsTitle { 
	margin-bottom:1em;
	text-align:center;
}

/*-- メインコンテンツ部分を左寄せ --*/
#contentsMain {
	width:60em;
	float:left;
	position:relative;/*基準*/
}
/*-- メインコンテンツ内リンクはアンダーライン付 --*/
#contentsMain a {
	text-decoration: underline;
}


/* -- 右サイドメニュー -- */
#rightside {
	float: right;
	width: 19em;
	}

#rightside h2 {
	text-align: center;
	margin-bottom: 0.5em;
	}

ul.nav {
	width: 17.4em;
	margin: 0 auto 0.5em;
	}
ul.nav li {
	margin-bottom:0.3em;
	}
ul.nav li a {
	background: #eeeef1 url(../image/newarrow.gif) no-repeat 0.2em center;
	padding-left: 1.2em;
	display: block;
	width: 16.3em;
	line-height: 2em;
	height: 2em;
	}
ul.nav li a:hover {
	background: #dcdcf3 url(../image/newarrow.gif) no-repeat 0.2em center;
	}


/*メニュー画像ボタンマウスオーバーで半透明*/
h2.menubtn a:hover img {
	opacity: 0.7; /* IE以外透過設定 */
	filter: Alpha(opacity=70); /* IE用透過設定 */
 }
/*ヒヤリハット画像ボタンマウスオーバーで半透明*/
.buttonSet a:hover img {
	opacity: 0.7; /* IE以外透過設定 */
	filter: Alpha(opacity=70); /* IE用透過設定 */
 }

/*2行用*/
ul.nav li.row2 a {
	background: #eeeef1 url(../image/newarrow.gif) no-repeat 0.3em 0.6em;
	padding-left: 1.3em;
	display: block;
	width:16em;
	line-height:2em;
	height:4em;
	}
ul.nav li.row2 a:hover {
  text-decoration: underline;
	background: #dcdcf3 url(../image/newarrow.gif) no-repeat 0.3em 0.6em;
	}


/*** ------------------------------ ↓↓ 幅650px相当の別窓で出る特設ページ用ヘッダー設定 ↓↓------------------------------------- ***/
/*ヘッダー中身の入れ物*/
#EventHeaderInner {
	width:60em;
	margin:0 auto;
	position:relative;/*logoの基準*/
	}

/*ヘッダーリード文、運営先、検索が入ってる部分*/
#EventHeaderSecond {
	width: 60em;
	margin: 0 auto;
	text-align:left;
	clear:both;
	}
/*緑グラデ背景*/	
#headerS {
	width:35em;
	height:2.6em;
	background:url(../image/greenbg2.gif) repeat-y;
	position:absolute;
	top:0;
	left:24.8em;
	}
/*問合せ文字サイズ背景色boxを右寄せ*/
#EventNavR {
	float: right;
	width: 25.5em;
	line-height: 2.6em;
	}

/*リード分、運営先、検索をグループ化して右寄せ*/
#EventcolR {
	float: right;
	width: 33.5em;
	padding: 0.5em;
	}

#EventcolR p {
	color:#555;
	}
	
/*ヘッダー下区切り線*/
hr {
display: none;
}
#line { 
width:100%;
height:0.5em;
background:url(../image/hor_line.gif) repeat-x left center;
}

/*コンテンツ開始*/
#EventContainer {
	width: 60em;
	clear: left;
	margin: 0 auto 3em;
	text-align:left;
	}
/*ページの先頭へ*/
#pagetop2 {
	clear:both;
	width:60em;
	margin:0 auto;
	text-align:right;
	vertical-align:text-bottom;
	}
/*** ------------------------------ ↑↑ 幅650px相当の別窓で出る特設ページ用ヘッダー、フッター共通部分設定 ↑↑------------------------------------- ***/




/*** ----- ↓↓共通画像サイズ↓↓ (同じのがあれば使えます)----- ***/

.wid01 { width: 23.3em;}/*Pロゴ画像279px*/

.wid02 { width: 7.7em;}/*グローバルナビ：法令93px*/
.wid03 { width: 6.4em;}/*グローバルナビ：災害事例、化学物質、快適職場77px*/
.wid04 { width: 6.15em;}/*グローバルナビ：労災統計74px*/
.wid05 { width: 7.1em;}/*グローバルナビ：キーワード85px*/
.wid06 { width: 8.8em;}/*グローバルナビ：工夫改善106px*/
.wid07 { width: 11.5em;}/*グローバルナビ：写真138px*/
.wid08 { width: 6.3em;}/*グローバルナビ：調査76px*/
.wid08a { width: 7em;}/*グローバルナビ：健康84px*/
.wid08b { width: 6.1em;}/*グローバルナビ：リンク集73px*/

/*行政資料追加バージョン*/
.wid02-1 { width: 6.5em;}/*グローバルナビ 78px*/
.wid03-1 { width: 5.8em;}/*グローバルナビ 70px*/
.wid04-1 { width: 6.6em;}/*グローバルナビ 79px*/
.wid05-1 { width: 8.25em;}/*グローバルナビ 99px*/
.wid06-1 { width: 11em;}/*グローバルナビ 133px*/
.wid07-1 { width: 6.8em;}/*グローバルナビ 81px*/



.wid09 { width: 53.6em; padding:0.3em; border: #999 solid 1px;}/*法令・通達タイトル900px*/
.wid10 { width: 8.4em; vertical-align: text-bottom;}/*ページトップ背景画像120px*/
.wid11 { width: 1.2em; margin-right:0.6em; margin-bottom:-0.2em;}/*目次ページの○→*/
.wid12 { width: 100%;}/*コンテンツタイトル720px*/
.wid12a { width: 100%; margin-top:-0.8em;}/*快適職場青箱下画像720px*/
.wid13 { width: 47.3em;}/*h2コンテンツタイトル685px*/

.wid14 { width: 26.5em;}/*ミュージアムバナー318px*/
.wid15 { width: 27em;}/*まとまるくんバナー324px*/
.wid16 { width: 16em;}/*角丸バナー*/
.wid17 { width: 14.6em;}/*メニュータイトル（リンクなし）*/
.wid18 { width: 15.2em;}/*h2メニュータイトルボタン（リンクあり）220px*/
.wid19 { width: 3.8em; padding: 0.2em 0.5em ; vertical-align:middle;}/*「クリックする」マウスの画像46px*/
.wid20 { width: 4.25em;}/*法令イメージアイコン画像51px*/
.wid21 { width: 11.2em;}/*ヒヤリハットボタン画像134px*/
.wid22 { width: 12.7em; padding-bottom:1em;}/*ヒヤリハットワードエクセル画像152px*/
.wid23 { width: 15.5em;}/*厚生労働省資料 h2安全衛生行政の行事画像224px*/
.wid24 { width: 16.7em;}/*安全週間ボタン200px*/
.wid25 { width: 100%; vertical-align:bottom;}/*厚生労働省資料 h2bar背景720px*/

.wid26 { width: 58em;}/*厚生労働省発表資料Bar画像694px*/
.wid27 { width: 13.2em;}/*PDF画像158px*/
.wid28 { width: 0.6em;} /*赤地に矢印7px*/
.wid29 { width: 15em; vertical-align:bottom;} /*化学物質「ご利用にあたって」180px*/
.wid30 { width: 36em ; padding-right:1em;} /*化学物質公示時期別一覧表432px*/
.wid31 { width: 12em ;} /*化学物質検索方法144px*/
.wid32 { width: 17.4em ;} /*化学物質サイドリンクボタン209px*/
.wid33 { width: 11.95em ; margin-right:0.5em;} /*化学物質モデルラベルボタン172px*/
.wid34 { width: 17.9em ;} /*化学物質通知対象物質ボタン215px*/
.wid35 { width: 9em ;} /*化学物質検索結果119px*/
.wid36 { width: 9.9em ;} /*化学物質検索条条件*/

.wid37 { width: 7.75em ;} /*労働災害事例「使い方」ボタン93px*/
.wid38 { width: 36.8em ; vertical-align:bottom;} /*労働災害事例「検索」ヘッダー441px*/
.wid39 { width: 1.85em ;	margin-right:1em; margin-top:0.5em;} /*労働災害事例「検索」矢印22px*/
.wid40 { width: 34.5em; vertical-align:bottom;}/*労働災害事例検索発生要因角丸ヘッダー415px*/
.wid41 { width: 34.5em; vertical-align: top;}/*労働災害事例検索発生要因角丸415px*/
.wid42 { width: 21.6em; vertical-align: bottom;}/*労働災害事例更新状況259px*/
.wid43 { width: 21.6em; vertical-align: top;}/*労働災害事例更新状況259px*/
.wid44 { width: 17.2em;}/*安全衛生キーワード　全用語ボタン*/
.wid45 { width: 2.6em;} /*化学物質用語集　行名画像31px*/
.wid46 { width: 6.4em;} /*化学物質GHSモデルラベルピクト画像77px*/
.wid47 { width: 37em; vertical-align:middle;} /*化学物質化学式画像444px*/
.wid48 { width: 5em;} /*快適職場パンフ画像83px*/
.wid49 { width: 55.6em;} /*サイトポリシー背景バー666px*/
.wid50 { width: 7.9em;} /*健康づくりボタン95px*/
.wid51 { width: 32.8em} /*健康づくりグラフ395px*/
.wid52 { width: 30.2em} /*健康づくりグラフ362px*/
.wid53 { width: 31.3m} /*健康づくりグラフ376px*/
.wid54 { width: 31em} /*健康づくりグラフ374px*/
.wid55 { width: 39.5em;} /*健康づくり疲労蓄積度チェックリスト577px*/
.wid56 { width: 16.1em; margin-right:8em;} /*健康づくり疲労蓄積度チェックリストボタン192px*/
.wid57 { width: 16.1em;} /*健康づくり疲労蓄積度チェックリストボタン192px*/
.wid58 { width: 16.7em; margin-right:3em;} /*左健康づくり疲労蓄積度チェックリストボタン200px*/
.wid59 { width: 16.7em;} /*健康づくり疲労蓄積度チェックリストボタン200px*/


.wid60 { width: 19.95em;}/*情報センターについてJISHAロゴ　239px*/
.wid61 { width: 5em;}/*閉じるボタン 60px*/
.wid62 { width: 12.5em;}/*特別展ちらし、パネル 150px*/
.wid63 { width: 47.6em;}/*h2サブヘッダー 685px*/
.wid64 { width: 20.8em;}/*250px*/
.wid65 { width: 8.35em;}/*100px*/
.wid66 { width: 13.9em;}/*h2 200px*/

.wid67 { width: 46.3em;}
.wid68 { width: 60.3em;}
.wid69 { width: 15.6em;}

/*** ----- ↑↑画像サイズ↑↑ ----- ***/

.vBtm { vertical-align:bottom;}
.vTop { vertical-align:top;}
/*** ------------------ アイコン・テキスト設定 --------------------- ***/


/*-- NEWマーク表示 --*/
.new {
	background-color: #E65A00;
	border: 1px solid #FFC;
	font-size: 0.8em;
	padding: 1px 2px 0px 2px;
	font-weight: normal;
	margin-left: 2px;
	color: #FFF;
}

/*-- ホームページ停止お知らせ用　赤文字 --*/
.Att {
	color: #DD0058;
	}

/*-- 改行禁止 --*/
.nobr {
	white-space: nowrap;
	}
/*-- 文字小さくする --*/
.sTxt {
	font-size: 0.9em;
	}
/*-- 文字太くする --*/
.bTxt {
	font-weight:bold;
	}
/*別窓アイコン*/
.newwin {
	padding: 0 0.3em;
	width: 1.25em;
	}

/*外部リンクアイコン*/
.outside {
	width:1em;
	padding: 0 0.3em;
	}

/*PDFリンクアイコン*/
.pdfwin { 
	width:1.25em;
	padding:0 0.3em;
	}

/*ページの先頭へ*/
#pagetop {
	clear:both;
	width:80em;
	margin:0 auto;
	text-align:right;
	vertical-align:text-bottom;
	}
/*-- 長いページ中の行間でページトップへ戻る用 --*/
.pagetop {
	width: 1em;
	margin-bottom:-0.25em;
	margin-right:0.2em;
}	

/*ワードエクセルにコピー表示*/
#possivleCP {
	width:15.1em;
	margin: 0 auto;
	border:#999 solid 1px;
	text-align:center;
	padding:1em;
	}
	
/* -------------------- テキスト関係設定 -------------------- */

/*テキスト太字*/
.txtB { font-weight: bold;}	

/*テキストアンダーライン*/
.txtU { text-decoration: underline;}	

/*テキスト中央寄せ*/
.txtC { text-align:center;}

/*テキスト左寄せ*/
.txtL { text-align: left;}

/*テキスト右寄せ*/
.txtR { text-align: right;}

/*テキストインデント*/
.int1em { text-indent:1em;}

/*テキスト下マージン*/
.pad05em{ padding-bottom:0.5em;}
.pad1em { padding-bottom:1em;}
.pad2em { padding-bottom:2em;}
.pad3em { padding-bottom:3em;}
.pad4em { padding-bottom:4em;}
.padTB {
	padding-top: 0.5em;
	padding-bottom: 1em;
}


/*PDFダウンロード表示*/
#getpdf {
	width:17.2em;
	margin: 0 auto 1em;
	border:#DDD solid 1px;
	text-align:center;
	padding:1em 0.2em;	
	}




/* ---------------------------clear 設定---------------------------------- */

.clear {
	clear:both;
}

/*-- clearfix --*/
.clearfix:after {
	content: url(../image/pixel.gif);
	display: block;
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }
.clearfix { display: block; }