@charset "utf-8";

/* メニュー
---------------------------------------------------- */
ul#menu {
  margin: 0 0 20px 0;
  padding: 0;
  float: left;
  width: 140px;
  list-style: none;
  color: #4A4949;
  border-right: solid 1px #9999CC;
	border-top: solid 1px #9999CC;
}
ul#menu li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 10pt;
}
ul#menu li a {
	display: block;
	/* padding: 4px 0; */
	padding: 1px 0;
	text-decoration: none;
  color: #4A4949;
  border-bottom: solid 1px #9999CC;
	background-color: #A4D3EE; /* NEW 全体の背景色 */
}

/* 親子の文字位置（親） */
ul#menu li a span.c1 {
	padding: 0 5px 0 10px;
	display:block;
}
/* 親子の文字位置（子） */
ul#menu li a span.c2 {
	padding: 0 5px 0 20px;
	display:block; /* 長いテキストリンクの場合、きれいに回り込ませる */
}

/*
	親子関係（<a>タグのclassで指定）
	dir_root:親ブロック
	dir_child:子ブロック
	dir_child_selected:子ブロック（該当ページ）
*/

/* ## :link属性指定 ## */
/* 背景色指定 */
ul#menu li a.dir_root:link {
	display:block;
	background: #A4D3EE; /* NEW 背景色（親ブロック） */
}
ul#menu li a.dir_root_selected:link {
	display:block;
	background: #336699; /* NEW 背景色（親ブロック） */
}
ul#menu li a.dir_child:link {
	display:block;
	background: #D1EEEE; /* NEW 背景色（子ブロック） */
}
ul#menu li a.dir_child_selected:link {
	display:block;
	background: #9AC0CD; /* NEW 背景色～該当ページ（子ブロック） */
}

/* 文字色指定 */
ul#menu li a.dir_root:link span.c1 { /* span.c1は親ブロックのみ */
	padding: 0 5px 0 10px;
	display:block;
	color: #333333; /* 文字色は「黒」 */
}
ul#menu li a.dir_root_selected:link span.c1 { /* span.c1は親ブロックのみ */
	padding: 0 5px 0 10px;
	display:block;
	color: #ffffff; /* 文字色は「白」 */
}
ul#menu li a.dir_child:link span.c2 { /* span.c2は子ブロック */
	padding: 0 5px 0 20px;
	display:block;
	color: #333333; /* 文字色は「黒」 */
}
ul#menu li a.dir_child_selected:link span.c2 { /* span.c2は子ブロック */
	padding: 0 5px 0 20px;
	display:block;
	color: #ffffff; /* 文字色は「白」 */
}

/* ## :visited属性指定 ## */
/* 背景色指定 */
ul#menu li a.dir_root:visited {
	display:block;
	background: #A4D3EE; /* NEW 背景色（親ブロック） */
}
ul#menu li a.dir_root_selected:visited {
	display:block;
	background: #336699; /* NEW 背景色（親ブロック） */
}
ul#menu li a.dir_child:visited {
	display:block;
	background: #D1EEEE; /* NEW 背景色（子ブロック） */
}
ul#menu li a.dir_child_selected:visited {
	display:block;
	background: #9AC0CD; /* NEW 背景色～該当ページ（子ブロック） */
}

/* 文字色指定 */
ul#menu li a.dir_root:visited span.c1 { /* span.c1は親ブロックのみ */
	padding: 0 5px 0 10px;
	display:block;
	color: #333333; /* 文字色は「黒」 */
}
ul#menu li a.dir_root_selected:visited span.c1 { /* span.c1は親ブロックのみ */
	padding: 0 5px 0 10px;
	display:block;
	color: #ffffff; /* 文字色は「白」 */
}
ul#menu li a.dir_child:visited span.c2 { /* span.c2は子ブロック */
	padding: 0 5px 0 20px;
	display:block;
	color: #333333; /* 文字色は「黒」 */
}
ul#menu li a.dir_child_selected:visited span.c2 { /* span.c2は子ブロック */
	padding: 0 5px 0 20px;
	display:block;
	color: #ffffff; /* 文字色は「白」 */
}

/* ## :hover属性指定 ## */
/* 背景色指定 【ロールオーバー共通】 */
ul#menu li a.dir_root:hover, ul#menu li a.dir_root_selected:hover, ul#menu li a.dir_child:hover, ul#menu li a.dir_child_selected:hover {
	display:block;
	background: #4F94CD; /* NEW 背景色（親ブロック/子ブロック共通） */
}

/* 文字色指定 */
ul#menu li a.dir_root:hover span.c1 { /* span.c1は親ブロックのみ */
	padding: 0 5px 0 10px;
	display:block;
	color: #ffffff; /* 文字色は「白」 */
	text-decoration: underline; /* NEW リンク文字装飾（アンダーライン） */
}
ul#menu li a.dir_root_selected:hover span.c1 { /* span.c1は親ブロックのみ */
	padding: 0 5px 0 10px;
	display:block;
	color: #ffffff; /* 文字色は「白」 */
	text-decoration: underline; /* NEW リンク文字装飾（アンダーライン） */
}
ul#menu li a.dir_child:hover span.c2 { /* span.c2は子ブロック */
	padding: 0 5px 0 20px;
	display:block;
	color: #ffffff; /* 文字色は「白」 */
	text-decoration: underline; /* NEW リンク文字装飾（アンダーライン） */
}
ul#menu li a.dir_child_selected:hover span.c2 { /* span.c2は子ブロック */
	padding: 0 5px 0 20px;
	display:block;
	color: #ffffff; /* 文字色は「白」 */
	text-decoration: underline; /* NEW リンク文字装飾（アンダーライン） */
}



/* Basic Page Contents 設定
-------------------------------------------------- */
/* 製品・ソリューション情報用見出しタグ */
.basicSection h1 {
	width: 580px;
	font-size: 11pt;
	font-weight: bold;
	color: #666699;
	padding: 3px 3px 3px 6px;
	margin: 0.8em 5px 5px 5px;
	border-left: solid 11px #336699;
	border-bottom: dotted 1px #9999CC;
}
.basicSection h2 {
	padding-left: 25px;
	margin: 0.8em 0 0.5em 5px;
	font-size: 10pt;
	color: #336699;
	background-image: url(img/p_h2_blue_bk_mark.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: dotted 1px #999999;
}
.basicSection h3 {
	padding-left: 5px;
	margin: 0.8em 0 0.5em 5px;
	font-size: 10pt;
	color: #5e8eab;
	border-left: solid 5px #336699;
	text-align: left;
}
.basicSection h4 {
	padding-left: 5px;
	margin: 0.8em 0 0.5em 5px;
	font-size: 10pt;
	color: #333333;
	text-align: left;
	text-decoration: underline;
}
.basicSection h5 {
	padding-left: 5px;
	margin: 0.8em 0 0.5em 5px;
	font-size: 10pt;
	color: #333333;
	text-align: left;
}