@charset "utf-8";

/* FUKUROI PUBLIC WORK OFFICE CSS Document */

/* top.css */

/* 2013-01-11 */



/*



1.Top Navigation 

2.Topcontentsbox 

3.Top Image 

4.Contents Left SubNavigation

5.News Box

6.Entrance Box

7.shizuokaken Link Banner 



*/







/*////////////////////////////////////////////////////////////////////////////



1.Top Navigation 

 

////////////////////////////////////////////////////////////////////////////*/ 



#fukuroi #topnavibox {

	padding: 0px;

	height: 36px;

	overflow: hidden;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

	position: relative;

	font-size: xx-small

}



#fukuroi #topnavibox ul {

	z-index:1;

	margin: 0px;

	padding: 0px;

	position: absolute;

	left: 0px;

	top: 0px;

	list-style-type: none;

}

	#fukuroi #topnavibox ul li {

		display: block;

		line-height: 100%;

		position: absolute;

		overflow: hidden;

		margin: 0px;

		padding: 0px;

	}

	#fukuroi #topnavibox li a {

		padding-top: 40px;

		display: block;

		overflow: hidden;

		height: 36px;

		background-image: url(../images/top/navi.jpg);

		background-repeat: no-repeat;

		top: 0px;

	}



/* aisatsu */

li#topnavi01 {width: 132px;left: 0px;}

li#topnavi01 a {background-position: 0px 0px;}

li#topnavi01 a:hover {background-position: 0px 1px;}



/* chumoku jigyo */

li#topnavi02 {width: 105px;left: 132px;}

li#topnavi02 a {background-position: -132px 0px ;}

li#topnavi02 a:hover {background-position: -132px 1px ;}



/* watashitachi no shigoto */

li#topnavi03 {width: 133px;left: 237px;}

li#topnavi03 a {background-position: -237px 0px ;}

li#topnavi03 a:hover {background-position: -237px 1px ;}



/* kannai no goannai */

li#topnavi04 {width: 134px;left: 370px;}

li#topnavi04 a {background-position: -370px 0px ;}

li#topnavi04 a:hover {background-position: -370px 1px ;}



/* otoiawase madoguchi */

li#topnavi05 {width: 148px;left: 504px;}

li#topnavi05 a {background-position: -504px 0px ;}

li#topnavi05 a:hover {background-position: -504px 1px ;}



/* kouhoushi */

li#topnavi06 {width: 134px;	left: 652px;}

li#topnavi06 a {background-position: -652px 0px;}

li#topnavi06 a:hover {background-position: -652px 1px;}



/* shiryousyu */

li#topnavi07 {width: 89px;left: 786px;}

li#topnavi07 a {background-position: -786px 0px;}

li#topnavi07 a:hover {background-position: -786px 1px;}



/* link */

li#topnavi08 {width: 90px;left: 875px;}

li#topnavi08 a {background-position: -875px 0px;}

li#topnavi08 a:hover {background-position: -875px 1px;}



/* topnavibox background image */ 

#fukuroi #topnavibox img {

	z-index:0;

	position: absolute;

	height: 36px;

	width: 964px;

	left: 0px;

	top: 0px;

}

 





/*////////////////////////////////////////////////////////////////////////////



2.Topcontentsbox 



////////////////////////////////////////////////////////////////////////////*/ 



#fukuroi #topcontentsbox {

	background-color: #F5F5E9;

	margin-right: 9px;

	margin-left: 9px;

	margin-bottom: 12px;

	padding-top: 10px;

	padding-right: 7px;

	padding-bottom: 15px;

	padding-left: 7px;

	min-height: 1380px;

}





/*////////////////////////////////////////////////////////////////////////////



3.Top Image 



////////////////////////////////////////////////////////////////////////////*/ 

 

#topimage {

   position:relative;

	overflow: hidden;

	width: 945px;

	height: 265px;

	margin-bottom: 16px;

   list-style:none;

}

#topimage p, 

#topimage h2 {display: none;}



#topimage ul {

	position: absolute;

	top: 32px;

	left: 663px;

	list-style: none;

}



#topimage li {

   position:absolute;

}





/*////////////////////////////////////////////////////////////////////////////



4.Contents Left SubNavigation



////////////////////////////////////////////////////////////////////////////*/ 

 

#topcontentsbox #contentsleftbox {

	float: left;

	width: 230px;

}



#contentsleftbox .subnavigation {

	position: relative;

	border: 1px solid #D6D6D6;

	padding-top: 1px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

}





/* h3 */

.subnavigation h3 {

	overflow: hidden;

	height: 60px;

	text-align: center;

}

	.subnavigation h3 img { position: absolute; top: 1px; left: 9px; }



/**************************************** 

subnavigation ul li */



.subnavigation ul {

	list-style-type: none;

	display: block;

	padding: 0px;

	margin-top: 0px;

	margin-right: 9px;

	margin-bottom: 0px;

	margin-left: 9px;

}

/* li style */ 

.subnavigation li {

	/*position: relative;*/

	margin: 0px;

	padding: 0px;

	width: 209px;

	left: 0px;

	display: block;

	min-height: 30px;

	height: auto;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	position: relative;

}

/* link button */ 

.subnavigation li a {

	top: 0px;

	display: block;

	overflow: hidden;

	text-decoration: none;

	width: 190px;

	background-repeat: no-repeat;

	background-position: 0px 7px;

	padding-left: 20px;

	padding-top: 7px;

	padding-bottom: 7px;

}

/* Rollover */

.subnavigation li a:hover {

	text-decoration: underline;

	font-weight: bold;

	background-repeat: no-repeat;

	background-position: 1px 8px;

}



/************************ 

 oyakudachi-jouhou style */ 

 

/* background color */

.oyakudachi {

	background-color: #FFF4F4;

	margin-bottom: 13px;

}

/* border color */

.oyakudachi li {

	border-bottom-color: #FFB9B9;

}

/* background image */ 

.oyakudachi li a {

	background-image: url(../images/top/subnavigation-li-oyakudachi.jpg);

	color: #AE093F;

}



/************************ 

 chumoku-jigyo style */ 

 

/* background color */

.chumoku-jigyo { background-color: #D9EEF9;	margin-bottom: 13px;}

/* border color */

.chumoku-jigyo li {	border-bottom-color: #87C7E9;}

/* background image */ 

.chumoku-jigyo li a { background-image: url(../images/top/subnavigation-li-chumoku.jpg);}





/********************************* 

 watashitachi no shigoto style */ 



/* background color */ 

.shigoto { background-color: #EEFDD0; border-bottom: none !important;padding-bottom: 0px!important;}

/* border color */

.shigoto li { border-bottom-color: #D0E87D;}

/* background image */ 

.shigoto li a { background-image: url(../images/top/subnavigation-li-shigoto.jpg);

color: #030;

}



.shigoto-past { background-color: #FFFF99;	margin-bottom: 13px; border-top: none !important;padding-top: 4px!important;}

/* border color */

.shigoto-past ul{margin-top:0px;}

.shigoto-past li {

	border-bottom-color: #FF9900;

}

/* background image */ 

.shigoto-past li a { background-image: url(../images/top/subnavigation-li-past.jpg);

color: #030;

}





/********************************* 

  kannai style */ 



/* background color */ 

.kannai {

	background-color: none !important;

	border: none !important;

	padding-bottom: 0px !important;

	}

.kannai h3 img {

	left: 0px; !important;

}

.kannai h3 {

	height: 50px !important;

}

/* kennei-juutaku Link Banner */

#contentsleftbox ul.kannai {

	text-align: center;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

#contentsleftbox ul.kannai li {

	position: relative;

	overflow: hidden;

	width: 230px;

	height: 50px;

	margin-bottom: 10px;

	border: none !important;

}

#contentsleftbox ul.kannai li img {

	position: absolute;

	top: 0px;

	left: 0px;

}

#contentsleftbox ul.kannai li a:hover img {

	position: absolute;

	top: 1px;

	left: 1px;

}

#contentsleftbox ul.kannai li a {

	width: 230px !important;

	height: 50px !important;

}





/*////////////////////////////////////////////////////////////////////////////



5.News Box 



////////////////////////////////////////////////////////////////////////////*/ 



#topcontentsbox #news {

	float: right;

	width: 700px;

	margin-bottom: 10px;

	padding: 0px;

	background-color: #FFF;

	background-image: url(../images/top/news-bg.jpg);

	background-repeat: no-repeat;

	background-position: 34px 60px;

	border: 1px solid #D6D6D6;

	height: 820px;

}



	/* h2 */

	#topcontentsbox #news h2 {

		position: relative;

		width: 660px;

		height: 42px;

		overflow: hidden;

		margin-top: 20px;

		margin-left: 20px;

		margin-bottom: 10px;

	}

		#news h2 img {

			position: absolute;

			top: 0px;

			left: 0px;

			width: 660px;

			height: 42px;

		}



/* news dl dt dd */

#news dl {

	padding-right: 10px;

	padding-bottom: 10px;

	margin-right: 30px;

	height: 710px;

	overflow: auto;

	margin-bottom: 31px;

	margin-left: 20px;

}

	#news dt {

	margin-left: 45px;

	padding-top: 11px;

	padding-left: 10px;

	padding-bottom: 5px;

	overflow: hidden;

		}

	#news dd {

	margin-left: 45px;

	padding-left: 10px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #279BD8;

		}





/*////////////////////////////////////////////////////////////////////////////



6.Entrance Box 



////////////////////////////////////////////////////////////////////////////*/ 



#topcontentsbox #entranece {

	float: right;

	width: 700px;

	margin-bottom: 10px;

	padding: 0px;

	background-color: #FFF;

	border: 1px solid #D6D6D6;

	min-height: 300px;

	position: relative;

	overflow: inherit;

}

	#topcontentsbox #entranece h2 {

		position: relative;

		width: 660px;

		height: 42px;

		overflow: hidden;

		margin-top: 20px;

		margin-left: 20px;

		margin-bottom: 10px;

	}

		#entranece h2 img {

			position: absolute;

			top: 0px;

			left: 0px;

			width: 660px;

			height: 42px;

		}

#entranece .txt {

	width: 622px;

	margin-left: 30px;

	min-height: 216px;

	}

#entranece .txt p {

	line-height: 200%;

	float: left;

	width: 340px;

}

		#entranece .txt img {

	float: right;

	margin-bottom: 20px;

}









/*////////////////////////////////////////////////////////////////////////////



7.shizuokaken Link Banner 



////////////////////////////////////////////////////////////////////////////*/ 



#topcontentsbox #linkbn {

	float: right;

	width: 700px;

	margin-bottom: 10px;

	padding: 0px;

	background-color: #FFF;

	border: 1px solid #D6D6D6;

	min-height: 270px;

	position: relative;

}

/* h2 */

	#topcontentsbox #linkbn h2 {

		position: relative;

		width: 660px;

		height: 42px;

		overflow: hidden;

		margin-top: 20px;

		margin-left: 20px;

		margin-bottom: 10px;

	}

		#linkbn h2 img {

			position: absolute;

			top: 0px;

			left: 0px;

			width: 660px;

			height: 42px;

		}



#topcontentsbox #linkbn ul {

	margin-left: 30px;

	list-style-type: none;

	padding-top: 10px;

	padding-bottom: 5px;

	padding-right: 0px;

	padding-left: 0px;

	}

#topcontentsbox #linkbn ul li {

	margin-bottom: 10px;

	border: none !important;

	display: inline;

	margin-top: 10px;

	margin-right: 5px;

	margin-left: 5px;

}

#topcontentsbox #linkbn ul li a:hover {

	top:1px;

	left:1px;

	position:relative;

}