@charset "shift_jis";
/*=================================================================
メニュー基本設定CSS 以下仕様
[注意]
	必ず大外に<div id="NAVI">を作成してください。
	クラス名の前には必ず、DIV#NAVI セレクタを記述してください。
	メニューとコンテンツ部分が同一ファイル上にあるHTMLは、
	<div class="fltL" id="NAVI">で囲んでください
[文字サイズ]
	1em=10px 文字1em
[ツリー構造のルール]
	通常メニュー：.navi .txtNavi
	ツリー：.navi .treeNavi
	画像メニュー：.navi .imgNavi
	メニュー内ボックス：.navi .boxNavi
	ツリー内部の最下段のAタグは .treeLst

	ソフトウェアメニューのメニュー上部アイコン：<H1>
[ファイルの持ち方]
	メニューは項目が少ないので、全てこのファイル内で記述しています。
	※要コメント
=================================================================*/
/*=================================================================
                          サイト内共通設定
=================================================================*/
*		{ margin:0; padding:0; }/* margin,padding_clear */
HTML	{ height:100%;  }
* HTML	{ overflow-x:hidden; }/* IE6ﾊｯｸ */
*:first-child+html BODY{  }/* IE7ﾊｯｸ */
head~/* */body BODY{ overflow-x: hidden; overflow-y:scroll; }/* IE8ﾊｯｸ */
BODY	{ height:100%; margin:0; background:#FFF;}
/* -------------------------------------------
               リンク文字設定
------------------------------------------- */
DIV#NAVI A:link		{ color: #113aab; text-decoration: none;outline: none}
DIV#NAVI A:visited	{ color: #113aab; ; text-decoration: none;}
DIV#NAVI A:hover		{ color: #F26522; ; text-decoration: underline;}
/* -------------------------------------------
               コンテナ
------------------------------------------- */
DIV#NAVI{
	width:179px;
	height:100%;
	margin-right:27px;
	font-size:11px; color:#333;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
	"Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif; }
}
/* -------------------------------------------
           メニュー見出しなど
------------------------------------------- */
/* - ｿﾌﾄｳｪｱ用 - */
DIV#NAVI H1{
}
DIV#NAVI H1 IMG{
	margin-bottom:10px;
}
/* - 見出し - */
DIV#NAVI H2{
	width:179px;
	height:20px;
}
/* - 二行 - */
DIV#NAVI H2.line2{
	width:179px;
	height:36px;
}
/* - TOPへ戻る - */
DIV#NAVI H2#RTNTOP A IMG{
	border:none;
}
/* - TOPへ戻る2 - */
DIV#NAVI H2#RTNFARTOP A IMG{
	border:none;
}
/* - メニュー閉 - */
DIV#NAVI H2#CLSMENU{
	border:none;
}
/* -------------------------------------------
           通常構造メニューリスト
------------------------------------------- */
DIV#NAVI UL.navi {
	width:179px;
	list-style:none none;
}
DIV#NAVI UL.navi LI {
	padding:3px 0;/* ﾃｷｽﾄﾒﾆｭｰの高さ */
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background-color:#F7F7F7;
}
/* - ﾎﾞｰﾀﾞｰ無し - */
DIV#NAVI UL.navi LI.noBrdr {
	border-bottom:none;
}
DIV#NAVI UL.navi LI A{
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	zoom:1;
}
/* -------------------------------------------
           通常ﾒﾆｭｰ
------------------------------------------- */
DIV#NAVI UL.txtNavi LI{
	background-image:url(/jpn/common/image/navi/tree_dot.gif);
	background-repeat: no-repeat;
	background-position:3px 12px;
	font-size:12px;
}
* html DIV#NAVI UL.txtNavi LI{
	background-position:3px 10px;
}
DIV#NAVI UL.txtNavi A{
	padding-left:12px;
}
/* -------------------------------------------
           ツリー構造メニューリスト
------------------------------------------- */
/* - メニュー - */
DIV#NAVI UL.treeNavi LI{
	background-image:url(/jpn/common/image/navi/menu_pls.gif);
	background-color:#F7F7F7;
	background-repeat:no-repeat;
	background-position:2px 10px;
}
DIV#NAVI UL.treeNavi LI A{
	font-weight:bold;
	padding-left:15px;
}
/* - ツリー内部 - */
DIV#NAVI DIV.treeChld{
	width:100%;
	display:none;
}
DIV#NAVI UL.treeNavi DIV.treeChld A{
	font-weight:normal;
	font-size:10px;
	line-height:1.4;
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding-left:23px !important;
	padding-right:8px !important;
	border-bottom:dotted 1px #C8D0DF;
	display:block;
	background:url(/jpn/common/image/navi/tree_dot.gif) no-repeat;
	background-position:14px 10px;
}
/* - ツリー内の最下段 - */
DIV#NAVI UL.treeNavi DIV.treeChld A.treeLst{
	border-bottom:none;
}
/* -------------------------------------------
      画像使用ﾒﾆｭｰ
------------------------------------------- */
DIV#NAVI UL.imgNavi{

}
DIV#NAVI UL.imgNavi LI{
	padding:0;/* navi padding reset */
}
*html DIV#NAVI UL.imgNavi LI{/* li 余白対策 */
	vertical-align:bottom;
}
DIV#NAVI UL.imgNavi LI A{
	height:24px;
	display:block;
	padding:0;
}
DIV#NAVI UL.imgNavi LI IMG{
	margin-top:2px;
	vertical-align:bottom;
	border:none;
}
DIV#NAVI UL.topNavi LI{
	height:28px;/* top.htmlﾒﾆｭｰの高さ */
	display:block;
	position:relative;
}
DIV#NAVI UL.topNavi LI IMG{
	margin-top:0px;
}
/* -- naviの説明 -- */
DIV#NAVI UL.topNavi LI A:hover{
	color:#00479D;
	text-decoration:none;
}
DIV#NAVI UL.topNavi .navi_sub{
	line-height:1.9;
	display:none;
	position:absolute;
	left:153px;
	top:4px;
	white-space:nowrap;
	z-index:20;

}
DIV#NAVI UL.topNavi .navi_sub span{
	height:100%;
	display:block;
}
.navi_sub_str{
	padding-left:19px;
}
.navi_sub_main{

	padding:0 7px;
}
.navi_sub_end{
	padding-right:11px;
}
DIV#NAVI UL.topNavi .navi_sub a{
	height:auto;
	padding:0;
	display:block;
	font-size:11px;
}
DIV#NAVI UL.topNavi .navi_sub a:hover{
	text-decoration:underline;
}
/* 1行 */
.line_1{ height:21px; }
.line_1 .navi_sub_str{ background:url('/jpn/image/navi/navi_sub1_str.png') no-repeat; }
.line_1 .navi_sub_main{ background:url('/jpn/image/navi/navi_sub1_bg.png') repeat-x; }
.line_1 .navi_sub_end{ background:url('/jpn/image/navi/navi_sub1_end.png') no-repeat right; }
* html .line_1 .navi_sub_str{ background:url('/jpn/image/navi/navi_sub1_str.gif') no-repeat; }
* html .line_1 .navi_sub_main{ background:url('/jpn/image/navi/navi_sub1_bg.gif') repeat-x; }
* html .line_1 .navi_sub_end{ background:url('/jpn/image/navi/navi_sub1_end.gif') no-repeat right; }
/* 2行 */
.line_2{ height:64px; }
.line_2 .navi_sub_str{ background:url('/jpn/image/navi/navi_sub3_str.png') no-repeat; }
.line_2 .navi_sub_main{ background:url('/jpn/image/navi/navi_sub3_bg.png') repeat-x; }
.line_2 .navi_sub_end{ background:url('/jpn/image/navi/navi_sub3_end.png') no-repeat right; }
* html .line_2 .navi_sub_str{ background:url('/jpn/image/navi/navi_sub3_str.gif') no-repeat; }
* html .line_2 .navi_sub_main{ background:url('/jpn/image/navi/navi_sub3_bg.gif') repeat-x; }
* html .line_2 .navi_sub_end{ background:url('/jpn/image/navi/navi_sub3_end.gif') no-repeat right; }


/* 製品LINEUP */
DIV#NAVI H2.menuLineup{
	margin-top:10px;
}

.navi1{z-index:15;}
.navi2{z-index:14;}
.navi3{z-index:13;}
.navi4{z-index:12;}
.navi5{z-index:11;}
.navi6{z-index:10;}
.navi7{z-index:9;}
.navi8{z-index:8;}
.navi9{z-index:7;}
.navi10{z-index:6;}
.navi11{z-index:5;}
.navi12{z-index:4;}
.navi15{z-index:3;}
.navi14{z-index:2;}
.navi13{z-index:1;}
/* -------------------------------------------
      メニュー部分をメニュー以外で使用
------------------------------------------- */
/* ﾘﾝｸ,ﾜｰｸｼｮｯﾌﾟetc */
DIV#NAVI UL.memoNavi{
	padding:0;/* navi padding reset */
}
DIV#NAVI UL.memoNavi DIV{
	font-size:10px;
	padding:5px;
	zoom:1;
}
DIV#NAVI UL.memoNavi DIV P{
	line-height:1.4;
	margin-bottom:1em;
}
DIV#NAVI UL.memoNavi DIV P.noMrgn{
	margin-bottom:0;
}
/* -------------------------------------------
                    その他
------------------------------------------- */

/* 掲載記事用 */
DIV#NAVI UL.boxNavi DIV{
	font-size:10px;
	line-height:1.4;
	padding:9px;
}
/* - 掲載記事 PDFの記事表示囲み - */
DIV#NAVI SPAN.pdfView{
	width:73px;
	line-height:1;
	color:#EB6100;
	border:solid 1px #EB6100;
	margin-right:1px;
	padding:1px 3px;
	background:#FFF;
	display:block;
	float:left;
	top:0px;
	left:0px;
}
/* - URL文字調整 LINK MAIL - */
DIV#NAVI SPAN.url{
	text-align:center;
	display:block;
	margin-top:3px;
	padding:1px;
	background:#FFF;
	border:solid 1px #CCC;
}
/* - URL文字調整 MAIL - */
DIV.mail UL.navi LI.noBrdr DIV SPAN.url{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
/* - padding調整 MAIL - */
DIV.mail UL.navi LI.noBrdr DIV{
	padding:10px 10px 0px 10px !important;
}
/* - IE Aﾀｸﾞ下余白調整 MAIL - */
DIV.mail UL.navi LI.noBrdr DIV A{
	zoom:1;
}
/* - お申し込みボタン添え字Pタグ - */
DIV#NAVI UL.navi LI.noBrdr DIV.appSend P{
	font-size:12px;
	text-indent:10px;
}
/* - お申し込みボタン用Aタグ 画像business_center - */
DIV#NAVI UL.navi LI.noBrdr DIV.appSend A{
	width:120px;
	height:30px;
	margin:10px 0 0 20px;
	padding:0px;
	display:block;
	text-indent:-9999px;
	background-image:url(/jpn/business_center/image/navi/btn_offer.gif);
}
DIV#NAVI UL.navi LI.noBrdr DIV.appSend A:hover{
	background-image:url(/jpn/business_center/image/navi/btn_offer_on.gif);
}
/* - ﾜｰｸｼｮｯﾌﾟID PASS用 - */
DIV#NAVI SPAN.idPass{
	text-align:center;
	display:block;
	margin-top:3px;
	padding:1px;
	font-size:12px;
	background:#FFF;
	border:solid 1px #CCC;
}
DIV#NAVI A.wkshopSend{
	margin-top:10px;
	padding:0 !important;
	font-size:0px;
	text-indent:18px;
}
/* - Technet 設定 - */
/*ﾒﾆｭｰ*/
DIV#NAVI UL.tech_navi DIV.treeChld A{
	height:23px;
	line-height:2.2;
	padding:0px 0px 0px 14px !important;
	background-position:5px 9px;
	cursor:pointer;
}
DIV#NAVI UL.tech_navi DIV.treeChld A.ipad{
	height:30px;
	line-height:3;
	background-position:5px 13px;
}
DIV#NAVI UL.tech_navi DIV.treeChld A.ipad SPAN{
	height:100%;
	display:block;
	background:url(/jpn/common/image/icon/ipad.jpg) 140px 7px no-repeat;
}
DIV#NAVI UL.tech_navi DIV.treeChld A SPAN.ipad{
	height:100%;
	display:block;
	background:url(/jpn/common/image/icon/ipad.jpg) 140px 7px no-repeat;
}
.inline_img{
	vertical-align:text-bottom;
}
/*ﾌｫﾝﾄ指定*/
DIV#NAVI UL.navi SPAN.letter{ letter-spacing:-1px; }
/* - Technet ﾏﾆｭｱﾙ 設定 - */
DIV#NAVI UL#tree A IMG{
	margin-right:2px;
	border:none !important;
}
DIV#NAVI UL#tree A SPAN{
	font-size:10px;
	font-weight:normal;
}
DIV#NAVI UL#tree DIV{
	margin-left:5px;
}