@charset "utf-8";

@import url(default.css);
@import url(base.css);
@import url(style.css);


@media screen and (max-width:760px){

	#globalheader{
		padding-top:50px;
	}

}


	#globalheader h1{
		width:515px;
		height:51px;
		margin:20px auto 50px;
		position:relative;
		top:90px;
		background-image:url(../images/ttl_main.png);
		background-position:50% 50%;
		background-repeat:no-repeat;
	}

		#globalheader h1 a{
			display:block;
			width:100%;
			height:100%;
			text-indent:-9999px;
		}


	#globalheader .inner{
		width:100%;
		margin-top:-80px;	
		position:relative;
		top:0;
	}
	

@media screen and (max-width:760px){

	#globalheader{
	}

	#globalheader h1{
		width:70%;
		height:50px;
		margin:0 15% -50px;
		position:fixed;
		top:-2px;
		z-index:1100;
		background-size:300px auto;
		background-image:url(../shared/ttl_main.png);
	}

	#globalheader .inner{
		height:50px;		
		position:fixed;
		top:80px;
		z-index:1000;
	}

}
	

@media screen and (max-width:480px){

	#globalheader h1{
		width:68%;
		height:50px;
		margin:0 15% -50px 17%;
		background-size:230px auto;
	}

}

@media screen and (max-width:370px){

	#globalheader h1{		
		width:235px;
		margin:0 0 -50px 60px;
		background-position:0 50%;
		background-size:230px auto;
	}

}


		#main .inner{
			max-width:980px;
			width:90%;
			margin:0 auto;
			padding:35px 5%;
			background-image:url(../shared/bg_clear-white80.png);
			border-top:1px dashed #ccc;
		}
	
@media screen and (max-width:760px){

		#main .inner{
			padding:60px 5% 20px;
			border:none;
		}
	
}

		#main h2{
			margin:0 0 20px;
			padding:17px 0 10px;
			color:#000;
			font-size:2.0em;
			font-weight:700;
			text-align:center;
			line-height:1.5em;
		}

	@media screen and (max-width:1000px){
			
		#main h2{
			font-size:1.8em;
		}

	}
		
	@media screen and (max-width:770px){
			
		#main h2{
			font-size:1.5em;
		}

	}
		
	@media screen and (max-width:640px){
			
		#main h2{
			font-size:1.2em;
		}

	}


/* 「安全管理特別指導事業場」を解除できたケースの紹介 */	

		#case #main .inner p{
			max-width:980px;
			width:100%;
		}

		#case #main .inner ol{
			max-width:980px;
			margin-left:25px;
			margin-bottom:15px;
			width:94%;
		}

			#case #main .inner li{
				margin-bottom:7px;
				
			}


			#case #main h3{
				margin:20px 0 20px;
				padding:5px 10px;
				color:#030;
				font-weight:700;
				line-height:1.5em;
				background-color:#ebf7f0;
				border-radius:3px;
			}
			#case #main h3:nth-last-of-type(1){
				padding:0 0 5px;
				background-color:#fff;
				border-bottom:1px dotted #ccc;
			}


/* 労働安全衛生コンサルタント制度推進月間実施のお知らせ */


	#suishin-gekkan #main table{
		width:100%;
		margin:30px auto;
		border-collapse:collapse;
		border-top:1px solid #ccc;
	}

		#suishin-gekkan #main th{
			padding:13px 2%;
			color:#030;
			line-height:1.4em;
			background-color:#ebf7f0;
			vertical-align:top;
			border-bottom:1px solid #ccc;
			white-space:nowrap;
		}

		#suishin-gekkan #main td{
			padding:10px 0 10px 20px;
			border-bottom:1px solid #ccc;
		}
		#suishin-gekkan #main tr:nth-of-type(2) td,
		#suishin-gekkan #main tr:nth-of-type(3) td{padding:10px 0 10px 40px;}

	@media screen and (max-width:370px){
		
		#suishin-gekkan #main td{
			padding:10px 0 10px 15px;
		}
		#suishin-gekkan #main tr:nth-of-type(2) td,
		#suishin-gekkan #main tr:nth-of-type(3) td{padding:10px 0 10px 35px;}

		#suishin-gekkan #main td .fs3{font-size:1.0em;}

	}


		#suishin-gekkan #main td ul{
			margin:3px 0;
			float:left;
		}
		#suishin-gekkan #main td ul:nth-of-type(1){width:40%;}
		#suishin-gekkan #main td ul:nth-of-type(2){width:34%;}
		#suishin-gekkan #main td ul:nth-of-type(3){width:26%;}

	@media screen and (max-width:980px){
	
		#suishin-gekkan #main td ul{float:none;}
		#suishin-gekkan #main td ul:nth-of-type(1),
		#suishin-gekkan #main td ul:nth-of-type(2),
		#suishin-gekkan #main td ul:nth-of-type(3){width:100%;}

	}


		#suishin-gekkan #main td li{
			margin-bottom:7px;
			line-height:1.4em;
		}


/* コラム */


	#column #main .inner{
		padding-bottom:50px;
	}

	#column h2{
		display:block;
		width:180px;
		height:150px;
		margin:-20px auto 30px;
		color:#030;
		font-weight:700;
		text-align:center;
		text-decoration:none;
		line-height:150px;
		background-color:#ebf7f0;;
		border-radius:90px;
	}

@media screen and (max-width:760px){
	
	#column h2{
		display:block;
		width:160px;
		height:130px;
		margin:-120px auto 10px;
		font-weight:700;
		text-align:center;
		text-decoration:none;
		line-height:130px;
		border-radius:80px;
	}

}

	#columnlist{
		max-width:640px;
		width:96%;				
		margin:0 auto;
		border-top:1px solid #ccc;
	}

		#columnlist li{
			padding:10px;
			list-style:none;
			border-bottom:1px dashed #ccc;
		}
		#columnlist li:last-child{border-bottom:1px solid #ccc;}

		#columnlist li a{
			text-decoration:none;
		}
	
		#columnlist li .photo{
			width:60px;
			height:60px;
			margin-right:15px;
			float:left;
			line-height:0;
			background-image:url(../column/images/bg_photo.png);
			background-size:41px auto;
			background-position:50% 50%;
			background-repeat:no-repeat;
			-moz-box-shadow:0 0 0 1px #ccc inset;
			-webkit-box-shadow:0 0 0 1px #ccc inset;
			box-shadow:0 0 0 1px #ccc inset;			
		}
	
			#columnlist li .photo img{
				width:60px;
				height:60px;
			}
			
			#columnlist li .date{
				color:#666;
				font-size:0.9em;
				line-height:1.5em;
			}
						
			#columnlist li .entrybody{
				line-height:1.5em;
			}

			#columnlist li .entrybody a:hover{
				text-decoration:underline;
			}
						
						#columnlist li a{text-decoration:none;}
						#columnlist li a:hover{text-decoration:underline;}


		#navigation{
			width:640px;
			clear:both;
			margin:20px auto 30px;
		}
		
		#navigation:after{
			content: "";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0px;
		}
		* html #navigation{display: inline-table;}
		/* no ie mac \*/
		* html #navigation{height:1%;}
		#navigation{display: block; min-height:0;}
		/* */
		
			#navigation p{
				width:80px;
				margin:0;
			}		
		
			.nextlist{
				float:right;
				text-align:right;
			}
			
			#navigation p a{text-decoration:none;}


	#column article:after{
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0px;
	}
	* html #column article{display: inline-table;}
	/* no ie mac \*/
	* html #column article{height:1%;}
	#column article{display: block; min-height:0;}
	/* */


		#column article h3{
			padding:10px 5px 10px;
			color:#036;
			font-size:1.4em;
			font-weight:500;
			line-height:1.5em;
			border-bottom:1px solid #369;
		}
			
			#column article .date{
				padding:0 5px;
				color:#666;
				font-size:0.9em;
				line-height:1.5em;
			}
			
			#column article .entrybody{
				line-height:1.8em;
			}
			
				#column article .entrybody img{height:auto;}


		/* アーカイブセレクト */

			#column #main select{
				display:block;
				margin:-10px auto 30px;
				padding:5px 10px;
			}

			#archiveyear{
				margin-bottom:-35px;
				text-align:center;
				font-weight:700;
				font-size:1.2em;
				position:relative;
				top:-80px;
			}
		
	@media screen and (max-width:770px){

			#column #main select{
				margin:20px auto 20px;
			}

			#archiveyear{
				margin-bottom:-40px;
				top:-60px;
			}

	}




/* 戻る */
	
	.modoru{
		display:block;
		width:60px;
		height:60px;
		margin:30px auto;
		color:#fff;
		font-weight:700;
		text-align:center;
		text-decoration:none;
		line-height:60px;
		background-color:#036;
		border-radius:30px;
	}