@charset "utf-8";



/* -------------------------- for freshs css -------------------------- */


/* -- 全体背景 -- */
#bgStripe {
	background-image: url(../information/fresh/image/greenstripe.gif);
	position: relative;/*背景基準*/
	height:270em;/*元288cam342*/
	width:60em;
}
* html #bgStripe {
	background-image: url(../information/fresh/image/greenstripe.gif);
	position: relative;/*背景基準*/
	height:272em;/*元290*/
	width:60em;
}
/*インデックス桜（下）*/
#sakura3 {
	position: absolute;
	z-index: 1;
	top: 1.5em;
	right: 0;
}
/*インデックス桜（中）*/
#sakura2 {
	position: absolute;
	z-index: 3;
	top: 1.5em;
	right: 0;
}
/*インデックス桜（上）*/
#sakura1 {
	position: absolute;
	z-index: 4;
	top: 1.5em;
	right: 0;
}

/*目次桜（下）*/
#sakura6 {
	position: absolute;
	z-index: 1;
	top: 1.5em;
	right: 0;
}
/*目次桜（中）*/
#sakura5 {
	position: absolute;
	z-index: 3;
	top: 1.5em;
	right: 0;
}
/*目次桜（上）*/
#sakura4 {
	position: absolute;
	z-index: 4;
	top: 1.5em;
	right: 0;
}



/*ブルーグラデ背景*/
#bgGrade {
	width:53em;
	height:260em;
	background-color:#FFF;
	background-image:url(../information/fresh/image/bluegrd.gif);
	background-repeat:repeat-x;
	position: absolute;
	z-index: 2;
	top: 5em;
	right:1.75em;
	padding:2em 1.5em 1.5em 1.5em;
	padding-left:2em;
}

/*ｈ2タイトル*/
#section2title {
	width: 25em;
	height:3em;
	position:absolute;
	top:1em;
	left:2.4em;
}

/*リード文*/
#leadtext {
	width:40em;
	margin-bottom:3em;
}
#leadtext p {
	text-indent:1em;
	line-height:2;
}

/*キャンペーン*/
.section3title {
	padding: 1.5em 0 0 1.2em;
}

#bgshadow01 {
	width:42.4em;
	height:21em;
	background-color:#787878;
	position:relative;
	margin-bottom:2em;
}

.column01 {
	width:42.4em;
	height:21em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}
.pin01a {
	width:3em;
	height:3em;
	position:absolute;
	top:-1.5em;
	left:20em;
}
.pin01 {
	width:3em;
	height:3em;
	position:absolute;
	top:-1.5em;
	left:10em;
}

.fimageBox01 {
	margin-left:4em;
	float:left;
	display:inline;/*for IE6*/
	}
	
.ftextBox01 {
	width:11em;
	float:right;
	margin-top:1em;
}
.ftextBox01_1 {
	width:8em;
	float:right;
	margin-top:1em;
	padding-right:3em;
}	
/*安全衛生ビデオ*/
#bgshadow02 {
	width:25em;
	height:12em;
	background-color:#787878;
	position:relative;
	float:right;
	margin-bottom:2em;
}

/*災害事例*/
#bgshadow03 {
	width:53em;
	height:24.5em;
	background-color:#787878;
	position:relative;
	clear:both;
	margin-bottom:2em;
}
#column02 {
	width:53em;
	height:24.5em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}

.pin02 {
	width:3em;
	height:3em;
	position:absolute;
	top:-1.5em;
	left:24em;
}

.innerMenu01 {
	width:52em;
	padding-left:1em;

}

.innerMenu01 dl {
	width:15em;
	text-align:center;
	float:left;
	padding:1em;}

.innerMenu01 dl .comment {
	text-align: left;
	height:8em;
}

dl .name {
	height: 3em;
	font-weight:bold;
}

/*健康づくり*/
#bgshadow04 {
	width:53em;
	height:19em;
	background-color:#787878;
	position:relative;
	clear:both;
	margin-bottom:2em;
}
#column03 {
	width:53em;
	height:19em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}

.section3title02 {
	width:12em;
	float:left;
	padding-top:1.2em;
	padding-left: 2em;
}

.ftextBox02 {
	width:35em;
	padding:2em 1em 0 0;
	float:right;
}
/*フキダシ位置*/
.check02 {
	width:10em;
	height:8em;
	position:absolute;
	top:10em;
	right:12.5em;
}

/*快適職場*/
#bgshadow05 {
	width:25em;
	height:28em;
	background-color:#787878;
	position:relative;
	float:left;
	margin-bottom:2em;
}
#column04 {
	width:25em;
	height:28em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}
.ftextBox03 {
	width:21em;
	padding:0.5em;
	margin:0 auto;
}

.fimageBox02 {
	width:25em;
	text-align:center;
}

/*キーワード*/
#bgshadow06 {
	width:25em;
	height:21em;
	background-color:#787878;
	position:relative;
	float:left;
	margin-bottom:2em;
}
#column05 {
	width:25em;
	height:21em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}

/*行事*/
.section4title01 {
	padding: 0 1em;
	text-align:center;

}

#bgshadow08 {
	width:25em;
	height:51em;
	background-color:#787878;
	position:relative;
	float:right;
	margin-bottom:2em;
}

@media print {

.pagebreakA {page-break-after: always;} 

}

#column07 {
	width:25em;
	height:51em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}

.ftextBox04 {
	width:20em;
	padding:0.2em 1em 0.8em 1em;
	margin:0 auto;
}

.fimageBox03 {
	width:22em;
	text-align:center;
}

/* ----- 労働災害統計 ----- */
/*速報*/
#bgshadow09 {
	width:53em;
	height:40em;
	background-color:#787878;
	position:relative;
	clear:both;
}

#column08 {
	width:53em;
	height:40em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}
* html #bgshadow09 {
	width:53em;
	height:41.5em;
	background-color:#787878;
	position:relative;
	clear:both;
}

.section4title03{ 
	width:16em;
	height:2em;
	line-height: 2em;
	text-align: center;
	float:left;
	margin:0 2em;
	background-color: #ffffff;
	color: #6503B9;
	border:1px #6503B9 solid; 
	border-radius: 100vh;
}
.ftextBox06 {
	width:30em;
	height:3em;
	line-height:1.2em;
	float:left;

}
.innerMenu02 {
	width:48em;
	height:11em;
	margin:0 auto;
	border-bottom: 1px dashed #666;
	margin-bottom:1em;
}
.innerMenu02 dl {
	width:12em;
	text-align:center;
	float:left;
}
.innerMenu02 .sonota01 {
	width:23em;
	text-align:center;
	float:left;
}

/*分析*/
#section4block {
	width:16em;
	height:2em;
	line-height: 2em;
	text-align: center;
	float:left;
	margin:0 2em;
	background-color: #ffffff;
	color: #4681EC;
	border:1px #4681EC solid; 
	border-radius: 100vh;
}

.ftextBox07 {
	width:30em;
	float:left;
	height:3.5em;
	padding-top:0.5em;
	margin-bottom:2em;
}

.innerMenu03 {
	width:48em;
	height:14em;
	margin:0 auto 3em;

}

#seizou {
	width:24em;
	height:11em;
	border:#999 solid 1px;
	float:left;
	padding-top:1em;
}

/*分析製造事業別*/
#seizou_jigyo {
	width:12em;
	height:14em;
	border:#999 solid 1px;
	float:left;
	margin-right:1em;

}
#section5title10 {
	width:8em;
	position:relative;/*IE6でz-indexが利かないため*/
	top:-1.2em;
	left:2.5em;
}

/*分析製造行動別*/
#seizou_koudou{
	width:12em;
	height:14em;
	border:#999 solid 1px;
	float:left;
	margin-right:1em;

}
#section5title11 {
	width:8em;
	position:relative;/*IE6でz-indexが利かないため*/
	top:-1.2em;
	left:2em;

}
.innerMenu03 dl {
	width:12em;
	text-align:center;
	float:left;
}

#sonota_bunseki {
	width:12em;
	float:left;
	padding-left:4.5em;
}

.innerMenu03 .sonota02 {
	width:12em;
	text-align:center;
	float:left;
	padding-top:1em;
}


#section5title02 {
	width:10em;
	position:relative;/*IE6でz-indexが利かないため*/
	top:1em;
	left:7em;
}


/*年齢階層別*/
.innerMenu04 {
	width:48em;
	height:13em;
	margin:0 auto 3em;
	
}

#section5title03 {
	width: 12em;
	position:relative;/*IE6でz-indexが利かないため*/
	top:-1em;
	left:18em;
}

.innerMenu04 dl {
	width:11.9em;/*IE6で謎なリンクが出現するため*/
	text-align:center;
	float:left;
}

dl .name02 {
	font-weight:bold;
}





/* ------------------ ビデオ・労災事例目次用 --------------------- */
/*ストライプ背景*/
#bgStripe2 {
	background-image: url(../information/fresh/image/greenstripe.gif);
	position: relative;/*背景基準*/
	height:104em;
	width:60em;
	padding-top:2em;	
}

/*ブルーグラデ背景*/
#bgGrade2 {
	width:53em;
	height:96em;
	background-color:#FFF;
	background-image:url(../information/fresh/image/bluegrd.gif);
	background-repeat:repeat-x;
	position: absolute;
	z-index: 2;
	top: 5em;
	right:1.75em;
	padding:2em 1.5em 1.5em 1.5em;
	padding-left:2em;
}

.play {
	text-indent: 5em;
	padding:1em 0;
}
#bgshadow10 {
	width:53em;
	height:91em;
	background-color:#787878;
	position:relative;
	clear:both;
	margin-bottom:2em;
}

#column09 {
	width:53em;
	height:91em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}

#section5title04 {
	width: 20em;
	position:relative;/*IE6でz-indexが利かないため*/
	top:0.8em;
	left:3em;
}

#saiseries {
	width:24em;
	height:11em;
	border:1px solid #1EAA39;
	float:left;
	padding-top:1em;
}

#fukidasi {
	width:12em;
	position:absolute;
	right:14em;
	}
.innerMenu03 .sonota03 {
	float: right;
	width: 12em;
	padding-top: 1em;
}
/*一般*/
#section5title05 {
	width: 4em;
	position:relative;/*IE6でz-indexが利かないため*/
	top:-0.8em;
	left:3em;
}

.innerMenu05 {
	width:48em;
	height:24em;
	margin:0 auto 3em;
	border:1px solid #E857FF;
}

.innerMenu05 dl {
	width:11.9em;/*IE6で謎なリンクが出現するため*/
	height:11.5em;
	text-align:center;
	float:left;
}

/*作業別*/
#section5title06 {
	width: 5em;
	position:relative;/*IE6でz-indexが利かないため*/
	top:-0.8em;
	left:3em;
}

.innerMenu06 {
	width:48em;
	margin:0 auto 2em;
	border:1px solid #35B7FD;
}

.innerMenu06 dl {
	width:11.9em;/*IE6で謎なリンクが出現するため*/
	height:11.5em;
	text-align:center;
	float:left;
}

/* ----- 労働災害事例目次 ----- */
#bgshadow11 {
	width:53em;
	height:94em;
	background-color:#787878;
	position:relative;
	clear:both;
}

#column10 {
	width:53em;
	height:94em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}

/*製造業*/
.innerMenu07 {
	width:48em;
	margin:1em auto 2em;
	border:1px solid #2065D7;
}

.innerMenu07 dl {
	width:11.9em;/*IE6で謎なリンクが出現するため*/
	height:13em;
	text-align:center;
	float:left;
}

.innerMenu07 .sonota04 {
	float: right;
	width: 12em;
}

/*その他の業種*/
.innerMenu08 {
	width:48em;
	margin:1em auto 2em;
	border:1px solid #85B803;
}

#section5title07 {
	width: 10em;
	position:relative;/*IE6でz-indexが利かないため*/
	top:-0.8em;
	left:3em;
}

.innerMenu08 dl {
	width:11.9em;/*IE6で謎なリンクが出現するため*/
	height:13em;
	text-align:center;
	float:left;
}
.innerMenu08 .sonota04 {
	float: right;
	width: 12em;
}

/*ビデオ・事例タイトル幅*/
dl .name03 { padding: 0 1.9em; font-weight: bold;}
dl .name04 { padding: 0 1em; font-weight: bold;}
dl .name05 { padding: 0 1.2em; font-weight: bold;}
dl .name06 { padding: 0 0.5em; font-weight: bold;}
dl .name07 { padding: 0 2.3em; font-weight: bold;}
dl .name08 { padding: 0 3em; font-weight: bold;}
dl .name09 { padding: 0 2em; font-weight: bold;}
dl .name10 { padding: 0 1.5em; font-weight: bold;}
dl .name11 { padding: 0 2.5em; font-weight: bold;}

/* ------ 画像サイズ ------ */
.fimg01 { width:21em;}/*インデックス桜*/
.fimg02 { width:23.1em;}/*ｈ2タイトル360px*/
.fimg03 { width:2em;}/*ピン*/
.fimg04 { width:18.25em;}/*ｈ3フォトギャラリー他*/
.fimg05 { width:8.5em;}/*フォトギャラリー・ビデオボタン102px*/
.fimg06 { width:7.5em;}/*ボタン90px*/
.fimg07 { width:11.1em;}/*ｈ2タイトル160px*/
.fimg08 { width:10em;}/*健康フキダシ120px*/
.fimg09 { width:16.7em;}/*h3タイトル行事240px*/
.fimg10 { width:20.85em;}/*h3タイトルミューアジム300px*/
.fimg11 { width:16.6em;}/*h4角丸タイトル200px*/
.fimg12 { width:14.7em;}/*h4角丸タイトル176px*/
.fimg13 { width:9.2em;}/*h5タイトル110px*/
.fimg14 { width:10.7em;}/*h5タイトル128px*/
.fimg15 { width:22.75em;}/*目次桜273px*/
.fimg16 { width:15.4em;}/*目次桜185px*/
.fimg17 { width:7.6em;}/*目次ビデオボタン91px*/
.fimg18 { width:17.75em;}/*sai-BALL体感安全塾タイトル*/
.fimg19 { width:12.2em;}/*sai-BALLフキダシ146px*/
.fimg20 { width:3.3em;}/*一般タイトル*/
.fimg21 { width:4.7em;}/*作業別タイトル*/
.fimg22 { width:4.8em;}/*製造業タイトル*/
.fimg23 { width:9.6em;}/*h5タイトル115px*/
.fimg24 { width:2em; margin-bottom:-0.5em;}/*プレイアイコン24px*/
.fimg25 { width:17.8em;}/*キャンペーン256px*/
.fimg26 { width:41.7em;}/*キャンペーン500px*/
.fimg27 { width:7.3em;}/*88px*/
.fimg28 { width:8.6em;}/*103px*/
.fimg29 { width:13.3em;}/*h3安全行動調査192px*/
.fimg30 { width:37.6em;}/*分析結果例450px*/




/*教育促進キャンペーン用*/
#bgshadow20 {
	width:41.7em;
	height:53.4em;
	background-color:#787878;
	position:relative;
	top:-0.5em;
	left:5em;
	clear:both;
	margin-bottom:2em;
}
#column20 {
	width:41.7em;
	height:55.4em;
	position:absolute;
	top:-0.5em;
	left:-0.5em;

}

/*安全行動調査*/
#bgshadow21 {
	width:53em;
	height:60em;
	background-color:#787878;
	position:relative;
	clear:both;
	margin-bottom:2em;
}
#column21 {
	width:53em;
	height:60em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}

.section3title21 {
	width:14em;
	float:left;
	padding-top:1.2em;
	padding-left: 2em;
}
.innerText21 {
	width: 32em;
	float:right;
	padding: 1em 0 0 0;
	}
.ftextBox21 {
	width:31em;
	padding:1em 1em 0 0;
}

.innerMenu01 dl.btBox {
	width:18em;
	text-align:center;
	padding:1em;}


.listCho li { width:30em; margin:1em 0; background: url(../information/fresh/image/star.gif) no-repeat; padding-left:20px;}

.examples { width:37.5em; margin:0 auto;}


/*調査研究報告*/
#bgshadow22 {
	width:53em;
	height:25.5em;
	background-color:#787878;
	position:relative;
	clear:both;
	margin-bottom:2em;
}

#column22 {
	width:53em;
	height:25.5em;
	background-image:url(../information/fresh/image/note.gif);
	position:absolute;
	top:-0.5em;
	left:-0.5em;
}

.innerMenu09 dl {
	width:24em;
	text-align:center;
	float:left;
	padding:1em;}

.innerMenu09 dl .comment {
	text-align: left;
	height:8em;
}
















/* -------------------------- 機械災害事例・ヒヤリハット ------------------------------ */

#kikaiLead {
	width: 55em;
	margin:2em auto 1em;
	}
#kikaiLead p {
	text-indent:1em;
	margin-bottom:1em;
	}

#kikaiSai {
	width:59.8em;
	border:0.1em solid #36F;
	margin:1em 0;
	padding-bottom:1em;
	position:relative;
	}
#sonota {
	width:9em;
	height:13em;
	padding:0 0.5em;
	position:absolute;
	right:5em;
	bottom:5em;
	}
	
.jireiCase {
	width:100%;
	clear:both;
	}
	
.jireiCase ul {
	padding-left:0.7em;
	}
	
.jireiCase li {
	width:12.6em;
	height:17.5em;
	margin:1em;
	float:left;
	display:inline;/*for ie6*/
	}

.jireiCase li a {
	display:block;
	width:12.6em;
	height:17.5em;
	}

.jireiCase li a:hover {
	background-color:#D3DFFE;
	}
	
.jireiCase li a:hover .pictCase {
	border: 0.3em solid #D3DFFE;
}
.pictCase {
	width:12em;
	border:#CCC solid 0.3em;
	display:block;
	}
.subTitle {
	text-align:left;
	display:block;
	padding:0.3em;
	}

/*ヒヤリハット*/
#kikaiHya {
	width:59.8em;
	border:0.1em solid #8acf3f;
	margin:1em 0;
	padding-bottom:1em;
	clear:left;
	position:relative;
	}
	
.jireiCaseH {
	width:100%;
	clear:both;
	}
	
.jireiCaseH ul {
	padding-left:2em;
	}
	
.jireiCaseH li {
	width:15.6em;
	height:20em;
	margin:1em 1.5em;
	float:left;
	display:inline;/*for ie6*/
	}

.jireiCaseH li a {
	display:block;
	width:15.6em;
	height:20em;
	}

.jireiCaseH li a:hover {
	background-color:#CEEBAF;
	}
	
.jireiCaseH li a:hover .pictCaseH {
	border: 0.3em solid #CEEBAF;
}

.pictCaseH {
	width:15em;
	border:#CCC solid 0.3em;
	display:block;
	}
	
.subTitleH {
	display:block;
	padding:0.3em;
	}


.annai {
	width:95%;
	margin: 1em 0 0 1.5em;
}
	
	
/* -----------------------交通災害-------------------------- */	
	
#kotuSai {
	width:59.8em;
	border:0.1em solid #1A1D9B;
	margin:1em 0;
	padding-bottom:1em;
	position:relative;
	}	
	
/*ヒヤリハット*/
#kotuHya {
	clear:both;
	width:59.8em;
	border:0.1em solid #B99438;
	margin:1em 0;
	padding-bottom:1em;
	position:relative;
	}

/*検索ボタン*/
.glassCase {
	text-align:center;
	width:12.6em;
	height:13em;
	margin:1em;
	float:right;
	display:inline;/*for ie6*/
	}		


/* -----------------------墜落・転落災害-------------------------- */	
	
#tuirakuSai {
	width:59.8em;
	border:0.1em solid #DA6642;
	margin:1em 0;
	padding-bottom:1em;
	position:relative;
	}	
	
/*ヒヤリハット*/
#tuirakuHiy {
	clear:both;
	width:59.8em;
	border:0.1em solid #A53291;
	margin:1em 0;
	padding-bottom:1em;
	position:relative;
	}


.jireiCase2 {
	width:100%;
	clear:both;
	}
	
.jireiCase2 ul {
	padding-left:0.7em;
	}
	
.jireiCase2 li {
	width:12.6em;
	height:19em;
	margin:1em;
	float:left;
	display:inline;/*for ie6*/
	}

.jireiCase2 li a {
	display:block;
	width:12.6em;
	height:19em;
	}

.jireiCase2 li a:hover {
	background-color:#D3DFFE;
	}
	
.jireiCase2 li a:hover .pictCase {
	border: 0.3em solid #D3DFFE;
}


/* -----------------------第三次災害-------------------------- */	
	
#sanjiSai {
	width:59.8em;
	border:0.1em solid #7F3B12;
	margin:1em 0;
	padding-bottom:1em;
	position:relative;
	}	
	
/*ヒヤリハット*/
#sanjiHya {
	clear:both;
	width:59.8em;
	border:0.1em solid #F389C2;
	margin:1em 0;
	padding-bottom:1em;
	position:relative;
	}