@charset "Shift_JIS";

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

Name: hss.css

Create: 2010.6.1

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



/* content===========================================

[1] グローバルナビゲーション
[2] トップ用グローバルナビゲーション（文字90%、アイコン大）
[3] 箇条書きリスト
[4] 縦型ローカルナビゲーション
[5] リンクリスト
[6] サイトアイデンティティ
[7] 番号付リスト
[8] ジャンル分けページ
[9]  文章
[10] 事業部ナビゲーション

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

/* [1] グローバルナビゲーション
=========================================================================================== */
div#GlobalNavi {
	margin: 0 auto;
	padding: 2px 0 0 0;
	width: 765px;
	text-align: left;
	clear: both;
}

div#GlobalNavi div {
	border: none;
}

div#GlobalNavi ul.CourtesyNavi {
	float: left;
	padding: 4px 0 6px 0;
	text-align: right;
	font-size: 83%;
}
div#GlobalNavi ul.CourtesyNavi li {
	margin: 0px;
	padding: 0px 7px 9px 0px;
	background:none;
}

div#GlobalNavi ul.CourtesyNavi li a:link,
div#GlobalNavi ul.CourtesyNavi li a:visited{
padding-left:20px;
background:url('../image/icon/icon_globalNavi.gif') no-repeat 0% 50% #ffffff;}

div#GlobalNavi ul.CourtesyNavi li.blue a:hover,
div#GlobalNavi ul.CourtesyNavi li.blue a:active{
padding-left:20px;
background:url('../image/icon/icon_globalNavi_b.gif') no-repeat 0% 50% #ffffff;}

div#GlobalNavi ul.CourtesyNavi li.green a:hover,
div#GlobalNavi ul.CourtesyNavi li.green a:active{
padding-left:20px;
background:url('../image/icon/icon_globalNavi_g.gif') no-repeat 0% 50% #ffffff;}

div#GlobalNavi ul.CourtesyNavi li.pink a:hover,
div#GlobalNavi ul.CourtesyNavi li.pink a:active{
padding-left:20px;
background:url('../image/icon/icon_globalNavi_p.gif') no-repeat 0% 50% #ffffff;}

/*お問い合わせ*/
ul#GlobalNaviTop {
	float: right;
	font-size: 83%;
}
ul#GlobalNaviTop li {
	display: inline;
	float: left;
	margin: 0px;
	background: url("../image/icon/icon_link_header.gif") no-repeat 0 4px;
}
ul#GlobalNaviTop li a {
	float: left;
	padding: 4px 0 1px 15px;
}


/* [2] トップ用グローバルナビゲーション（文字90%、アイコン大）
=========================================================================================== */
div#GlobalNaviL {
	margin: 0 auto;
	padding: 2px 0 0 0px;
	width: 180px;
	_width: 180px;
	text-align: left;
	clear: both;
}

div#GlobalNaviL div {
	border: none;
}

div#GlobalNaviL ul.CourtesyNavi {
	float: left;
	padding: 4px 0 6px 7px;
	text-align: left;
	font-size: 90%;
}
div#GlobalNaviL ul.CourtesyNavi li {
	margin: 0px;
	padding: 0px 0px 9px 0px;
	background:none;
}

div#GlobalNavi ul.CourtesyNavi li.blue a{
padding-left:20px;
background:url('../image/icon/icon_globalNavi_b.gif') no-repeat 0% 50% #ffffff;}

/*-------ページごと表示--------*/
div#GlobalNaviL ul.CourtesyNavi li.blueTop a:link,
div#GlobalNaviL ul.CourtesyNavi li.blueTop a:visited,
div#GlobalNaviL ul.CourtesyNavi li.blueTop a:hover,
div#GlobalNaviL ul.CourtesyNavi li.blueTop a:active{
padding-left:20px;
background:url('../image/icon/icon_globalNavi_b.gif') no-repeat 0% 50% #ffffff;}

div#GlobalNaviL ul.CourtesyNavi li.greenTop a:link,
div#GlobalNaviL ul.CourtesyNavi li.greenTop a:visited,
div#GlobalNaviL ul.CourtesyNavi li.greenTop a:hover,
div#GlobalNaviL ul.CourtesyNavi li.greenTop a:active{
padding-left:20px;
background:url('../image/icon/icon_globalNavi_g.gif') no-repeat 0% 50% #ffffff;}

div#GlobalNaviL ul.CourtesyNavi li.pinkTop a:link,
div#GlobalNaviL ul.CourtesyNavi li.pinkTop a:visited,
div#GlobalNaviL ul.CourtesyNavi li.pinkTop a:hover,
div#GlobalNaviL ul.CourtesyNavi li.pinkTop a:active{
padding-left:20px;
background:url('../image/icon/icon_globalNavi_p.gif') no-repeat 0% 50% #ffffff;}

div#GlobalNaviL ul.CourtesyNavi li.Important{
padding-left:20px;
background:url('../image/icon/icon_important_link.gif') no-repeat 0% 5% #ffffff;}

/*-------箇条書きリスト--------*/
ul.ListStyleTop {
	font-size: 90%;
}

ul.ListStyleTop li {
	margin: 0px;
	padding: 0 0 0 30px;
	background: url("../image/icon/icon_link_right.gif") no-repeat 10px 1px;
	line-height: 1.5;
}


/* [3] 箇条書きリスト
=========================================================================================== */
/* --- 箇条書きリスト > 文字サイズ90%--- */
/* ---項目トップページ--- */
ul.ListStyle3 {
	font-size: 90%;
	margin: 0 0 20px;
}

ul.ListStyle3 li {
	margin: 10px 0 0 0;
	padding: 0 0 0 17px;
	background: url("../image/icon/icon_link_right.gif") no-repeat 0 1px;
	line-height: 1.35;
}
ul.ListStyle3 li.non {
	margin: 10px 0 0 0;
	padding: 0 0 0 17px;
	background: url("../image/icon/icon_list_marker.gif") no-repeat 0 0.1em;
}

/* --- 箇条書きリスト > 文字サイズ90%--- */
/* ---会社案内--- */
ul.ListStyle4 {
	margin: 0;
	font-size: 90%;
}

ul.ListStyle4 li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url("../image/icon/icon_list_marker.gif") no-repeat 0 1px;
	line-height: 1.35;
}

/* ---箇条書きリスト > 文字サイズ90% > 番号付混合--- */
/* ---サイトのご利用にあたって --- */
ul.ListStyle5 {
	margin: 0 0 15px;
	font-size: 90%;
}
ul.ListStyle5 ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ul.ListStyle5 ol {
	margin: 5px 0 0 40px;
	font-size: 100%;
}
ul.ListStyle5 li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("../image/icon/icon_list_marker.gif") no-repeat 0 1px;
	line-height: 1.35;
}
/* IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.ListStyle5 li { position: relative; }
/* */
ul.ListStyle5 ol li {
	margin: 0 0 5px;
	padding: 0;
	background: none;
}
ul.ListStyle5 li a { line-height: 1.35; }

/* --- 箇条書きリスト > 文字サイズ90%--- */
/* ---サイトのご利用にあたって --- */
ul.ListStyle6 {
	font-size: 90%;
}

ul.ListStyle6 li {
	margin: 0px;
	padding: 0 0 0 17px;
	background: url("../image/icon/icon_link_right.gif") no-repeat 0 1px;
	line-height: 1.35;
}
ul.ListStyle6 li.non {
	margin: 0px;
	padding: 0 0 0 17px;
	background: url("../image/icon/icon_list_marker.gif") no-repeat 0 0.1em;
}

/* ---箇条書きリスト > 文字サイズ90% > 番号付混合--- */
/* ---セキュリティ機器/指静脈認証鍵管理装置--- */
ul.ListStyle7 {
	font-size: 100%;
	margin: 0 0 20px;
}

ul.ListStyle7 li {
	margin: 10px 0 0 0;
	padding: 0 0 0 17px;
	background: url("../image/icon/icon_list_marker.gif") no-repeat 0 1px;
	line-height: 1.35;
}


/* [4] 縦型ローカルナビゲーション
=========================================================================================== */
/* --- Type2仕様 --- */
div.Grid1 div#localNavigationArea1{
margin-bottom:10px;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}

div.Grid1 div#localNavigationArea1 h2{
position:absolute;
top:0;
left:-9999px;
}

div.Grid1 div#localNavigationArea1 ul li,
div.Grid1 div#localNavigationArea1 ul li ul li,
div.Grid1 div#localNavigationArea1 ul li ul li ul li{
padding:5px;
}

div.Grid1 div#localNavigationArea1 ul{
margin-top:-1px;
}

div.Grid1 div#localNavigationArea1 ul li{
font-size:83%;
background:#bbbbbb url("../image/icon/bg_localnaviitem.gif") 0 0 repeat-x;
}

div.Grid1 div#localNavigationArea1 ul li.lastItem{
padding-bottom:4px;
}

div.Grid1 div#localNavigationArea1 ul li a{
display:block;
padding-left:15px;
background:url("../image/icon/ln_link.gif") 0 2px no-repeat;
}

div.Grid1 div#localNavigationArea1 ul li#currentCategory em{
display:block;
padding-left:15px;
background:url("../image/icon/ln_current.gif") 2px 2px no-repeat;
font-style: normal;
}

div.Grid1 div#localNavigationArea1 ul li#currentCategory em a{
padding:0;
background-image:none;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem{
margin-bottom:0;
padding-bottom:0;
border-bottom:-1px solid #bbbbbb;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem a{
display:block;
padding-left:15px;
background:url("../image/icon/ln_link.gif") 0 2px no-repeat;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul{
margin-top:5px;
margin-left:-5px;
margin-right:-5px;
margin-bottom:-1px;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li{
font-size:100%;
background:#d2d2d2 url("../image/icon/bg_localnaviitem.gif") 0 0 repeat-x;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li a{
display:block;
padding-left:26px;
background:url("../image/icon/ln_link.gif") 10px 2px no-repeat;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li#currentCategory em{
display:block;
padding-left:26px;
background:url("../image/icon/ln_current.gif") 12px 2px no-repeat;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li#currentCategory em a{
padding:0;
background-image:none;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.lastItem{
margin-bottom:0;
padding-bottom:5px;
_padding-bottom:4px;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.parentItem{
margin-bottom:0;
padding-bottom:0;
border-bottom:-1px solid #dddddd;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.parentItem a{
display:block;
padding-left:26px;
background:url("../image/icon/ln_link.gif") 10px 2px no-repeat;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.parentItem ul{
margin-top:5px;
margin-left:-5px;
margin-right:-5px;
margin-bottom:-2px;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.parentItem ul li{
font-size:100%;
background:#e6e6e6 url("../image/icon/bg_localnaviitem.gif") 0 0 repeat-x;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.parentItem ul li.lastItem{
padding-bottom:5px;
_padding-bottom:4px;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.parentItem ul li a{
display:block;
padding-left:36px;
background:url("../image/icon/ln_link.gif") 23px 2px no-repeat;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.parentItem ul li#currentCategory em{
display:block;
padding-left:36px;
background:url("../image/icon/ln_current.gif") 22px 2px no-repeat;
}

div.Grid1 div#localNavigationArea1 ul li.parentItem ul li.parentItem ul li#currentCategory em a{
padding:0;
background-image:none;
}

/*---hoverの色を変更---*/
div.Grid1 div#localNavigationArea1 a:link    {color:#000000;text-decoration: none}
div.Grid1 div#localNavigationArea1 a:visited {color:#000000;text-decoration: none}
div.Grid1 div#localNavigationArea1 a:hover   {color:#890000;text-decoration: underline}
div.Grid1 div#localNavigationArea1 a:active  {color:#000000;text-decoration: underline}


/* [5] リンクリスト
=========================================================================================== */
/* ---リンクリスト > 左右2列 > 文字サイズ100% > 行間1.35--- */
/* ---会社案内--- */
dl.DateListStyle3 { margin: 0; }
dl.DateListStyle3 dt {
	margin: 0 0 10px;
	font-size: 100%;
	line-height: 1.35;
}
dl.DateListStyle3 dd {
	margin: -2.1em 0 0 6em;
	line-height: 1.35;
}


/* [6] サイトアイデンティティ
=========================================================================================== */
/*---フォントサイズ追加---*/
div#SiteIdentityL p.font {
	float: right;
	padding: 11px 0;
	width: 200px;
	font-size: 83%;
	line-height: 1.35;
	text-align: right;
}


/* [7] 番号付リスト
=========================================================================================== */
/* ---[c8-1-1] 番号付リスト > 文字サイズ90%--- */
/* ---取扱機器/Security：セキュリティ機器 上下マージン0--- */
ol.ListStyle5 {
	margin: 0 0 0 25px;
	font-size: 90%;
}
ol.ListStyle5 li {
	margin: 0;
	line-height: 1.35;
}
ol.ListStyle5 li a { line-height: 1.35; }

/* ---取扱機器/Security：セキュリティ機器 左マージン30px--- */
ol.ListStyle6 {
	margin: 0 0 15px 30px;
	font-size: 90%;
}
ol.ListStyle6 li {
	margin: 0 0 5px;
	line-height: 1.35;
}
ol.ListStyle6 li a { line-height: 1.35; }


/* [8] ジャンル分けページ
=========================================================================================== */
/* ---[c3-1-1] 文章>文字サイズ90%--- */
p.TextStyleT {
	line-height: 1.35;
	padding: 5px 0 0 0;
}
p.TextStyleT a { line-height: 1.35; }


/* [9]  文章
=========================================================================================== */
/* ---[c3-1-1] 文章>文字サイズ90%--- */
/* ---取扱機器/Security：セキュリティ機器--- */
p.TextStyle3 {
	margin: 0 0 5px;
	font-size: 90%;
	line-height: 1.35;
}

/* [10] 事業部ナビゲーション
=========================================================================================== */
/* ---取扱機器/Security：セキュリティ機器--- */
div#DetailsNavi {
	margin: 0 auto;
	padding: 10px 0 0;
	width: 570px;
	text-align: left;
}
div#DetailsNavi div {
	padding: 0 0 7px;
	background: url("../image/bg_g_navi_separater.gif") no-repeat 0 100%;
}
div#DetailsNavi ul.CourtesyNavi {
	float: right;
	padding: 5px 0;
	text-align: right;
	font-size: 83%;
}
ul#DetailsNaviTop {
	float: left;
	font-size: 83%;
}
ul#DetailsNaviTop li {
	float: left;
	margin: 0 3px 0 0;
	background: url("../image/bg_g_navi_top_l.gif") no-repeat 0 0 #d7d7d7;
}
ul#DetailsNaviTop li a {
	float: left;
	display: block;
	padding: 6px 8px;
	border-bottom: 1px solid #b6b6b6;
	background: url("../image/bg_g_navi_top_r.gif") no-repeat 100% 0;
	white-space: nowrap;
}
ul#DetailsNaviTop li.Current { background: url("../image/bg_g_navi_top_l_on.gif") no-repeat 0 0 #d3d3d3; }
ul#DetailsNaviTop li.Current a {
	padding: 6px 8px 7px;
	border: none;
	background: url("../image/bg_g_navi_top_r_on.gif") no-repeat 100% 0;
	text-decoration: none;
}
ul#DetailsNaviTop li.Current a em { font-style: normal; }
ul#DetailsNaviTop li.Current a:link em { color: #08427c; text-decoration: underline; } 
ul#DetailsNaviTop li.Current a:visited em { color: #551a8b; text-decoration: underline; }
ul#DetailsNaviTop li.Current a:hover em { color: #890000; text-decoration: underline; }
ul#DetailsNaviTop li.Current a:active em { color: #890000; text-decoration: underline; }

ul#DetailsNaviTop li.Current a strong {
	padding: 1px 4px;
	background-color: #3e3a39;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}