@charset "Shift_JIS";

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

Name: datastage.css

Description: Setting of content module and grid for DataStage

Create: 2011.05.10
Create: 2011.05.10

Copyright 2011 Hitachi, Ltd. 


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

/*====================================*/
/*    DataStage 独自CSS               */
/*====================================*/

/** リンク色変更対応
 ------------------------------------------------*/

a:link {
	color:#004bbc;
}
a:visited {
	color: #551a8b;
}
a:hover {
	color: #b1000e;
}


.PageTop a:link,
.PageTop a:visited {
	color: #004bbc;
}

.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:visited,
.VerticalInnerLinks li a:link,
.VerticalInnerLinks li a:visited {
	color: #004bbc;
}

.LinearNavi ul li a:link,
.LinearNavi ul li a:visited {
	color: #004bbc;
}

/* ---[c2-2-1] 見出し > レベル2 下線付き--- */
/* ---[c2-2-2] 見出し > レベル2 > リンクあり--- */
h3.TitleStyleGry01 {
	margin: 0 10px 10px 0;
	padding: 0 3px 3px 0;
	font-size: 100%;
	font-weight: bold;
	color: #737373;
	line-height: 1.35;
	border-bottom: 1px solid #cdcdcd;
}

/* */
h3.TitleStyleGry01 a { line-height: 1.35; }


/* ボックスパターン 枠囲み--------------------- */

.BoxPattern_custom1 {
	clear: both;
	margin: 0 0 15px;
	padding: 15px 15px 5px 15px;
	border:2px solid #dfdfdf;
	zoom: 1;
}

/* ボックスパターン リンクありで濃いグレー（トップページ用）--------------------- */

.BoxPattern_custom2 {
	clear: both;
	margin: 0 0 5px;
	padding: 22px 15px 5px 15px;
	background-color: #737373;
	zoom: 1;
}

.BoxPattern_custom2 a {
	color: #fff;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white.gif") !important;
}




/*====================================*/
/*  トップページCSS　　　　　　　　   */
/*====================================*/

div.PageTitleStyle_data {
	margin: 0px;
	font-size:0;
}


/* ボックスパターン 枠囲みトップページ--------------------- */

div.BoxPetternTop ul{
	width: 100%;
	margin: 8px 0 0;
}

/*
div.BoxPetternTop ul li:first-child {
	padding: 0;
	margin: 0;
}
*/
div.BoxPetternTop ul li {
	padding: 0;
/*	margin: 0 0 0 4px;*/
}


div.BoxPetternTop ul li a{
	line-height: 2.4;
	text-decoration: none;
}

div.BoxPetternTop ul li a.button {
	float: left;
	width: 356px;
	height: 35px;
	text-align: center;
	line-height: 60px;
	background: url(/Prod/comp/soft1/datastage/images/common/icon_link_right_l_white.gif) no-repeat 98%;
	background-color: #5B5B5B;
	color: #fffff;
	line-height: 2.5;
}
div.BoxPetternTop ul li:first-child a.button {
	margin: 0 8px 0 0;
}

div.BoxPetternTop ul.LinkListStyle1 li a {
	padding: 0;
    font-weight: bold;
	padding: 0;
}


.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}




div.BoxPetternTop a.button:hover {
	background: url(/Prod/comp/soft1/datastage/images/common/icon_link_right_l_white.gif) no-repeat 98%;
	background-color: #294F74;
	color: #FFF;
}

div.BoxPetternTop a.button {
	color: #ffffff;
}


LinkListStyle1 li a:hover,
LinkListStyle1 li a:active {
    text-decoration: none;
}




/*--- カテゴリ ------------*/

div.category {
	margin: 0px 0px 5px 0px;
}

div.category div.Column1 {
	width:190px;
	margin-left:0;
}

div.category div.Column1 ul {
	padding: 5px 7px 0;
	margin-bottom:0;
}
div.category h2#cate01,
div.category h2#cate02,
div.category h2#cate03,
div.category h2#cate04,
div.category h2#cate05{
	background: none;
	margin: 0;
	padding: 0;
}


div.category h2#cate01 span{
	background: url(/Prod/comp/soft1/datastage/images/common/top_cate01.png) no-repeat 3px 6px;
	background-color: #ececec;
	text-indent: 1.5em;
	padding:12px 10px 10px;
	line-height: 100%;
}

div.category h2#cate02 span{
	background: url(/Prod/comp/soft1/datastage/images/common/top_cate02.png) no-repeat 4px 6px;
	background-color: #ececec;
	text-indent: 1.5em;
	padding:12px 10px 10px;
	line-height: 100%;
}

div.category h2#cate03 span{
	background: url(/Prod/comp/soft1/datastage/images/common/top_cate03.png) no-repeat 7px 6px;
	background-color: #ececec;
	text-indent: 2.5em;
	padding:12px 10px 10px;
	line-height: 100%;
}

div.category h2#cate04 span{
	background: url(/Prod/comp/soft1/datastage/images/common/top_cate04.png) no-repeat 7px 6px;
	background-color: #ececec;
	text-indent: 2em;
	padding:12px 10px 10px;
	line-height: 100%;
}

div.category h2#cate05 span{
	background: url(/Prod/comp/soft1/datastage/images/common/top_cate05.png) no-repeat 7px 6px;
	background-color: #ececec;
	text-indent: 2em;
	padding:12px 10px 10px;
	line-height: 100%;
}

div.category div.Column1 ul.LinkListStyle2 {
	padding:5px 7px 0 5px;
	margin-bottom:10px;
	padding: 15px 10px 8px;
	line-height: 100%;
}



div.category div.Column1.FirstItem {
	color:#333;
	display:block;
	width:240px;
	min-height:13em;
	border:1px solid #cacaca;
	border-radius: 0.3em 0 0 0;
	background-color:#fff;
}

div.category div.Column1{
	color:#333;
	display:block;
	width:238px;
	min-height:13em;
	border-top:1px solid #cacaca;
	border-right:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	background-color:#fff;
}

div.category div.Column1.LastItem{
	color:#333;
	display:block;
	width:238px;
	min-height:13em;
	border-top:1px solid #cacaca;
	border-right:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	border-radius: 0 0.3em 0 0;
	background-color:#fff;
}



div.category div.Column3_DS {
	color:#333;
	display:block;
	width:100%px;
	min-height:13em;
	border:1px solid #cacaca;
	border-radius: 0.3em 0.3em 0 0;
	background-color:#fff;
}



/*--- ニュースエリア ------------*/

h2.NewsTitle {
	border:none;
	margin:0px 0px 0px 0px;
	padding:0;
	font-size:0px;
}

div.News_list {
	height:200px;
	overflow:auto;
	padding:5px 5px 8px 7px;
	margin:0px;
}

div.News_list dl {
	padding:12px 0px 0px 0px;
}

div.News_list dt {
	float:left;
	width:95px;
}

div.News_list dd {
	float:left;
	width:571px;
	margin:0px 0px 0px 10px;
}

span.DateColor{
 color:#666666;
}

/*--- 紹介記事エリア ------------*/

h2.ArticleTitle {
	border:none;
	margin:0px 0px 0px 0px;
	padding:0;
	font-size:0px;
}

div.Article_list {
	height:180px;
	overflow:auto;
	margin:0px;
	padding: 10px 5px 5px 7px;
}


/*====================================*/
/*  トピックス＆ニュースページCSS　   */
/*====================================*/

div.Topics_list {
	margin:0px 5px 5px 7px;
}

div.Topics_list dl {
	padding:10px 0px 0px 0px;
}

div.Topics_list dt {
	float:left;
	width:95px;
}

div.Topics_list dd {
	float:left;
	width:600px;
	margin:0px 0px 0px 10px;
}


/*====================================*/
/*  「セミナー＆イベント」ページCSS   */
/*====================================*/

/*--- セミナー開催スケジュール ------------*/

h2.SemiTitle {
	border:none;
	margin:0px 0px 4px 0px;
	padding:0;
}

h2.SemiTitle img {
	vertical-align:bottom;
}

h2.SemiTitle2 {
	border:none;
	margin:0px 0px 15px 0px;
	padding:0;
}

h2.SemiTitle2 img {
	vertical-align:bottom;
}

div.semi_sche_list {
/*---
	height:110px;
	height:130px;
	height:157px;
	overflow:auto;
--*/
	margin:0px 0px 0px 0px;

}
div.semi_sche_list dl {
	padding:13px 0px 8px 0px;
	font-size:80%;
/*---	
	border-bottom:1px dotted #cccccc;
--*/	
}
div.semi_sche_list dt {
	float:left;
	width:105px;
}
div.semi_sche_list dd {
	float:left;
	width:445px;
/*	width:480px;*/
}
div.semi_sche_list dd div.InnerLinks {
	margin-bottom:0px;
	
}
div.semi_sche_list dd div.InnerLinks li {
	margin: 0 0 5px;
	padding: 1px 0 1px 17px;
	background: url("/image/h1/icon/icon_link_bottom.gif") no-repeat;
	line-height: 1.2;
	font-size:100%;
}

div.semi_sche_list dd div.InnerLinks li.NewWin {
	margin: 0 0 5px;
	padding: 1px 0 1px 17px;
	background: url("/image/h1/icon/icon_new_window.gif") no-repeat 0 0;
	line-height: 1.2;
	font-size:100%;
}

/* IE6lower */
* html body div#PopUpContainer div#PopUpContents div.semi_sche_list dd div.InnerLinks ul li { position: relative; }
/* */

div.semi_sche_list dd div.InnerLinks a {
	vertical-align:text-top;
	line-height: 1.2;
	padding: 0px 7px 0px 0px;
}

div.semi_sche_list dd img.app {
	vertical-align:middle;
}


/*--- セミナー開催スケジュール ------------*/

p.semi_info_title {
	margin: 0 0 15px;
	font-size: 83%;
	padding: 0 0 0 19px;
	background: url("/image/h1/icon/icon_mail.gif") no-repeat 0 1px;
	line-height: 1.3;
}

/* セミナー案内が何も無いとき用 */
p.semi_info_title2 {
	margin: 13px 0 15px;
	font-size: 83%;
	padding: 0 0 0 19px;
	background: url("/image/h1/icon/icon_mail.gif") no-repeat 0 1px;
	line-height: 1.3;
}



/* ---- プログラム詳細 部分 ----  */

dl.program_det {
	margin: 0 8px 20px 8px;
}
dl.program_det dt {
	margin: 2px 0 0 0px;
	font-size: 83%;
}
dl.program_det dd {
	margin: -1.15em  0 0 7.5em;
	font-size: 83%;
}
/* Win IE7 & IE6lower */
* html body dl.program_det dd { margin-top: -0.9em; }
*:first-child+html body dl.program_det dd { margin-top: -0.9em; }
/* /Win IE7 & IE6lower */

dl.program_det dd p.innertxt {
	margin: 3px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	line-height: 1.2;
}

dl.program_det dd p.innertxt2 {
	margin: 0 0 15px;
	padding: 0px 0px 0px 0px;
	line-height: 1.35;
}


dl.program_det dd p.p_title strong {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3;
}
dl.program_det dd p.p_title2 {
	margin: 0px 0px 15px 13px;
	padding: 8px 0px 0px 0px;
	line-height: 1.3;
}



dl.program_det dd ul.ListStyleP {
	margin: 5px 0 15px;
}

dl.program_det dd ul.ListStyleP li {
	margin: 0 0 4px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;
	line-height: 1.2;
}

dl.program_det dd ul.ListStyleP li a { line-height: 1.35; }

dl.program_det dd ul.LinkListStyle6 { margin: 0 0 -8px 0; }

dl.program_det dd dl.InProgram dd ul.LinkListStyle1 { margin: 0 0 10px; }


/* ---- プログラム内での詳細紹介用 ----  */
dl.program_det dd dl.InProgram { margin: 0 0 15px; }
dl.program_det dd dl.InProgram dt {
	margin: 0 0 5px;
	font-size: 100%;
	font-weight:bold;
	color: #B72E00;
}

dl.program_det dd dl.InProgram dd {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
}

dl.program_det dd dl.InProgram dd ul.List {
	margin: 0 0 15px;
	font-size: 100%;
}

dl.program_det dd dl.InProgram dd ul.List li {
	margin: 0 0 2px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;
	line-height: 1.35;
}

dl.program_det dd ul.ListStyleP li a { line-height: 1.35; }




/*---------------*/





/*====================================*/
/*  共通CSS                           */
/*====================================*/
/*
sup {
  color: #FF5500;
}

sup.sup2 {
  color: #000000;
}

dl.AdditionalNotesStyle2 dt {
  color: #FF5500;
}

dl.AdditionalNotesStyle3 dt {
  color: #FF5500;
}

dl.AdditionalNotesStyle3 dd {
  color: #FF5500;
}

*/



/*--- Listを使った場合、行間が狭すぎるので、その対策 ------------*/
ul li.List, dl dt.List {
	 background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 0.1em;
	line-height: 1.35;
 }

/*--- new、updateの強調色 ------------*/
span.new_color {
  color: #A44A1A;
  font-weight:bold;
}


/*====================================*/
/*   nowrap                           */
/*====================================*/
.nwp {
	white-space: nowrap;
}

/*---------------*/



/*--- 「価格」ページで使用の横並びレイアウト（リスト形式） ------------*/

dl.DateListStyle2_small1 { margin: 0 0 15px 0; }
dl.DateListStyle2_small1 dt {
	margin: 7px 0 0 0px;
	padding: 0px 0 0px 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 2px;
	line-height: 1.35;
	font-size: 83%;
}
dl.DateListStyle2_small1 dd {
	margin: -16px 0 0 10em;
	font-size: 83%;
}
dl.DateListStyle2_small1 dd ul.LinkListStyle6 { margin: 0 0 -8px 0; }


/*--- 「価格」ページで使用の横並びレイアウト（リスト形式なし） ------------*/

dl.DateListStyle2_small2 { margin: 0 0 15px 0; }
dl.DateListStyle2_small2 dt {
	margin: 7px 0 0 0px;
	line-height: 1.2;
	font-size: 83%;
}
dl.DateListStyle2_small2 dd {
	margin: -16px 0 0 10em;
	font-size: 83%;
}
dl.DateListStyle2_small2 dd ul.LinkListStyle6 { margin: 0 0 -8px 0; }





/*====================================*/
/*  トップページバナー　　　　　　　　   */
/*====================================*/

div.Banner{
	margin: 2px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
	width:570px;
	height:35px;
	font-size:0;
}


div.Banner ul {
	background:url(/Prod/comp/soft1/datastage/images/top_cate_back.jpg) no-repeat;
	width:570px;
	height:35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.Banner li {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
div.Banner li {
	display:inline;
}
div.Banner li span {
	display:none;
}
div.Banner li a {
	display:block;
	margin:0px 0px 0px 0px!important;
	padding:0px 0px 0px 0px!important;
	width:190px;
	height:35px;
}
div.collist a {
}

div.Banner li#nav03 a {
	width:190px;
}
div.collist li#nav01 a:hover {
	background:url(/Prod/comp/soft1/datastage/images/top_b_l_o.jpg) no-repeat;
}
div.collist li#nav02 a:hover {
	background:url(/Prod/comp/soft1/datastage/images/top_b_c_o.jpg) no-repeat;
}
div.collist li#nav03 a:hover {
	background:url(/Prod/comp/soft1/datastage/images/top_b_r_o.jpg) no-repeat;
}



/*======================================================*/
/*  トップページバナー　動画・セミナー・サポート　　　　*/
/*======================================================*/

div.Banner{
	margin: 2px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
	width:570px;
	height:85px;
	font-size:0;
}


div.Banner ul {
	background:url(/Prod/comp/soft1/datastage/images/top_banner.jpg) no-repeat;
	width:570px;
	height:85px;
	margin: 0px;
	padding: 0px;
}

div.Banner li {
	float:left;
	margin: 0px;
	padding: 0px;

}
div.Banner li {
	display:inline;
}

div.Banner li span {
	display:none;
}

div.Banner li a {
	display:block;
	margin:0px;
	padding:0px;
	width:190px;
	height:85px;
}



div.Banner li#nav01 a:hover {
	background:url(/Prod/comp/soft1/datastage/images/top_banner_movie_o.jpg) no-repeat;
}


div.Banner li#nav02 a:hover {
	background:url(/Prod/comp/soft1/datastage/images/top_banner_semi_o.jpg) no-repeat;
}



div.Banner li#nav03 a:hover {
	background:url(/Prod/comp/soft1/datastage/images/top_banner_sapo_o.jpg) no-repeat;
}


/*--- マウスオーバーで画像を透過 ------------*/
a:hover img.Onmouse{
	filter: alpha(opacity=70); /* IE7以下用 */
	 -ms-filter: “alpha(opacity=70)”; /* IE8用 */
	opacity:0.7; /* Firefox 1.5以上, Opera, Safari用 */
}


p.Bottom0,
ul.Bottom0,
ol.Bottom0,
dl.Bottom0, 
table.Bottom0, 
div.Bottom0,
.Bottom0 { margin-bottom: 0; }
p.Bottom5,
ul.Bottom5,
ol.Bottom5,
dl.Bottom5, 
table.Bottom5, 
div.Bottom5,
.Bottom5 { margin-bottom: 5px; }
p.Bottom10,
ul.Bottom10,
ol.Bottom10,
dl.Bottom10, 
table.Bottom10, 
div.Bottom10,
.Bottom10 { margin-bottom: 10px; }
p.Bottom15,
ul.Bottom15,
ol.Bottom15,
dl.Bottom15, 
table.Bottom15, 
div.Bottom15,
.Bottom15 { margin-bottom: 15px; }
p.Bottom20,
ul.Bottom20,
ol.Bottom20,
dl.Bottom20, 
table.Bottom20, 
div.Bottom20,
.Bottom20 { margin-bottom: 20px; }


/* ---テーブル セルの幅指定--- */
.Wide20px  { width:  20px; }
.Wide40px  { width:  40px; }
.Wide60px  { width:  60px; }
.Wide80px  { width:  80px; }
.Wide100px { width: 100px; }
.Wide120px { width: 120px; }
.Wide140px { width: 140px; }
.Wide160px { width: 160px; }
.Wide180px { width: 180px; }
.Wide200px { width: 200px; }
.Wide220px { width: 220px; }
.Wide240px { width: 240px; }
.Wide260px { width: 260px; }
.Wide280px { width: 280px; }
.Wide300px { width: 300px; }
.Wide320px { width: 320px; }
.Wide340px { width: 340px; }
.Wide360px { width: 360px; }
.Wide380px { width: 380px; }
.Wide400px { width: 400px; }
.Wide420px { width: 420px; }
.Wide440px { width: 440px; }
.Wide460px { width: 460px; }
.Wide480px { width: 480px; }

.Wide5Per  { width:  5%; }
.Wide10Per { width: 10%; }
.Wide15Per { width: 15%; }
.Wide20Per { width: 20%; }
.Wide25Per { width: 25%; }
.Wide30Per { width: 30%; }
.Wide35Per { width: 35%; }
.Wide40Per { width: 40%; }
.Wide45Per { width: 45%; }
.Wide50Per { width: 50%; }
.Wide55Per { width: 55%; }
.Wide60Per { width: 60%; }
.Wide65Per { width: 65%; }
.Wide70Per { width: 70%; }
.Wide75Per { width: 75%; }
.Wide80Per { width: 80%; }
.Wide85Per { width: 85%; }
.Wide90Per { width: 90%; }
.Wide95Per { width: 95%; }


/* サポートページ */

h3.TitleStyleGry01.Chck{
	background: url(/Prod/comp/soft1/datastage/images/common/icon_check.png) no-repeat 0 -0.3em;
	text-indent: 1.5em;

}

h3.TitleStyleGry01.Chck img{
	position: absolute;
	bottom: 0px;
}



ol.LeftMg {
	margin-left: 15px;
}