@charset "SHIFT_JIS";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/* 基本
---------------------------------------------*/
body {
	color: #333333;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background: #FFFFFF;
}
img {
	vertical-align: top;
}
a {
	color: #003399;
	
}
a:visited {
	color: #333333;
}
a:hover,
a:focus {
	color: #3366CC;
}
a:active {
	color: #CC3300;
}
#wrapper {
	width: 760px;
	margin: 0 auto;
	position: absolute;
	top:0;
	left:0;
	
}
#header {
	position: relative;
	padding-top: 22px;
	padding-bottom: 0px;
	background: url(../images/header_bg2.gif) left bottom repeat-x;
}
#content {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	border:1px #9999ff solid;
}
/*#content*/ #primary {
	float: right;
	width: 570px;
	margin-top:8px;
}
/*#content*/ #secondary {
	float: left;
	width: 180px;
	margin-top:0px;
	background: #F5F5F5;
}
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 50px;
}

/* ロゴとユーティリティナビゲーション
---------------------------------------------*/
#logo {
	padding: 0px 0;
}
#utilityNavigation {
	position: absolute;
	right: 0;
	top: 5px;
	width: 170px;
	font-size: 90%;
	line-height: 1.2;
}
#utilityNavigation li {
	position: absolute;
	top: 0;
	width: 8em;
	list-style:none;
}
#utilityNavigation li#navSiteMap {
	right: 0em;
}
#utilityNavigation li#navEnglish {
	right: 8em;
}
#utilityNavigation li a {
	padding-left: 12px;
	text-decoration: none;
}
#utilityNavigation li#navSiteMap a {
	background: url(../images/icon_sitemap3.gif) left center no-repeat;
}
#utilityNavigation li#navEnglish a {
	background: url(../images/icon_foreignlanguages4.gif) left center no-repeat;
}

/* グローバルナビゲーション #D2D2D2
---------------------------------------------*/
#globalNavigation {
	height: 20px;
	border-top: 1px solid #70747C;
	border-right: 2px solid #70747C;
	border-left: 1px solid #70747C;
	background: #F5F5F5;
}
#globalNavigation li {
	list-style: none;
	float: left;
	height: 20px;
	padding-right: 2px;
	background: url(../images/gn_li_bg.gif) right top repeat-y;
}
#globalNavigation li a {
	display: block;
}
#globalNavigation li a:hover,
#globalNavigation li a:focus {
background:#E6E6E6;
}


/* 下階層への導入部分 
---------------------------------------------*/
/*#lead*/ .column {
	clear: both;
	width: 570px;
	/*margin-bottom: 10px;*/
}
/*#lead .column*/ .section {
	width: 187px;
	height:220px;
	border-bottom:1px #9999ff solid;
	
}
/*#lead .column*/ #leadSupport,
/*#lead .column*/ #leadAnalysis{
 	float: left;
	margin-right:0px;
	border-left:1px #9999ff solid;
	margin-bottom: 10px;
}

/*#lead .column*/ #leadStudy{
 	float: left;
	margin-bottom:10px;
	border-left:1px #9999ff solid;
	border-right:1px #9999ff solid;
	
}

/*
#lead .column .section h2 {
	border-top: 1px solid #D9D9D9;
	border-bottom: 2px solid #F5F5F5;
	font-weight: normal;
	}
*/

/*#lead .column*/ #support h2 a {
	display: block;
	width: 186px; /* for WinIE6 */
	height:30px;
	background: url(../images/h2_support5.jpg) left center no-repeat;
	
}

/*#lead .column*/ #support h2 a:hover, a:focus{
	background: url(../images/h2_support5_hover.jpg) left center no-repeat;
}

#leadAnalysis h2 a {
	display: block;
	width: 186px; /* for WinIE6 */
	height:30px;
	background: url(../images/h2_analysis5.jpg) left center no-repeat;

}

#leadAnalysis h2 a:hover, a:focus{
	background: url(../images/h2_analysis5_hover.jpg) left center no-repeat;
}

#leadStudy h2 a {
	display: block;
	width: 186px; /* for WinIE6 */
	height:30px;
	background: url(../images/h2_study5.jpg) left center no-repeat;
}

#leadStudy h2 a:hover, a:focus{
	background: url(../images/h2_study5_hoverjpg.jpg) left center no-repeat;
}

#lead p {
	margin-left: 15px;
	margin-top: 5px;
	
}

#lead  ul {
	list-style: none;
	list-style-image:url(../images/triangle_red2.gif);
	padding: 0px 0px 0px 10px;
	/*line-height: 1.1;
	*/
	/*line-height: 1.0*/;
}

#lead  ul li ul a{
	list-style: none;
	list-style-image:url(../images/triangle_red3.gif);
	padding: 0px 0px 0px 0px;
}

#lead  ul li{
	margin-left: 30px;
	padding-bottom: 0px;
	padding-top: 0px;
	/*line-height: 1.1*/;
}

#lead  ul li ul {
	padding-left:0px;
	/*line-height: 1.0;*/
}

#lead  ul li a{
	text-decoration: none;
	}

#lead ul a:hover, a:focus{
	text-decoration: none;
	background: none;
	}

/* ローカルナビゲーション 左サイドバー
---------------------------------------------*/
#localNavigation {
	margin-top:0;
	background: #F5F5F5;
}
#localNavigation ul {
	list-style: none;
	background: #F5F5F5;
	line-height: 1.0;
}
#localNavigation ul li {
	padding-bottom: 2px;
	background: url(../images/ln_li_bg.gif) left bottom repeat-x;
}
#localNavigation ul li a {
	display: block;
	width: 145px;
	background: url(../images/arrow_big.gif) 9px 13px no-repeat;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#localNavigation ul li a:hover,
#localNavigation ul li a:focus {
	background: #E6E6E6 url(../images/arrow_big.gif) 11px 13px no-repeat !important;
}
#localNavigation ul li ul {
	margin-left: 20px;
/*	
		font-size: 90%;
*/
}
#localNavigation ul li ul li {
	padding-bottom: 0;
	background: none;
	border-top: 1px solid #E5E5E5;
}
#localNavigation ul li ul li a {
	width: 126px; /* for WinIE6 */
	padding: 6px 10px 6px 14px;
	background: url(../images/arrow_small.gif) 6px 11px no-repeat;
}
#localNavigation ul li ul li a:hover,
#localNavigation ul li ul li a:focus {
	background: #E6E6E6 url(../images/arrow_small.gif) 7px 11px no-repeat !important;
}
#localNavigation ul li.current a {
	background-image: none;
	background-color: #E5E5E5;
	font-weight: bold;
}
#localNavigation ul li.current ul li a {
	background: url(../images/arrow_small.gif) 6px 11px no-repeat;
	font-weight: normal;
}

/* フッターナビゲーション
---------------------------------------------*/
#footerNavigation {
	padding-left: 10px;
	border-top: 1px solid #E5E5E5;
	font-size: 100%;
	line-height: 1.2;
}
#footerNavigation li {
	float: left;
	margin-right: 10px;
	padding: 8px 0;
}
#footerNavigation li a {
	display: block;
	padding-left: 6px;
	background: url(../images/arrow_small.gif) left center no-repeat;
	text-decoration: none;
}
#copyright {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding: 20px 17px;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1;
}

/* フッターナビゲーション終わり
---------------------------------------------*/

/* 注目情報
---------------------------------------------*/

#topicsHeader{
	margin-top:10px;
}

#topics h2 {
	
/*	
	background: url(../images/heading_about_bg.gif) no-repeat;
	margin-bottom:10px;
	border-bottom:solid #c2c2c2 1px;
	background-color:#e9e9e9;
*/	
}

#topics  {
	display: block;
	float: left;
	width: 564px;
	margin-bottom:10px;
	margin-top: 0px;
	line-height: 1.5;
	border:1px #9999ff solid;
}

#topics ul li {
	text-decoration: none;
	margin-left: 16px;
	margin-top: 5px;
}

#topics ul li a{
	text-decoration: none;
}


/* 新着情報  
---------------------------------------------*/

#newsRelease{
	border:1px #9999ff solid;
	float: left;
	width: 564px;
	height:300px;
	overflow:auto;
	margin-bottom: 10px;
	
	
}


#newsRelease dl { 
	margin: 5px; padding :0; line-height: 1.6;
	
}

#newsRelease dt {
	margin-left: 0;
	margin-top: 0;
	padding :0;
	float: left;
    width: 5em; 
	
}

#newsRelease dd ul{
	list-style:none;
	
}
#newsRelease dd {
	margin-left: 5em;
	
}

#newsRelease a{
	text-decoration: none;
}

/* フォーラム等情報  2010/11/24
---------------------------------------------*/

#newsForum{
	border:1px #9999ff solid;
	float: left;
	width: 564px;
	height:140px;
	overflow:auto;
	margin-bottom: 10px;
	
	
}


#newsForum dl { 
	margin: 5px; padding :0; line-height: 1.6;
	
}

#newsForum dt {
	margin-left: 0;
	margin-top: 0;
	padding :0;
	float: left;
    width: 5em; 
	
}

#newsForum dd ul{
	list-style:none;
	
}
#newsForum dd {
	margin-left: 5em;
	
}

#newsForum a{
	text-decoration: none;
}


/* お知らせ  2010/11/24
---------------------------------------------*/

#newsInfo{
	border:1px #9999ff solid;
	float: left;
	width: 564px;
	height:200px;
	overflow:auto;
	margin-bottom: 10px;
	
	
}


#newsInfo dl { 
	margin: 5px; padding :0; line-height: 1.6;
	
}

#newsInfo dt {
	margin-left: 0;
	margin-top: 0;
	padding :0;
	float: left;
    width: 5em; 
	
}

#newsInfo dd ul{
	list-style:none;
	
}
#newsInfo dd {
	margin-left: 5em;
	
}

#newsInfo a{
	text-decoration: none;
}


.section p {
	margin-bottom: 10px;
	margin-left: 40px;
}

.section dl {
	margin-top: 20px;
}


.section dt {
	margin-left: 20px;
}

.section dd {
	margin-bottom: 0px;
	border-bottom: 1px solid #ECECEC;
}


/* ヘッダー 検索 
--------------------------------------- */
.search {
	padding-bottom:10px; 
	padding-top:10px;
	border-bottom:1px solid #CCCCCC;
	background-color:#F5F5F5;
	width: 185px;
	margin-bottom:0;
/*	
	border: 2px;
	border: solid;
	border: #CCCCCC;

	width:100%;
*/	
	}
#query{
	width: 100px;
	height: 18px;
	border:1px #9999ff solid;
	margin-left: 10px; 
}

#button {
	width: 38px;
  	height: 20px;
	background: url(../images/bottun_search_gray.gif) no-repeat;
	cursor: pointer;
}




/* 所在地 
--------------------------------------- */
.address {
	margin-top: 10px;
	margin-bottom: 20px;
}

.address dl {margin:10px 0 10px 10px;}

.address dt {
	margin-bottom:5px;
}

.address dd {
	margin-left:5px;
	font-size:90%;
	line-height:140%;
}

/* CM 
--------------------------------------- */

.cm {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}

/* ISO17025  
--------------------------------------- */

.ISO17025 {
	height:100px;
	width:250px;
	padding-left: 10px;
	float:left;
	margin-bottom: 20px;
}

/* k-pot  
--------------------------------------- */

.k-pot {
	height:100px;
	width:250px;
	padding-left: 10px;
	float:left;
	margin-bottom: 20px;
}

/* K_tkf  
--------------------------------------- */

.K_tkf {
	height:100px;
	width:250px;
	padding-left: 10px;
	float:left;
	margin-bottom: 20px;

}

/* 神奈川Ｒ＆Ｄネットワーク構想
--------------------------------------- */

.K_R_AND_D {
	height:100px;
	width:250px;
	padding-left:10px;
	float:left;
	}

/* フッター コピーライト 
--------------------------------------- */
#footer .copyright{
	clear:both;
	width:760px;
	height:45px;
	text-align:center;
}

#footer p{
	margin-top:5px;
	padding:0;
	font-size:74%;
}


/* ご意見、ご質問に関して 
--------------------------------------- */
#footer .reference {
	width:766px;
	margin:0;
	padding:5px 0 0 0;
	border-top:dotted #b6b6b6 1px;
}

#footer .reference p {
	margin:0;
	padding:5px 0 5px 23px;
}

/* ナビゲーション 
--------------------------------------- */
#footer .footernav {
	clear:both;
	width:766px;
	margin:0;
	padding:5px 0;
	border-top:solid #c2c2c2 1px;
	border-bottom:solid #c2c2c2 1px;
	background-color:#e9e9e9;
	text-align:center;
	font-size:87%;
}

#footer .footernav span{
	width:150px;
	padding-left:0px;
}


.clause {padding-right:15px; border-right:dotted #c2c2c2 1px;}
.lastclause {padding-right:15px; border-style:none;}



/* フッター コピーライト 
--------------------------------------- */
#footer .copyright{
	clear:both;
	width:766px;
	height:45px;
	text-align:center;
}

#footer p{
	margin-top:5px;
	padding:0;
	font-size:74%;
}

/* マーク　背景色　設定　2010/12/01 
--------------------------------------- */
.seminor {
font-size:smaller;
font-weight:bolder;
color:white;
background-color:#3333ff;
}

.forum {
font-size:smaller;
font-weight:bolder;
color:white;
background-color:#006699;
}

.training {
font-size:smaller;
font-weight:bolder;
color:white;
background-color:#009933;
}

.atten {
font-size:smaller;
font-weight:bolder;
color:#3300ff;
background-color:#ffff00;
}

.recruiting {
font-size:smaller;
font-weight:bolder;
color:white;
background-color:#ff0099;
}

.subsidy {
font-size:smaller;
font-weight:bolder;
color:#ffff66;
background-color:#330099;
}

.new {
font-size:smaller;
font-weight:bolder;
color:white;
background-color:#ff0099;
}

