@charset "Shift_JIS";



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



Name: dg14.css







Create: 2015.09.10

Update: 8888.88.88



<!--Rev. 140909 P14028 htc-->



Copyright 2015 Hitachi, Ltd. 



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





body {

	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;

	font-size: 100%;

}





/*見出し

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



/*h1*/



div.PageTitleStyle1  {

margin: 0 0 15px;

padding: 0 0 15px;

background: url("/image/h1/bg_pagetitle.gif") repeat-x 0 100%;

}



div#Contents div.PageTitleStyle1 h1,

div#Contents div.PageTitleStyle2 h1,

div#Contents div.addPageTitleStyle5 h1,

div#PopUpContents div.PageTitleStyle1 h1,

div#PopUpContents div.PageTitleStyle2 h1 {

	color: #333333;

	font-size: 150%;

	font-weight: normal;

	margin: 0;

}



div#Contents div.PageTitleStyle1 h1 a,

div#Contents div.PageTitleStyle2 h1 a,

div#Contents div.addPageTitleStyle5 h1 a,

div#PopUpContents div.PageTitleStyle1 h1 a,

div#PopUpContents div.PageTitleStyle2 h1 a {

	color: #333333;

}



.PageTitleStyle1 .SubTitle strong,

.PageTitleStyle2 .SubTitle strong,

.addPageTitleStyle5 p.SubTitle strong {

	font-weight: normal;

	font-size: 130%;

	}



div#Contents div.PageTitleStyle2,

div#Contents div.addPageTitleStyle5,

div#PopUpContents div.PageTitleStyle1,

div#PopUpContents div.PageTitleStyle2 {

margin: 0 0 15px;

padding: 0 0 15px;

background: url("/image/h1/bg_pagetitle.gif") repeat-x 0 100%;

border-bottom: none;

}





div#Contents h1.support span.supportBlock strong span a {

    font-weight: normal;

    font-size: 60%;

	text-decoration: none;

}



/*div#Contents div.PageTitleStyle2 p.SubTitle strong,

div#Contents div.addPageTitleStyle5 p.SubTitle strong {

margin: 0;

font-size: 90%;

line-height: 1.35;

font-weight: normal;

}

*/





/*h2*/



div.Grid1 h2,

div.Grid3 h2,

div.Grid4 h2,

div#PopUpContents h2 {

	font-weight: normal;

	font-size: 130%;

	background-color: #f5f5f5;

	border: none;

	border-bottom: 2px solid #c3c3c3;

	padding: 6px;

	color: #333;

	margin-bottom: 16px;

	

}



div.Grid3 h2 span,

div.Grid4 h2 span,

div#PopUpContents h2 span {

	background-color: transparent;

	border: none;

	padding: 7px 12px 4px 12px;

	border-left: 5px solid #009be3;

	font-size: 100%;

	background-image: none !important;

}



/*▼特殊パターン▼*/



h2.addH2dealingStyle1 {

	background-image: none !important;

	background-color: #f5f5f5;



}





h2.addH2dealingStyle1 span {

	padding: 7px 12px 4px 12px;

	border-left: 5px solid #009be3;

	background-image: none !important;

	background: none !important ;



}



div#Contents h2.ImageHeadingStyle1,div#Contents h2.ImageHeadingStyle1 a {

	border: none;

	padding: 0;

	line-height: 1;

	border-bottom: none;

}



div#Contents h2.ImageHeadingStyle1 a img {

	vertical-align: bottom;

}





div#Contents h2.Image {

	margin: 0 0 10px;

	padding: 0;

	border: none;

	background: none;

}

div#Contents h2.Image span {

	display: inline;

	padding: 0;

	border: none;

	background: none;

}





div.Grid3 h2.Base01,

div.Grid3 h2.Frd01,

div.Grid3 h2.Fit01,

div.Grid3 h2.Flx01 {

border:none;

margin: 0 0 15px 0;

padding: 0;

border-left: none;

}



div.Grid3 h2.Base01 span,

div.Grid3 h2.Frd01 span,

div.Grid3 h2.Fit01 span,

div.Grid3 h2.Flx01 span {

border:none;

display: block;

font-size: 80%;

line-height: 1.35;

border:none;

padding: 11px 0 12px 24px;

background: url("/products/et/images/h2_bottom.jpg") no-repeat 0 100% !important;

margin:0;

font-weight: bold;

}



div.Grid1 div#VerticalLocalNavi ul li a strong sup,

div.Grid1 div#VerticalLocalNavi ul li a strong sub,

div.Grid1 div#VerticalLocalNavi ul li a:hover sup,

div.Grid1 div#VerticalLocalNavi ul li a:hover sub {

	color: #fff;

}





/*▲特殊パターン▲*/





div.Grid3 h2 span a,

div.Grid4 h2 span a,

div#PopUpContents h2 span a {

	color: #08427c;

	text-decoration: none;

	display: block;

	background: url("/image/h1/add/icon/icon_link_h2.gif") no-repeat right 0.4em;

	}



div.Grid3 h2 span a:hover,

div.Grid4 h2 span a:hover,

div#PopUpContents h2 span a:hover {

	background: url("/image/h1/add/icon/icon_link_h2_on.gif") no-repeat right 0.4em;

	}









/*h2 右側リンクあり*/



div#Contents div.LV1LinkSet {

	border-top: none;

	border-bottom: 2px solid #c3c3c3;

	padding: 6px;

	background-color: #f5f5f5;

}



div#Contents div.LV1LinkSet div {

	border: none;

	background-color: inherit;

	border-left: 5px solid #009be3;

	padding: 7px 12px 4px 12px;

}



div#Contents div.LV1LinkSet div h2 {

	border-bottom: none;

	padding: 0;

	font-size: 130%;

}



.LV1LinkSet div ul {

	float: right;

	padding-top: 4px;

}



.LV1LinkSet div ul li {

	font-size: 76%;

	line-height: 130%;

}



.LV1LinkSet div ul li a {

	padding: 0 17px 0 0;

	background-repeat: no-repeat;

	background-position: right 45%;

}



.LV1LinkSet div ul li a:link,

.LV1LinkSet div ul li a:visited {

	text-decoration: none;

	background-image: url(../../../image/jp/r1/icon/icon_link_right.gif);

}



.LV1LinkSet div ul li a:hover,

.LV1LinkSet div ul li a:active {

	text-decoration: underline;

	background-image: url(../../../image/jp/r1/icon/icon_link_right_hover.gif);

}



.LV1LinkSet div ul li a img {

	width: 52px;

	max-width: 52px;

	height: 22px;

	margin: -4px -20px 0 0;

	_margin-right: -10px;

}





div#Contents h3,

div#PopUpContents h3 {

	font-weight: normal;

	color: #333333;

	font-size: 100%;

}





div#Contents h3 a:link,

div#PopUpContents h3 a:link {

	color: #08427c;

	text-decoration: none;

}



div#Contents h3 a:hover,

div#PopUpContents h3 a:hover {

	color: #08427c;

	text-decoration: underline;

}





div#Contents h3 a:visited,

div#PopUpContents h3 a:visited {

	color: #08427c;

	text-decoration: none;

}







div#Contents h4,

div#PopUpContents h4 {

	font-weight: normal;

	border-left: 4px solid #009be3;

	padding: 1px 5px;

}



div#Contents h4 a,

div#PopUpContents h4 a {

	text-decoration: none;

	color: #08427c;

}



div#Contents h4 a:hover,

div#PopUpContents h4 a:hover {

	text-decoration: underline;

}







h1 a[name],h2 a[name],h3 a[name],h4 a[name] {text-decoration: none !important; color: #333 !important; background-image: none !important;}



/* [c16] 枠囲み

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



/* ---[c16-1-1] 枠囲み > パターンA--- */

/* ---[c16-1-2] 枠囲み > パターンA > 見出しにリンクあり--- */

div.BoxPatternA {

	 margin: 0 0 15px;

}



div#Contents div.BoxPatternA h2,

div#PopUpContents div.BoxPatternA h2,

div.BoxPatternA p.Title {

	border-bottom: none;

	margin-bottom: 0;

	font-size: 120%;

	padding: 10px 10px 6px 10px;

	background-color: #f0f0f0;

	border-top: 2px solid #aaa;

}



div.BoxPatternA p.Title strong {

	border: none;

	margin: 0;

	padding: 0;

	font-weight: normal;

}





div#Contents div.BoxPatternA h2 a {

	text-decoration: none;

	display: block;

	background: url("/image/h1/add/icon/icon_link_h2.gif") no-repeat right 0.4em;

}



div#Contents div.BoxPatternA h2 a:hover {

	text-decoration: underline;

	background: url("/image/h1/add/icon/icon_link_h2_on.gif") no-repeat right 0.4em;

}





div#Contents div.BoxPatternA div.Inner,

div#PopUpContents div.BoxPatternA div.Inner {

padding: 10px 10px 0;

	 border: 2px solid #f0f0f0;

}





/* ---[c16-2-1] 枠囲み > パターンB--- */

/* ---[c16-2-2] 枠囲み > パターンB > 見出しにリンクあり--- */

div#Contents div.BoxPatternB {

margin: 0 0 15px;

border: 3px solid #f0f0f0;

}



div#Contents div.BoxPatternB h2,

div.BoxPatternB p.addTitle strong {

	border-bottom: none !important;

	background-color: inherit !important;

	font-size: 100% !important;

	padding: 10px 10px 0 !important;

	font-weight: normal !important;

}





/*--- [c16-1-a01] 枠囲み > パターンA > 問い合わせ ---*/

div#Contents div.BoxPatternA.BoxA01 { border-top: 3px solid #009be3; }

div.BoxPatternA.BoxA01 p.Title strong {

	padding-top: 11px;

	border-left: solid 1px #b0d1e5;

	border-right: solid 1px #b0d1e5;

	background: url("/image/h1/add/bg_box_a01_title.gif") repeat-x 0 0 #daf0fd;



}

div#Contents div.BoxPatternA.BoxA01 h2,

div#Contents div.BoxPatternA.BoxA01 h3,

div#Contents div.BoxPatternA.BoxA01 h4 {

	border: none;

	background-image: none;

	background-color: #d9f3ff;

}

div#Contents div.BoxPatternA.BoxA01 div.Inner { border: 3px solid #d9f3ff; }

div.Grid3 .BoxPatternA.BoxA01 div.Column1andHalf {

	width: 342px;

	margin: 0 0 0 14px;

}

div.Grid3 .BoxPatternA.BoxA01 div.FirstItem { margin: 0; }

div.Grid3 .BoxPatternA.BoxA01 div.LastItem {

	float: right;

	margin: 0;

}





/* [c18] コンテンツナビゲーション

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



/* ---[c18-1] コンテンツナビゲーション > 1階層分--- */

.CategoryNavi,

div.Grid4 div.addCategoryNavi,

.TabNavi {

	clear: both;

	padding: 0 0 20px;

	overflow: hidden;

}



.CategoryNavi ul,

div.Grid4 div.addCategoryNavi ul,

.TabNavi ul {

	margin: 0;

	background-color: #e1e1e1;

	overflow: hidden;

}



div.Grid4 div.addCategoryNavi ul.Top1 li,

div.Grid4 div.addCategoryNavi ul.Top2 li,

div.CategoryNavi ul.Top1 li,

div.CategoryNavi ul.Top2 li {

float: left;

	background: url(/image/h1/bg_category_navi.gif) no-repeat right center !important;

	margin: 0 !important;

	line-height: 1.35;

	overflow: hidden;

/*background-color: #e1e1e1;

line-height: 1.35;*/

}

div.Grid4 div.addCategoryNavi ul.Top1 li a,

div.Grid4 div.addCategoryNavi ul.Top2 li a,

div.CategoryNavi ul.Top1 li a,

div.CategoryNavi ul.Top2 li a {

	position: relative;

	float: left;

	display: block;

	min-width: 100px;

	height: 30px;

	padding: 16px 20px 0 !important;

	font-size: 110%;

	text-align: center;

	background-image: none !important;

	border-bottom: none !important;

	color: #333;

	text-decoration: none !important;

}

div.Grid4 div.addCategoryNavi ul.Top1 li.Current,

div.Grid4 div.addCategoryNavi ul.Top2 li.Current,

div.CategoryNavi ul.Top1 li.Current,

div.CategoryNavi ul.Top2 li.Current {

float: left;

	background: url(/image/h1/bg_category_navi.gif) no-repeat right center;

}



div.Grid4 div.addCategoryNavi ul.Top1 li.Current,

div.Grid4 div.addCategoryNavi ul.Top2 li.Current,

div.CategoryNavi ul.Top1 li.Current,

div.CategoryNavi ul.Top2 li.Current { 

	margin: 0  !important;

	background: none !important;

	 

}

/*div.CategoryNavi ul.Top2 li.Current { margin: 0 3px 3px 0; }*/



div.Grid4 div.addCategoryNavi ul.Top1 li.Current a,

div.Grid4 div.addCategoryNavi ul.Top2 li.Current a,

div.CategoryNavi ul.Top1 li.Current a,

div.CategoryNavi ul.Top2 li.Current a {

	display: block;

	border-bottom: none;

	color: #fff;

	text-decoration: none;

	background: #b1000e none !important;

	height: 30px;

	padding: 16px 20px 0 !important;

}



div.Grid4 div.addCategoryNavi ul.Top1 li.Current a strong,

div.Grid4 div.addCategoryNavi ul.Top2 li.Current a strong,

div.CategoryNavi ul.Top1 li.Current a strong,

div.CategoryNavi ul.Top2 li.Current a strong,

div.CategoryNavi ul.Top1 li.Current a em,

div.CategoryNavi ul.Top2 li.Current a em {

	color: #ffffff;

	background-color: #b1000e !important;

	/*padding: 0;*/

	font-weight: bold;

	text-decoration: none;

}

div.CategoryNavi li.Current a em,div.Grid4 div.addCategoryNavi li.Current a em { font-style: normal; }

div.CategoryNavi li.Current a:link em,div.Grid4 div.addCategoryNavi li.Current a:link em { color: #08427c; text-decoration: underline; } 

div.CategoryNavi li.Current a:visited em,div.Grid4 div.addCategoryNavi li.Current a:visited em { color: #551a8b; text-decoration: underline; }

div.CategoryNavi li.Current a:hover em,div.Grid4 div.addCategoryNavi li.Current a:hover em { color: #890000; text-decoration: underline; }

div.CategoryNavi li.Current a:active em,div.Grid4 div.addCategoryNavi li.Current a:active em { color: #890000; text-decoration: underline; }



div.Grid4 div.addCategoryNavi ul.Top1 li a:hover, 

div.Grid4 div.addCategoryNavi ul.Top1 li a:active,

div.Grid4 div.addCategoryNavi ul.Top1 li.Current a,

div.Grid4 div.addCategoryNavi ul.Top2 li a:hover, 

div.Grid4 div.addCategoryNavi ul.Top2 li a:active,

.CategoryNavi ul.Top1 li a:hover, 

.CategoryNavi ul.Top1 li a:active,

.CategoryNavi ul.Top1 li.Current a,

.CategoryNavi ul.Top2 li a:hover, 

.CategoryNavi ul.Top2 li a:active,

.TabNavi li a:hover, 

.TabNavi li a:active,

.TabNavi li.Current a {

	color: #fff;

	text-decoration: none;

	background-color: #b1000e !important;

}









/*---[c18-2] コンテンツナビゲーション > 2階層分 > 2階層目の現在地表示あり---*/

div.CategoryNavi ul.Bottom {

margin: 0 0 0 0;

padding: 12px 8px 0px 8px;

border: 3px solid #e1e1e1;

border-top: none;



background-color: #ffffff;

font-size: 83%;

}



div.CategoryNavi ul.Bottom li a {

	color: #333;

	text-decoration: none;

	padding: 0.2em;

}



div.CategoryNavi ul.Bottom li a:hover {

	background-color: #b1000e;

	color: #fff;

}









/* Win IE7 & IE6lower */

* html body div.CategoryNavi ul.Bottom { margin: -2px 0 0; }

*:first-child+html body div.CategoryNavi ul.Bottom { margin: -2px 0 0; }

/* */



div.CategoryNavi ul.Bottom li {

float: left;

margin: 0 0 12px 0;

padding: 0.1em 0.6em;

/*padding: 2px 7px 4px 0;*/

border-right: 1px solid #bbbbbb;

}

div.CategoryNavi ul.Bottom li a {

white-space: nowrap;

}

div.CategoryNavi ul.Bottom li.Current a em {

padding: 1px 4px;

background-color: #bbbbbb;

font-style: normal;

}

div.CategoryNavi ul.Bottom li.Current strong {

	padding: 0.2em;

background-color: #b1000e;

color: #ffffff;

font-weight: bold;

text-decoration: none;



}







/* [c14] Data Table

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



/* --- [c14-1-1] Data Table --- */

/* --- [c14-1-2] Data Table > With Captions --- */

/* --- [c14-2-1] Data Table > Width: 100% --- */

/* --- [c14-2-2] Data Table > Width: 100% > With Captions --- */

/* --- [c14-2-3] Data Table > Width: 100% > Multiple Headers --- */

/* --- [c14-3-1] Data Table > op-aligned --- */



table {

	margin: 0 0 20px;

	border-collapse: collapse;

}



table th {

	background-color: #f2f2f2;

	font-weight: normal;

}



table td.SubHeader {

	background-color: #f8f8f8;

	font-weight: normal;

}



table th,

table td {

	padding: 10px 15px;

	border: solid 1px #ddd;

	font-size: 83%;

	text-align: left;

}



table.TableStyle1 caption,

table.TableStyle3 caption,

table.TableStyle5 caption {display: none;}



table.TableStyle2 caption,

table.TableStyle4 caption {

	padding: 0 0 5px;

	font-size: 83%;

	text-align: left;

}

table.TableStyle3,

table.TableStyle4 {width: 100%;}



table.TableStyle5 th,

table.TableStyle5 td {vertical-align: top;}





/* --- [-] Font Size in Data Table --- */



table .TextStyle2,

table .ImgOnlyStyle,

table .ListStyle2,

table .LinkListStyle2,

table .LinkListStyle4,

table .LinkListStyle6,

table .AnnotationsStyle2,

table .AdditionalNotesStyle2,

table .ButtonStyle1,

table .ButtonStyle2,

table .ButtonW120SetStyle6 dt,

table .ButtonW180SetStyle6 dt,

table .ButtonW240SetStyle6 dt,

table .ButtonW120SetStyle6 dd,

table .ButtonW180SetStyle6 dd,

table .ButtonW240SetStyle6 dd,

table .ButtonW120SetStyle8 dt,

table .ButtonW180SetStyle8 dt,

table .ButtonW240SetStyle8 dt,

table .ButtonW120SetStyle8 dd,

table .ButtonW180SetStyle8 dd,

table .ButtonW240SetStyle8 dd,

table .PlugInBanner {font-size: 100%;}









/* [c--] ローカルナビゲーション

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



#VerticalLocalNavi {

}



#VerticalLocalNavi h2 {

	border-bottom: none;

	

}







/*汎用*/



.mb0 {

	margin-bottom: 0 !important;

}