@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :mochizuki
 style info :トップページのスタイル指定

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

/*---------------------------------------------------
Mainvisual
---------------------------------------------------*/
div#Mainvisual{
	width: 860px;
	margin: 0 auto;

}

/*---------------------------------------------------
Top3Column
---------------------------------------------------*/
div#Top3Column{
	margin: 0 auto;
}
	/*---------------------------------------------------
	Column1
	---------------------------------------------------*/
	div#Column1 {
		float: left;
		width: 180px;
	}

		/* 県民の皆様へ */
		dl#ForShizuoka{
			text-align: left;
			background: url("/img/waku_bottom_01.jpg") left bottom no-repeat;
			zoom: 1;/*for IE 5.5-7*/
		}
		dl#ForShizuoka:after{/*for modern browser*/
			content:".";
			display: block;
			height:0px;
			clear:both;
			line-height:0; 
			visibility:hidden;
		}
		dl#ForShizuoka dd{
			padding: 0 10px;
			zoom: 1;/*for IE 5.5-7*/
		}
		dl#ForShizuoka dd:after{/*for modern browser*/
			content:".";
			display: block;
			height:0px;
			clear:both;
			line-height:0; 
			visibility:hidden;
		}

		/* とは？ */
		div#Column1 ul#Question{
			margin: 10px 0 0 0;
			padding: 0;
		}
		div#Column1 ul#Question li{
			text-indent: -9999px;
			margin: 0 0 10px 0;
		}
		div#Column1 ul#Question li a{
			display: block;
			width: 181px;
			height: 61px;
		}
		div#Column1 ul#Question li#MV01 a{background: url("/img/question_nursecenter.jpg") left top no-repeat;}
		div#Column1 ul#Question li#MV02 a{background: url("/img/question_hokensitu.jpg") left top no-repeat;}

		div#Column1 ul#Question li#MV01 a:hover{
			background-position: 0 -61px;
		}
		div#Column1 ul#Question li#MV02 a:hover{
			background-position: 0 -61px;
		}

		/*クリック時の点線枠を表示しない*/
		div#Column1 ul#Question a:active { outline: none; }/*for firefox*/
		div#Column1 ul#Question a:focus { -moz-outline-style: none; }/*for firefox*/

		/* 看護職の皆様へ */
		dl#ForKangosyoku{
			margin-top: 10px;
			text-align: left;
			background: url("/img/waku_bottom_02.jpg") left bottom no-repeat;
			zoom: 1;/*for IE 5.5-7*/
		}
		dl#ForKangosyoku:after{/*for modern browser*/
			content:".";
			display: block;
			height:0px;
			clear:both;
			line-height:0; 
			visibility:hidden;
		}
		dl#ForKangosyoku dd{
			padding: 0 10px;
			zoom: 1;/*for IE 5.5-7*/
		}
		dl#ForKangosyoku dd:after{/*for modern browser*/
			content:".";
			display: block;
			height:0px;
			clear:both;
			line-height:0; 
			visibility:hidden;
		}
		dl#ForKangosyoku dd ul{
			margin: 5px 0 10px 5px;
		}
		dl#ForKangosyoku dd ul li{
			padding: 0 0 5px 20px;
			background: url("/img/list_02.gif") left top no-repeat;
			font-size: 110%;
		}

		/* 会員の皆様へ */
		dl#ForMember{
			margin-top: 10px;
			text-align: left;
			background: url("/img/waku_bottom_02.jpg") left bottom no-repeat;
			zoom: 1;/*for IE 5.5-7*/
		}
		dl#ForMember:after{/*for modern browser*/
			content:".";
			display: block;
			height:0px;
			clear:both;
			line-height:0; 
			visibility:hidden;
		}
		dl#ForMember dd{
			padding: 0 10px;
			zoom: 1;/*for IE 5.5-7*/
		}
		dl#ForMember dd:after{/*for modern browser*/
			content:".";
			display: block;
			height:0px;
			clear:both;
			line-height:0; 
			visibility:hidden;
		}
		dl#ForMember dd ul{
			margin: 5px 0 10px 5px;
		}
		dl#ForMember dd ul li{
			padding: 0 0 5px 20px;
			background: url("/img/list_02.gif") left top no-repeat;
			font-size: 110%;
		}

		/* 再就業・講師 */
		ul#Forwork{}
		ul#Forwork li{
			margin: 10px 0;
			text-indent: -9999px;
		}
		ul#Forwork li a{
			display: block;
			width: 181px;
			height: 61px;
		}
		ul#Forwork li#Restartwork a{background: url("/img/btn_saisyugyou.jpg") left top no-repeat;}
		ul#Forwork li#Restartwork a:hover{background: url("/img/btn_saisyugyou.jpg") left -61px no-repeat;}
		ul#Forwork li#Talent a{background: url("/img/btn_kousi.jpg") left top no-repeat;}
		ul#Forwork li#Talent a:hover{background: url("/img/btn_kousi.jpg") left -61px no-repeat;}
		/*クリック時の点線枠を表示しない*/
		ul#Forwork li a:active { outline: none; }/*for firefox*/
		ul#Forwork li a:focus { -moz-outline-style: none; }/*for firefox*/

	/*---------------------------------------------------
	Column2
	---------------------------------------------------*/
	div#Column2 {
		float: left;
		width: 470px;
		margin-top: 10px;
		margin-left: 7px;
	}
	div#Column2 div#Colum2TopArea{
		margin-bottom: 20px;
		zoom: 1;/*for IE 5.5-7*/
	}

	div#Column2 div#Colum2TopArea:after{/*for modern browser*/
		content:".";
		display: block;
		height:0px;
		clear:both;
		line-height:0; 
		visibility:hidden;
	}
	div#Column2 div#Colum2TopArea div{
		float: left;
		width: 230px;
	}
	div#Column2 div#Colum2TopArea div#Right{
		margin-left: 10px;
	}
	div#Column2 div#Colum2TopArea div ul{
	
	}
	div#Column2 div#Colum2TopArea div ul li{
		text-indent: -9999px;
	}
	div#Column2 div#Colum2TopArea div ul li a{
		display: block;
		width: 230px;
		height: 31px;
	}
	div#Column2 div#Colum2TopArea div ul li#Guidance a{background: url("/img/btn_headkangosyoku.jpg") left top no-repeat;}
	div#Column2 div#Colum2TopArea div ul li#Guidance a:hover{background: url("/img/btn_headkangosyoku.jpg") left -31px no-repeat;}
	div#Column2 div#Colum2TopArea div ul li#Nouriha a{background: url("/img/btn_ninteikangosi.jpg") left top no-repeat;}
	div#Column2 div#Colum2TopArea div ul li#Nouriha a:hover{background: url("/img/btn_ninteikangosi.jpg") left -31px no-repeat;}
	/*クリック時の点線枠を表示しない*/
	div#Column2 div#Colum2TopArea div ul li a:active { outline: none; }/*for firefox*/
	div#Column2 div#Colum2TopArea div ul li a:focus { -moz-outline-style: none; }/*for firefox*/

	div#Column2 div#Colum2TopArea div img{
		float: left;
		width: 90px;
		margin-top: 10px;
	}
	div#Column2 div#Colum2TopArea div p{
		float: right;
		width: 126px;
		margin: 10px 4px 0 0px;
		padding: 0;
	}

	/*---------------------------------------------------
	TabPanes
	---------------------------------------------------*/
	div.Tabwrapper{
		margin: 0;
		padding: 0;
		border: solid 1px #FFF; /* for IE6 */
		border-left: none; /* for IE6 */
		border-right: none; /* for IE6 */
	}
	div.tabPanes > div {
		display: none; /* initially all panes are hidden */
	}
	div.tabPanes {
		border: solid 1px #3A9EFF;
		border-top: none;
		padding: 0px 0px;
	}
	div.tabPanes ul{
		padding: 10px;
		text-align: left;
	}
	div.tabPanes ul li{
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		color: #399DFF;
		font-size: 90%;
		background: url("/img/hr_news.jpg") left bottom no-repeat;
	}
	div.tabPanes ul li a{
		font-size: 120%;
	}

	/* GotoItiran */
	ul.GotoItiran{
		float: right;
		margin: 0 0 20px 20px ! important;
		padding: 10px 10px 0px 0 ! important;
		text-align: right;
		zoom: 1;/*for IE 5.5-7*/
	}
	ul.GotoItiran:after{/*for modern browser*/
		content:".";
		display: block;
		height:0px;
		clear:both;
		line-height:0; 
		visibility:hidden;
	}
	ul.GotoItiran li{
		margin: 0;
		padding: 0 0 0 10px ! important;
		text-align: right;
		background: url("/img/list_01.gif") 0px 6px no-repeat ! important;
	}

	/* tabs */
	ul.tabs {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	ul.tabs li {
		float: left;
		width: 94px;
		text-indent: -9999px;
	}
	ul.tabs li a {
		display: block;
		float: left;
		width: 94px;
	}
	ul.tabs li a {
		width: 94px;
		height: 30px;
	}

	ul.tabs li#TabNew a{
		background: url("/img/tab_news_01.jpg") left top no-repeat;
	}
	ul.tabs li#TabNews a{
		background: url("/img/tab_news_02.jpg") left top no-repeat;
	}
	ul.tabs li#TabKensyu a{
		background: url("/img/tab_news_03.jpg") left top no-repeat;
	}
	ul.tabs li#TabNintei a{
		background: url("/img/tab_news_04.jpg") left top no-repeat;
	}
	ul.tabs li#TabEvent a{
		background: url("/img/tab_news_05.jpg") left top no-repeat;
	}
	ul.tabs li#TabNew a:hover,
	ul.tabs li#TabNew a.current {background: url("/img/tab_news_01.jpg") left -30px no-repeat;}
	ul.tabs li#TabNews a:hover,
	ul.tabs li#TabNews a.current {background: url("/img/tab_news_02.jpg") left -30px no-repeat;}
	ul.tabs li#TabKensyu a:hover,
	ul.tabs li#TabKensyu a.current {background: url("/img/tab_news_03.jpg") left -30px no-repeat;}
	ul.tabs li#TabNintei a:hover,
	ul.tabs li#TabNintei a.current {background: url("/img/tab_news_04.jpg") left -30px no-repeat;}
	ul.tabs li#TabEvent a:hover,
	ul.tabs li#TabEvent a.current {background: url("/img/tab_news_05.jpg") left -30px no-repeat;}

	/*---------------------------------------------------
	Archive
	---------------------------------------------------*/
	div.Archive{
		margin: 20px 0 0 0;
		padding: 0;
		background: url(/img/bg_Archive.jpg) left bottom no-repeat;
		height: 230px;
		position: relative;
	}
	div.Archive .ArchiveT{
		display: none;
	}
	div.Archive p{
		position: absolute;
		top: 100px;
		left: 25px;
		margin: 0;
		padding: 0;
		width: 300px;
		font-size: 1.2em;
		line-height: 1.2em;
	}
	div.Archive p a{
		margin: 0;
		padding: 0 0 0 18px;
		background: url(/img/list_02.gif) left center no-repeat;
	}

	/*---------------------------------------------------
	Column3 
	---------------------------------------------------*/
	div#Column3 {
		float: right;
		width: 190px;
		margin-top: 10px;
	}
	div#Column3 div.TopBannerArea{
		margin: 0;
		padding: 0 0 5px 0;
		background: url("/img/waku_bottom_03.jpg") left bottom no-repeat;
	}
	div#Column3 div.TopBannerArea ul li{
		margin: 0px auto 5px auto;
		text-align: center;
	}
	div#Column3 div.TopBannerArea ul li span{
		display: block;
		margin: 0 10px;
		padding: 0 0 5px 0;
		font-size: 80%;
		text-align: left;
	}
	div#Column3 div.TopPrArea,
	div#Column3 div.TopOsyaberiArea,
	div#Column3 div.TopInqArea{
		margin: 10px 0 0 0;
		padding-bottom: 5px;
		background: url("/img/waku_bottom_04.jpg") left bottom no-repeat;
		zoom:1;/*for IE 5.5-7*/
	}

	div#Column3 div.TopPrArea:after,
	div#Column3 div.TopOsyaberiArea:after,
	div#Column3 div.TopInqArea:after{/*for modern browser*/
		content:".";
		display: block;
		height:0px;
		clear:both;
		line-height:0; 
		visibility:hidden;
	}

	div#Column3 div.TopPrArea dl,
	div#Column3 div.TopOsyaberiArea dl,
	div#Column3 div.TopInqArea dl{}

	div#Column3 div.TopPrArea dl dt,
	div#Column3 div.TopOsyaberiArea dl dt,
	div#Column3 div.TopInqArea dl dt{
		text-align: left;
	}
	div#Column3 div.TopPrArea dl dt,
	div#Column3 div.TopOsyaberiArea dl dt,
	div#Column3 div.TopInqArea dl dt{}

	div#Column3 div.TopPrArea dl dd img,
	div#Column3 div.TopOsyaberiArea dl dd img,
	div#Column3 div.TopInqArea dl dd img{
		float: right;
		width: 55px;
		margin-top: -40px;
		margin-right: 5px;
		margin-left: 5px;
	}
	div#Column3 div.TopPrArea dl dd,
	div#Column3 div.TopOsyaberiArea dl dd,
	div#Column3 div.TopInqArea dl dd{
		padding: 0 5px 5px 5px;
		font-size: 80%;
		text-align: left;
	}
	div#Column3 div.TopInqArea dl dd{
		line-height: 130%;
	}
	div#Column3 div.TopPrArea dl dd span,
	div#Column3 div.TopOsyaberiArea dl dd span,
	div#Column3 div.TopInqArea dl dd span{
		font-weight: bold;
	}