@charset "utf-8";

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

Name: syteline.css

Description: Setting of content module

Create: 2014.12.18
Update: 2015.02.27
Update: 2017.10.25 ※HDS　add

Copyright 2012 Hitachi Systems, Ltd. 

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



/* content===========================================
[c1] ページタイトル
[c2] 見出し
[c11] リンクリスト
[c13] アイコンリンク
[c14] データテーブル
[c16] 枠囲み
[xx] 日立システムズが選ばれる理由 特殊モジュール
[xx] 導入事例 特殊モジュール
[s2] サイトアイデンティティ
[sn4] 縦型ローカルナビゲーション（クラウド専用）
[-] トップページ
[-] フッタナビ
[-] 共通クラス
===================================================== */
/*--既存モジュールReset--*/
h2 { background:none; border:none; margin: 0; padding: 0;}

/*---20141225追加---*/
div.Inner ul li.ListSL {
	background:url("/-/media/ind/syteline/image/list_icon_green.png") no-repeat 0 0.65em;
	line-height: 2;
	padding: 0 0 0 15px;
	font-size:110%;
}

div.Inner ul li.ListSL .text-bold {
	font-weight:bolder; 
	color:#23649A;
}

ul.LinkListStyle1 li.arrowSL {
	background:url("/-/media/ind/syteline/image/link_list_icon_blue.png") no-repeat 0 0.5em;
	line-height: 1.8;
	font-size:140%;
}

div.FAQSetStyle.DottedBorder-B.ClearFix p.TextStyle1 a:link {
	padding:0 20px 0 0;
	background-image:url("/-/media/ind/syteline/image/icon_link_right.gif") ;
	background-repeat : no-repeat;
	background-position: right center;
	zoom:1;
	}
	
/*---20141224追加---*/
div.BoxPatternA.GenBoxA01 h2.TitleSL01,
div.BoxPatternA.GenBoxA01 h2.TitleSL02,
div.BoxPatternA.GenBoxA01 h2.TitleSL03,
div.BoxPatternA.GenBoxA01 h2.TitleSL04,
div.BoxPatternA.GenBoxA01 h2.TitleSL07,
div.BoxPatternA.GenBoxA01 h2.TitleSL08,
div.BoxPatternA.GenBoxA01 h2.TitleSL09,
div.BoxPatternA.GenBoxA01 h2.TitleSL10
 {
	font-size:150%;
	font-weight:normal;
	color: #333333;
	background-color: #ebebeb;
	border-bottom:8px solid #c9c9c9;
	padding:0;
}

/*---20150225修正 右ナビ用---*/
div.BoxPatternA.GenBoxB01 h2.TitleSL05,
div.BoxPatternA.GenBoxB01 h2.TitleSL06 {
	font-size:120%;
	font-weight:normal;
	color: #333333;
	background-color: #ebebeb;
	border-bottom:8px solid #c9c9c9;
	padding:0;
}

div.BoxPatternA.GenBoxA01 h2.TitleSL02 span,
div.BoxPatternA.GenBoxA01 h2.TitleSL03 span,
div.BoxPatternA.GenBoxA01 h2.TitleSL07 span,
div.BoxPatternA.GenBoxA01 h2.TitleSL08 span,
div.BoxPatternA.GenBoxA01 h2.TitleSL09 span,
div.BoxPatternA.GenBoxA01 h2.TitleSL10 span {
	margin: 0;
	padding:13px 58px 10px;
	background-color: #ebebeb;
}

div.BoxPatternA.GenBoxA01 h2.TitleSL01 span,
div.BoxPatternA.GenBoxA01 h2.TitleSL04 span {
	margin: 0;
	padding:13px 9px 10px;
	background-color: #ebebeb;
}

/*--TopPage_h2Title_Icon_Image--*/
div.BoxPatternA.GenBoxA01 h2.TitleSL01 span {/*--汎用--*/
	background: url(/-/media/ind/syteline/image/bg_img_icon01.png) no-repeat right top;
	color: #333;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL02 span {/*---SyteLineとは_Icon_Left_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon02.png) no-repeat left top;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL03 span {/*---特長_Icon_Left_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon03.png) no-repeat left top;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL04 span {/*---FAQ_Icon_Right_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon04.png) no-repeat right top;
}
div.BoxPatternA.GenBoxB01 h2.TitleSL05 span {/*---お知らせ_Icon_Left_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon05.png) no-repeat left top;
}
div.BoxPatternA.GenBoxB01 h2.TitleSL06 span {/*---セミナー_Icon_Left_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon06.png) no-repeat left top;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL07 span {/*---機能_Icon_Left_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon07.png) no-repeat left top;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL08 span {/*---導入_Icon_Left_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon08.png) no-repeat left top;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL09 span {/*---動作_Icon_Left_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon09.png) no-repeat left top;
}
div.BoxPatternA.GenBoxA01 h2.TitleSL10 span {/*---事例_Icon_Left_Type---*/
	background: url(/-/media/ind/syteline/image/bg_img_icon10.png) no-repeat left top;
}
div.BoxPatternA.GenBoxB01 h2.TitleSL05 span,
div.BoxPatternA.GenBoxB01 h2.TitleSL06 span {
	margin: 0;
	padding:15px 10px 10px 60px;
	color: #333;
}
/*20150225*/
div.ColumnSet div.BoxPatternA.GenBoxA01.Panel div.Inner {/*--ColumnSet内のみ適用--*/
	position:relative;
	padding: 15px 20px 15px;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: #ebebeb;
	background-color: #fff;
	background-image:url("/-/media/ind/syteline/image/bg_short_box_shadow.png") ;
	background-position: 100% 0%;
	background-repeat:no-repeat;
	z-index: 0;
}
div.ColumnSet div.BoxPatternA.GenBoxA01.Panel.bl-hover div.Inner {/*--biggerLink_hover--*/
	border-color: #d9e3e7;
	background-color: #ebfdff;
	
}

div.ColumnSet div.BoxPatternA.GenBoxA01.Panel.bl-hover  div.Inner div.ImgRightAdjust p.ImgOnlyStyle img {
	background-image: url("/-/media/ind/syteline/image/btn_panel_arrow_on.png") ;
	background-position: 100%;
	background-repeat: no-repeat;
	position:absolute;
	bottom: 4px;
	right: 4px;
	z-index: -2;
	
}
div.ColumnSet div.BoxPatternA.GenBoxA01.Panel div.Inner div.ImgRightAdjust p.ImgOnlyStyle img {
	background-image: url("/-/media/ind/syteline/image/btn_panel_arrow.png") ;
	background-position: 99.99% 99.99%;
	background-repeat: no-repeat;
	position:absolute;
	bottom: 4px;
	right: 4px;
	z-index: -2;
	
}

div.ColumnSet div.BoxPatternA.GenBoxA01 div.Inner p.TextStyle1 { word-wrap: break-word;}

/*20141224追加*/
div.BoxPatternA.GenBoxA01 div.Inner {
	padding: 15px 20px 15px;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: #ebebeb;
	background-image:url("/-/media/ind/syteline/image/bg_box_shadow.png") ;
	background-position: 100% 0%;
	background-repeat:no-repeat;
}
div.BoxPatternA.GenBoxB01 div.Inner {
	padding: 15px 10px 10px;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: #ebebeb;
	background-image:url("/-/media/ind/syteline/image/bg_box_shadow.png") ;
	background-position: 100% 0%;
	background-repeat:no-repeat;
}

ul.LinkListStyle1.ListRightAdjust li.ImportantGen01 {
	background:url("/-/media/ind/syteline/image/icon_link_green.png") no-repeat 0 0.5em;
	padding:4px 0 2px 20px;	
	}

div.BoxPatternA.GenBoxA01 ul.LinkListStyle1.ListRightAdjust {
	margin: 20px 0 0 10px;
	}
	
div.BoxPatternA.GenBoxA01 div.Inner dl.DateListStyle2 dd {
	margin-bottom: 10px;
	padding-bottom :10px;
	background: url("/-/media/ind/syteline/image/bg_dotted_border.gif") repeat-x 0 100%;
	}
	
/*---Reset---*/	
div.BoxPatternA.GenBoxA01 div.Inner dl.DateListStyle2 dd ul.LinkListStyle1 li  { background:none !important;}	
	
div.BoxPatternA.GenBoxA01 div.Inner dl.DateListStyle2 dd a:link {
	padding:0 20px 0 0;
	background-image:url("/-/media/ind/syteline/image/icon_link_right.gif") ;
	background-repeat : no-repeat;
	background-position: right center;
	zoom:1;
	}

div.BoxPatternA.GenBoxA01 dl dt.Important {
background: none;
}
div.BoxPatternA.GenBoxA01 dl dt.Important a:link {
background-image: url("/-/media/ind/syteline/image/icon_link_right.gif");
background-position:left center;
background-repeat:no-repeat;
}

/*---2015025追加_h1タイトル画像--*/
div.PageTitleStyleGen01.general div {/*--汎用--*/
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon01.png") no-repeat right top;
}
div.PageTitleStyleGen01.about div {/*---～とは---*/
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon02.png") no-repeat right top;
}
div.PageTitleStyleGen01.feature div {
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon03.png") no-repeat right top;
}
div.PageTitleStyleGen01.func div {
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon07.png") no-repeat right top;
}
div.PageTitleStyleGen01.faq div {
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon04.png") no-repeat right top;
}
div.PageTitleStyleGen01.info div {
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon05.png") no-repeat right top;
}
div.PageTitleStyleGen01.semi div {
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon06.png") no-repeat right top;
}
div.PageTitleStyleGen01.flow div {
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon08.png") no-repeat right top;
}
div.PageTitleStyleGen01.req div {
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetite_icon09.png") no-repeat right top;
}

div.PageTitleStyleGen01.case div {
	background-color: #ebebeb;
	background: url("/-/media/ind/syteline/image/bg_pagetitle_icon10.png") no-repeat right top;
}



div.PageTitleStyleGen01.general,
div.PageTitleStyleGen01.about,
div.PageTitleStyleGen01.feature,
div.PageTitleStyleGen01.func,
div.PageTitleStyleGen01.faq,
div.PageTitleStyleGen01.info,
div.PageTitleStyleGen01.semi,
div.PageTitleStyleGen01.flow,
div.PageTitleStyleGen01.case,
div.PageTitleStyleGen01.req
 {
	background-color: #ebebeb;
    min-height: 0;
    padding:0;
}

div.PageTitleStyleGen01 {
	margin: 0 0 15px;
	border-bottom: 8px solid #c9c9c9;
}
div.PageTitleStyleGen01 h1 {
	margin: 0 0 10px;
	font-size: 173%;
	font-weight: normal;
	line-height: 1.2;
}
div.PageTitleStyleGen01 h1,
div.PageTitleStyleGen01 h1 a,
div.PageTitleStyleGen01 h1 a:hover {	color: #333333; }

div.PageTitleStyleGen01 div {
/**/	min-height: 65px;
	padding: 25px 160px 10px 23px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}


/*ERP_Mod BOXセンタリング*/
div.CenterBox { margin:0 auto 0 auto;}

/*ERP_Mod DateList*/
dl.DateListStyle1 { font-size:90%;}

div.PageTitleStyleGen01 h1,
div.PageTitleStyleGen01 p.SubTitle,
div.PageTitleStyle3 p,
div.PageTitleStyle3 h1,
h2.TitleStyleGen01,
h2.TitleStyleGen02,
h3.TitleStyleGen01,
h3.TitleStyleGen02,
h4.TitleStyleGen01,
div.BoxPatternA.GenBoxA01 h2,
div.BoxPatternA.GenBoxA01 h3,
div.BoxPatternA.GenBoxA01 h4,
div.BoxPatternA.GenBoxA01 p.Title strong,
div.BoxPatternA.GenBoxA02 h2,
div.BoxPatternA.GenBoxA02 h3,
div.BoxPatternA.GenBoxA02 h4,
div.BoxPatternA.GenBoxA02 p.Title strong,
div.BoxPatternA.GenBoxA03 h2,
div.BoxPatternA.GenBoxA03 h3,
div.BoxPatternA.GenBoxA03 h4,
div.BoxPatternA.GenBoxA03 p.Title strong,
div.BoxPatternB.GenBoxB01 h2,
div.BoxPatternB.GenBoxB01 h3,
div.BoxPatternB.GenBoxB01 h4,
div.BoxPatternB.GenBoxB01 p.Title strong,
div.BoxPatternB.GenBoxB02 h2,
div.BoxPatternB.GenBoxB02 h3,
div.BoxPatternB.GenBoxB02 h4,
div.BoxPatternB.GenBoxB02 p.Title strong,
div.RelatedProdBtnGen01 dl.RelatedLink dd strong,
div.LV1CopySetGen01 h2,
div.LV1CopySetGen01 p,
div.FAQSetStyle h3 {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}



/* [c1] ページタイトル
=========================================================================================== */
/* ---[c1-1-x] ページタイトル > テキスト--- */

/*---20150106削除--*/
/*div.PageTitleStyleGen01 {
	margin: 0 0 15px;
	border: 7px solid #dddddd;
	border: 7px solid #D8E3E5;

}*/
/*div.PageTitleStyleGen01 div {
	min-height: 100px;
	padding: 25px 160px 10px 23px;
	background-color: #25689B;
	background-color:#2b7ab6;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}*/
/*--20150106削除
div.PageTitleStyleGen01 h1 {
	margin: 0 0 10px;
	font-size: 173%;
	font-weight: normal;
	line-height: 1.2;
}

div.PageTitleStyleGen01 h1,
div.PageTitleStyleGen01 h1 a,
div.PageTitleStyleGen01 h1 a:hover { color: #ffffff; }
*/
div.PageTitleStyleGen01 p.SubTitle {
	font-size: 133%;
	color: #ffffff;
}
div.PageTitleStyleGen01 p.SubTitle strong {
	color: #ffffff;
	font-weight: normal;
	line-height: 1.2;
}

div.PageTitleStyle3 div.Semi,
div.PageTitleStyle3 div.Abou,
div.PageTitleStyle3 div.Case,
div.PageTitleStyle3 div.Prod,
div.PageTitleStyle3 div.Topi {
	border: solid 7px #ddd;
	background-repeat:no-repeat;
	background-position:top right;
	min-height:240px;
}

div.PageTitleStyle3 div.Case {
	background-image: url("/-/media/ind/syteline/case/image/pagetitle_case.jpg");
	background-color:#F5F9FC;
}

div.PageTitleStyle3 h1 {
}

div.PageTitleStyle3 p,div.PageTitleStyle3 h1 {
	margin-left:24px;
	width:340px;
}


div.PageTitleStyle3 h1 {
	font-weight:bold;
	font-size:180%;
	padding:26px 0 12px 0;
}

div.PageTitleStyle3 h1 a {
	color:#537689;
}

div.PageTitleStyle3 p.h1_txt {
	color:#666;
	line-height:1.7em;
	font-weight: normal;
	font-size:100%;
	word-wrap:break-word;
	width:340px;

}


/*複数要素がある場合は連番class付けて量産*/




/* [c2] 見出し
=========================================================================================== */
/* ---[c2-1-1] 見出し > レベル1--- */
/* ---[c2-1-2] 見出し > レベル1 > リンクあり--- */
h2.TitleStyleGen01 {
	margin: 0 0 10px;
	padding: 0 0 6px;
	border: none;
	background: url("/-/media/ind/syteline/image/bg_title_border.gif") repeat-x 0 100%;
	font-size: 100%;
	font-weight: bold;
}

h2.TitleStyleGen01 a:link {
	color: #06417E !important;
	text-decoration: none;
}
h2.TitleStyleGen01 a:visited { 
	color: #551A8B !important;
	text-decoration: none;
}
h2.TitleStyleGen01 a:hover {
	color: #0961bb !important;
	text-decoration: underline;
}

h2.TitleStyleGen01 span {
	display: block;
	padding: 8px 0 8px 8px;
	border-width: 0 0 0 5px;
	border-style: solid;
/*		border-color: #4a63b9;
	border-color: #989898;　　*/
	border-color: #2b7ab6;
	line-height: 1.2;
	font-size: 125%;
	color: #555555;
}
/*--ERP_Mod--*/
h2.TitleStyleGen01.Case span {
	display: block;
	padding: 8px 0 8px 8px;
	border-width: 0 0 0 5px;
	border-style: solid;
	border-color: #257a6d;
	line-height: 1.2;
	font-size: 100%;
	color: #555555;
}


h2.TitleStyleGen01 a {
	display: block;
	line-height: 1.2;
}
/*解除*/
h2.TitleStyleGen01 span span {
	display: inline;
	padding: 0;
	border: none;
}
/* */


/* ---[c2-1-x] 見出し > レベル1 > ピックアップ事例--- */
h2.TitleStyleGen02 {
	margin: 0 0 10px;
	padding: 0 0 6px;
	border: none;
	background: url("/-/media/ind/syteline/image/bg_title_border.gif") repeat-x 0 100%;
	font-size: 126.7%;
	font-weight: bold;
}
h2.TitleStyleGen02 span {
	display: block;
	padding: 8px 0 8px 8px;
	border-width: 0 0 0 5px;
	border-style: solid;
	border-color: #c64e00;
	line-height: 1.2;
	font-size: 100%;
	color: #555555;
}
h2.TitleStyleGen02 a {
	display: block;
	line-height: 1.2;
}
/*解除*/
h2.TitleStyleGen02 span span {
	display: inline;
	padding: 0;
	border: none;
}
/* */


/* ---[c2-x-x] 見出し > レベル1 > 事例 キャッチコピー付き--- */
div.LV1CopySetGen01 { margin: 0 0 15px;  }
div.LV1CopySetGen01 h2 {
	margin: 0 0 10px;
	padding: 0 3px 5px 25px;
	border-width: 0 0 2px;
	border-style: solid;
	border-color: #e2a67f;
	font-size: 106.7%;
	font-weight: normal;
	line-height: 1.35;
}
div.LV1CopySetGen01 p {
	font-size: 120%;
	line-height: 1.35;
}


/* ---[c2-2-1] 見出し > レベル2--- */
/* ---[c2-2-2] 見出し > レベル2 > リンクあり--- */
h3.TitleStyleGen01 {
	margin: 0 0 10px;
	padding: 0 5px 4px;
	border-bottom: 2px solid #dcdcdc;
	background: none;
	font-size: 126.7%;
	color: #555555;
}
/*解除*/
h3.TitleStyleGen01 span {
	display: inline;
	padding: 0;
	border: none;
	background: none;
}
/* */

/*解除*/
h3.TitleStyleGen02 span {
	display: inline;
	padding: 0;
	border: none;
	background: none;
}
/* */


/* ---[c2-3-1] 見出し > レベル3--- */
/* ---[c2-3-2] 見出し > レベル3 > リンクあり--- */

/*--ERP_Mod20141003ＧＩＦ変更--*/
h4.TitleStyleGen01 {
	margin: 0 0 10px;
	padding: 0 0 0 18px;
	border: none;
	background: url("/-/media/ind/syteline/image/icon_title2_2.gif") no-repeat 4px 0.3em transparent;
	font-size: 90%;
}

h4:before {
	display: none;
}


/* [c11] リンクリスト
=========================================================================================== */


/* ---[c11-5-1-1] リンクリスト > サムネール+説明文あり > サムネール60pix > 文字サイズ90%--- */
/* ---[c11-5-1-2] リンクリスト > サムネール+説明文あり > サムネール60pix > 文字サイズ83%--- */
/* ---[c11-5-2-1] リンクリスト > サムネール+説明文あり > サムネール120pix > 文字サイズ90%--- */
/* ---[c11-5-2-2] リンクリスト > サムネール+説明文あり > サムネール120pix > 文字サイズ83%--- */
/* ---[c11-5-3-1] リンクリスト > サムネール+説明文あり > サムネール180pix > 文字サイズ90%--- */
/* ---[c11-5-3-2] リンクリスト > サムネール+説明文あり > サムネール180pix > 文字サイズ83%--- */
div.ImgW50SetStyle p.Img,
div.ImgW60SetStyle p.Img,
div.ImgW70SetStyle p.Img,
div.ImgW80SetStyle p.Img,
div.ImgW90SetStyle p.Img,
div.ImgW100SetStyle p.Img,
div.ImgW110SetStyle p.Img,
div.ImgW120SetStyle p.Img,
div.ImgW128SetStyle p.Img,
div.ImgW130SetStyle p.Img,
div.ImgW133SetStyle p.Img,
div.ImgW140SetStyle p.Img,
div.ImgW150SetStyle p.Img,
div.ImgW160SetStyle p.Img,
div.ImgW170SetStyle p.Img,
div.ImgW180SetStyle p.Img,
div.ImgW190SetStyle p.Img,
div.ImgW200SetStyle p.Img,
div.ImgW210SetStyle p.Img,
div.ImgW220SetStyle p.Img,
div.ImgW230SetStyle p.Img,
div.ImgW240SetStyle p.Img,
div.ImgW250SetStyle p.Img,
div.ImgW260SetStyle p.Img,
div.ImgW270SetStyle p.Img,
div.ImgW280SetStyle p.Img,
div.ImgW290SetStyle p.Img,
div.ImgW300SetStyle p.Img,
div.ImgW310SetStyle p.Img,
div.ImgW320SetStyle p.Img,
div.ImgW330SetStyle p.Img,
div.ImgW340SetStyle p.Img,
div.ImgW350SetStyle p.Img,
div.ImgW360SetStyle p.Img,
div.ImgW370SetStyle p.Img,
div.ImgW380SetStyle p.Img,
div.ImgW390SetStyle p.Img,
div.ImgW400SetStyle p.Img {
	font-size: 83%;
	line-height: 1.35;
	letter-spacing: 0;
}

div.ImgW50SetStyle p.Img img,
div.ImgW60SetStyle p.Img img,
div.ImgW70SetStyle p.Img img,
div.ImgW80SetStyle p.Img img,
div.ImgW90SetStyle p.Img img,
div.ImgW100SetStyle p.Img img,
div.ImgW110SetStyle p.Img img,
div.ImgW120SetStyle p.Img img,
div.ImgW128SetStyle p.Img img,
div.ImgW130SetStyle p.Img img,
div.ImgW133SetStyle p.Img img,
div.ImgW140SetStyle p.Img img,
div.ImgW150SetStyle p.Img img,
div.ImgW160SetStyle p.Img img,
div.ImgW170SetStyle p.Img img,
div.ImgW180SetStyle p.Img img,
div.ImgW190SetStyle p.Img img,
div.ImgW200SetStyle p.Img img,
div.ImgW210SetStyle p.Img img,
div.ImgW220SetStyle p.Img img,
div.ImgW230SetStyle p.Img img,
div.ImgW240SetStyle p.Img img,
div.ImgW250SetStyle p.Img img,
div.ImgW260SetStyle p.Img img,
div.ImgW270SetStyle p.Img img,
div.ImgW280SetStyle p.Img img,
div.ImgW290SetStyle p.Img img,
div.ImgW300SetStyle p.Img img,
div.ImgW310SetStyle p.Img img,
div.ImgW320SetStyle p.Img img,
div.ImgW330SetStyle p.Img img,
div.ImgW340SetStyle p.Img img,
div.ImgW350SetStyle p.Img img,
div.ImgW360SetStyle p.Img img,
div.ImgW370SetStyle p.Img img,
div.ImgW380SetStyle p.Img img,
div.ImgW390SetStyle p.Img img,
div.ImgW400SetStyle p.Img img { margin-bottom: 5px; }


/*-- 画像右寄せ --*/
div.ImgW50SetStyle p.Img.RightAdjust,
div.ImgW60SetStyle p.Img.RightAdjust,
div.ImgW70SetStyle p.Img.RightAdjust,
div.ImgW80SetStyle p.Img.RightAdjust,
div.ImgW90SetStyle p.Img.RightAdjust,
div.ImgW100SetStyle p.Img.RightAdjust,
div.ImgW110SetStyle p.Img.RightAdjust,
div.ImgW120SetStyle p.Img.RightAdjust,
div.ImgW128SetStyle p.Img.RightAdjust,
div.ImgW130SetStyle p.Img.RightAdjust,
div.ImgW133SetStyle p.Img.RightAdjust,
div.ImgW140SetStyle p.Img.RightAdjust,
div.ImgW150SetStyle p.Img.RightAdjust,
div.ImgW160SetStyle p.Img.RightAdjust,
div.ImgW170SetStyle p.Img.RightAdjust,
div.ImgW180SetStyle p.Img.RightAdjust,
div.ImgW190SetStyle p.Img.RightAdjust,
div.ImgW200SetStyle p.Img.RightAdjust,
div.ImgW210SetStyle p.Img.RightAdjust,
div.ImgW220SetStyle p.Img.RightAdjust,
div.ImgW230SetStyle p.Img.RightAdjust,
div.ImgW240SetStyle p.Img.RightAdjust,
div.ImgW250SetStyle p.Img.RightAdjust,
div.ImgW260SetStyle p.Img.RightAdjust,
div.ImgW270SetStyle p.Img.RightAdjust,
div.ImgW280SetStyle p.Img.RightAdjust,
div.ImgW290SetStyle p.Img.RightAdjust,
div.ImgW300SetStyle p.Img.RightAdjust,
div.ImgW310SetStyle p.Img.RightAdjust,
div.ImgW320SetStyle p.Img.RightAdjust,
div.ImgW330SetStyle p.Img.RightAdjust,
div.ImgW340SetStyle p.Img.RightAdjust,
div.ImgW350SetStyle p.Img.RightAdjust,
div.ImgW360SetStyle p.Img.RightAdjust,
div.ImgW370SetStyle p.Img.RightAdjust,
div.ImgW380SetStyle p.Img.RightAdjust,
div.ImgW390SetStyle p.Img.RightAdjust,
div.ImgW400SetStyle p.Img.RightAdjust {
	float: right;
	margin: 0 0 0 15px;
	padding: 0 0 15px;
	text-align: left;
	font-size: 83%;
	line-height: 1.35;
	letter-spacing: 0;
}


/* ---[-] FAQ--- */
div.FAQSetStyle p.Img {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 5px;
}
div.FAQSetStyle p.Img {
	width: 35px;
	text-align: center;
}
div.FAQSetStyle p.Img img { vertical-align: top; }
div.FAQSetStyle div.ImgSet {
	float: left;
	margin-top: 3px;
}
div.FAQSetStyle div.ImgSet h3 {
	margin: 0 0 5px;
	padding: 0 0 0 1.25em;
	background-image: none;
	font-size: 106.7%;
	text-indent: -1.25em;
}
/*-2桁-*/
div.FAQSetStyle div.ImgSet h3.DoubleD {
	padding: 0 0 0 2.0em;
	text-indent: -2.0em;
}
div.Grid3 div.FAQSetStyle div.ImgSet,
div.Column3 div.FAQSetStyle div.ImgSet { width: 680px; }

/*--20141224追加--*/
div.BoxPatternA.GenBoxA01 div.FAQSetStyle p.TextStyle1 { width: 640px;  color: #333333;}
/*20150105追加*/
div.FAQSetStyle.DottedBorder-B {
	margin-bottom: 10px;
	padding-bottom: 0;
	background: url("/-/media/ind/syteline/image/bg_dotted_border.gif") repeat-x 0 100%;
}
/*
[c11-6-2] リンクリスト > 左側に日付 ERP_Mod 上下破線
=========================================================================================== */
dl.DateListStyle2.Dashed {
	padding:10px 0 0 0;
	margin-bottom: 20px;
	border-top:1px dashed #ccc;
	width:100%;
	
}
dl.DateListStyle2.Dashed dt {
	font-size: 100%;
}


/* [c13] アイコンリンク
=========================================================================================== */

/* ---[c13-1-1] アイコンリンク > 文字サイズ90%--- */
/* ---[c13-1-2] アイコンリンク > 文字サイズ83%--- */
/* ---[c13-2-1] アイコンリンク > 文字サイズ90% > 説明文あり--- */
/* ---[c13-2-2] アイコンリンク > 文字サイズ83% > 説明文あり--- */
/* ---[c13-3-1] アイコンリンク > 文字サイズ90% > ポップアップウィンドウのバリエーション--- */
/* ---[c13-3-2] アイコンリンク > 文字サイズ83% > ポップアップウィンドウのバリエーション--- */
/* ---[c13-4-1] アイコンリンク > 文字サイズ90% > 右寄せ > ダウンロード--- */
/* ---[c13-4-2] アイコンリンク > 文字サイズ83% > 右寄せ > ダウンロード--- */
/* ---[c13-5-1] アイコンリンク > 文字サイズ90% > 右寄せ > PDF--- */
/* ---[c13-5-2] アイコンリンク > 文字サイズ83% > 右寄せ > PDF--- */
/* ---[c13-6-1] アイコンリンク > 文字サイズ90% > 横並び--- */
/* ---[c13-6-2] アイコンリンク > 文字サイズ83% > 横並び--- */
/*
*/
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents .Check01 { background-position: 0 0.1em; }
/* */
ul.ListStyle1 li,
ul.ListStyle2 li {
	margin: 0 0 5px;
	padding: 0 0 0 1em;
	background: url(../../../image/jp/r1/icon/icon_list_marker_hd.gif) no-repeat 0 2px;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	line-height: 140%;
}


/* [c14] データテーブル
=========================================================================================== */
/* ---[c14-1-1] データテーブル--- */
/* ---[c14-1-2] データテーブル > キャプションあり--- */
/* ---[c14-2-1] データテーブル > 幅100%--- */
/* ---[c14-2-2] データテーブル > 幅100%--- */
/* ---[c14-2-3] データテーブル > 幅100% > 見出し複数表示--- */
/* ---[c14-3-1] データテーブル > 上寄せ--- */
table.GenTableA01 th {
	padding: 10px 10px 10px 15px;
	background: url("/-/media/ind/syteline/image/bg_table_a01_th_border.gif") repeat-y 0 0 #767676;
	color: #ffffff;
}
table.GenTableA01 th strong { color: #ffffff; }
table.GenTableA01 td { background-color: #dcdcdc; }
table.GenTableA01 th,
table.GenTableA01 td { border: 2px solid #ffffff; }
table.GenTableA01 th a { color: #ffffff; }


table.GenTableA02 {
	border: 7px solid #dcdcdc;
	margin-bottom: 20px;
}
table.GenTableA02 th { background-color: #f3f7fb; }
table.GenTableA02 th,
table.GenTableA02 td {
	border: 2px solid #dcdcdc;
	padding: 10px 15px;
	line-height: 160%;
}
/*--ERP_Mod th Bold20141003--*/
table.TableStyle3.GenTableA02 th[scope="row"] {
	font-weight:bold; 
	white-space:nowrap;	
}


/* ---[-] お知らせ、ニュースリリース--- */
table.TableStyleNews01 {
	margin: 0 0 15px;
	width: 100%;
	border-style: dashed;
	border-width: 1px 0 0;
	border-color: #cccccc;
}
table.TableStyleNews01 caption { display: none; }
table.TableStyleNews01 th,table.TableStyleNews01 td {
	padding: 10px;
	border-style: dashed;
	border-width: 0 0 1px;
	border-color: #cccccc;
	font-size: 90%;
	vertical-align: top;
}
table.TableStyleNews01 th {
	width: 20%;
	background-color: transparent;
}


/*[c16] 枠囲み
=========================================================================================== */
/* ---[c16-1-1] 枠囲み > パターンA--- */
/* ---[c16-1-2] 枠囲み > パターンA > 見出しにリンクあり--- */
div.BoxPatternA.GenBoxA01 { margin: 0 0 15px; }
div.BoxPatternA.GenBoxA01 h2,
div.BoxPatternA.GenBoxA01 h3,
div.BoxPatternA.GenBoxA01 h4,
div.BoxPatternA.GenBoxA01 p.Title {
	margin: 0;
	padding: 13px 9px 10px;
	border: none;
	background-image: none;
	background-color: #4a63b9;
	font-size: 90%;
	color: #ffffff;
}
div.BoxPatternA.GenBoxA01 p.Title strong {
	padding: 0;
	border: none;
	background: none;
	color: #ffffff;
	line-height: 1.35;
}

/*20150225*/
h2.TitleSL02 span a,
h2.TitleSL03 span a,
h2.TitleSL04 span a,
h2.TitleSL07 span a,
h2.TitleSL08 span a,
h2.TitleSL09 span a,
h2.TitleSL10 span a
 {
	color: #333 !important;
	text-decoration: none;
}

h2 a[href]:after {
	display: none;
}


/*div.BoxPatternA.GenBoxA01 h2 a,*/
div.BoxPatternA.GenBoxA01 h3 a,
div.BoxPatternA.GenBoxA01 h4 a,
div.BoxPatternA.GenBoxA01 p.Title a {
	color: #ffffff;
}


/*20141224削除
div.BoxPatternA.GenBoxA01 div.Inner {
	padding: 10px 9px 0;
	border-width: 0 2px 2px;
	border-style: solid;
	border-color: #4a63b9;
	background: none;
}
*/

/* ---[c16-1-2] 枠囲み > パターンA > グレイ--- */
div.BoxPatternA.GenBoxA02 { margin: 0 0 15px; }
div.BoxPatternA.GenBoxA02 h2,
div.BoxPatternA.GenBoxA02 h3,
div.BoxPatternA.GenBoxA02 h4,
div.BoxPatternA.GenBoxA02 p.Title {
	margin: 0;
	padding: 13px 9px 10px;
	border: none;
	background-image: none;
	background-color: #767676;
	font-size: 90%;
	color: #ffffff;
}


/* ---[c16-1-2] 枠囲み > パターンA >ERP_Mod20140929 イエロー-- */
div.BoxPatternA.GenBoxA02 { border:3px solid /*#ccc*/#d8e3e5; }
div.BoxPatternA.GenBoxA02 div.Inner { border:none !important; }
div.BoxPatternA.GenBoxA02 h2 {
	margin: 0;
	padding: 13px 9px 10px;
	border: none;
	background-image: none;
	
/*20141002修正	
	background-color: #F4C473;
	background-color: #767676;*/
	background-color:#537283;
	font-size: 90%;
	color: #ffffff;
}

/**/

div.BoxPatternA.GenBoxA02 p.Title strong {
	padding: 0;
	border: none;
	background: none;
	color: #ffffff;
	line-height: 1.35;
}
div.BoxPatternA.GenBoxA02 h2 a,
div.BoxPatternA.GenBoxA02 h3 a,
div.BoxPatternA.GenBoxA02 h4 a,
div.BoxPatternA.GenBoxA02 p.Title a {
	color: #ffffff;
}

div.BoxPatternA.GenBoxA02 div.Inner {
	padding: 10px 9px 0;
	border-width: 0 2px 2px;
	border-style: solid;
	border-color: #767676;
	background: none;
}


/* ---[c16-1-3] 枠囲み > パターンA > お客さまの概要--- */
div.BoxPatternA.GenBoxA03 { margin: 0 0 15px; }
div.BoxPatternA.GenBoxA03 h2,
div.BoxPatternA.GenBoxA03 h3,
div.BoxPatternA.GenBoxA03 h4,
div.BoxPatternA.GenBoxA03 p.Title {
	margin: 0;
	padding: 13px 9px 10px;
	border: none;
	background-image: none;
	background-color: #f29f69;
	font-size: 90%;
}
div.BoxPatternA.GenBoxA03 p.Title strong {
	padding: 0;
	border: none;
	background: none;
	line-height: 1.35;
}
div.BoxPatternA.GenBoxA03 div.Inner {
	padding: 15px 9px 0;
	border-width: 0 2px 2px;
	border-style: solid;
	border-color: #cccccc;
	background: none;
}
div.BoxPatternA.GenBoxA03 dl.CustomerSummay {
	margin: 0 0 15px;
	font-size: 83%;
}
div.BoxPatternA.GenBoxA03 dl.CustomerSummay dt { margin: 0 0 10px; }
div.BoxPatternA.GenBoxA03 dl.CustomerSummay dd { margin: -1.65em 0 4px 6em; }/* dtはmax5文字を想定 */


/*お客様の概要：写真エリア============================== */
div.BoxPatternA.GenBoxA03 .CustomerPhotoSet {
	margin:0 auto;
	clear:both;
}
div.BoxPatternA.GenBoxA03 .CustomerPhotoSet .ImgLeftAdjust img{
	display:block;
	margin:0 auto;
}

/*画像サイズセット*/
div.BoxPatternA.GenBoxA03 .ImgW240 { width:510px; }
div.BoxPatternA.GenBoxA03 .ImgW240 .ImgLeftAdjust{ width:240px; }

div.BoxPatternA.GenBoxA03 .ImgW250 { width:530px; }
div.BoxPatternA.GenBoxA03 .ImgW250 .ImgLeftAdjust{ width:250px; }

div.BoxPatternA.GenBoxA03 .ImgW260 { width:550px; }
div.BoxPatternA.GenBoxA03 .ImgW260 .ImgLeftAdjust{ width:260px; }

div.BoxPatternA.GenBoxA03 .ImgW270 { width:570px; }
div.BoxPatternA.GenBoxA03 .ImgW270 .ImgLeftAdjust{ width:270px; }


/*ロゴ配置*/
div.BoxPatternA.GenBoxA03 p.LogoStyle {
	float: right;
	margin: 0 0 10px;
}


/* ---[c16-1-3] 枠囲み > パターンA > グリッド1 問い合わせ--- */
div.BoxPatternA.GenBoxInquiry { margin: 0 0 15px; }
div.BoxPatternA.GenBoxInquiry h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div.BoxPatternA.GenBoxInquiry h2 img { vertical-align: bottom; }
div.BoxPatternA.GenBoxInquiry div.Inner {
	padding: 10px 9px 0;
	border-width: 0 2px 2px;
	border-style: solid;
	border-color: #4b8383;
	background: none;
}
div.BoxPatternA.GenBoxInquiry ul.VerticalImageList1,
div.BoxPatternC.GenBoxInquiry ul.VerticalImageList1 { margin: 0 0 10px; }


div.BoxPatternC.GenBoxInquiry {
	margin: 0 0 15px;
	padding: 10px 9px 0;
	border: 2px solid #4b8383;
	background: none;
}
.Grid1 .BoxPatternC.BoxC04 > .VerticalImageList1 li:first-child,
.Grid1 .BoxPatternC.BoxC04 > form >.VerticalImageList1 li:first-child {
	padding: 0;
}




/* ---[c16-2-1] 枠囲み > パターンB--- */
/* ---[c16-2-2] 枠囲み > パターンB > 見出しにリンクあり--- */
div.BoxPatternB.GenBoxB01 {
	margin: 0 0 15px;
	padding: 15px 9px 0;
	border: 2px solid #4a63b9;
}
div.BoxPatternB.GenBoxB01 h2,
div.BoxPatternB.GenBoxB01 h3,
div.BoxPatternB.GenBoxB01 h4,
div.BoxPatternB.GenBoxB01 p.Title {
	margin: 0 0 15px;
	padding: 0 9px;
	border: none;
	background: none;
	font-size: 90%;
}
div.BoxPatternB.GenBoxB01 p.Title strong { line-height: 1.35; }
div.BoxPatternB.GenBoxB01 div.Inner {
	padding: 0 9px;
}


/* ---[c16-2-2] 枠囲み > パターンB > グレイ--- */
div.BoxPatternB.GenBoxB02 {
	margin: 0 0 15px;
	padding: 15px 9px 0;
	border: 2px solid #767676;
}
div.BoxPatternB.GenBoxB02 h2,
div.BoxPatternB.GenBoxB02 h3,
div.BoxPatternB.GenBoxB02 h4,
div.BoxPatternB.GenBoxB02 p.Title {
	margin: 0 0 15px;
	padding: 0 9px;
	border: none;
	background: none;
	font-size: 90%;
}
div.BoxPatternB.GenBoxB02 p.Title strong { line-height: 1.35; }
div.BoxPatternB.GenBoxB02 div.Inner {
	padding: 0 9px;
}


/* ---[c16-3-1] 枠囲み > パターンC--- */
div.BoxPatternC.GenBoxC01 {
	margin: 0 0 15px;
	padding: 15px 9px 0;
	border: 2px solid #4a63b9;
	background: none;
}


/* ---[c16-3-2] 枠囲み > パターンC > グレイ--- */
div.BoxPatternC.GenBoxC02 {
	margin: 0 0 15px;
	padding: 15px 9px 0;
	border: 2px solid #767676;
	background: none;
}


/* ---[c16-x-x] 枠囲み > ページ下部 問い合わせ--- */

div.BoxInquiryGen01 h2 {
	margin: 0 0 27px;
	padding: 0;
	border: none;
	background: none;
}
div.BoxInquiryGen01 h2 img { vertical-align: bottom; }
div.BoxInquiryGen01 div.Inner { width: 582px; }
div.BoxInquiryGen01 ul li {
	float: left;
	margin: 0 9px 0 1px;
}
div.BoxInquiryGen01 ul li.LastItem {
	margin: 0;
	float: right;
}
div.BoxInquiryGen01 p {
	position: absolute;
	left: 183px;
	top: 122px;
}


/*---ERP_Mod1008 h2画像--*/
h2.Prod,
h2.Key {
	border:none;
	background:none;
	padding:0;
}


/* [xx] 日立システムズが選ばれる理由 特殊モジュール
=========================================================================================== */
/* -- 見出し > レベル2 -- */
h2.TitleStyleGen02Img {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}


/* [xx] 導入事例 特殊モジュール
=========================================================================================== */
/* -- ピックアップ導入事例 -- */
div.CasePickup {
	margin: 0 0 15px;
	padding: 0 0 1px;
	background: url("/-/media/ind/syteline/image/bg_dotted_border.gif") repeat-x 0 100%;
}
div.CasePickup h3 {
	margin: 0 0 5px;
	padding: 2px 0 3px 13px;
	background: url("/-/media/ind/syteline/image/icon_box_title.gif") no-repeat 0 0.1em;
	border-left: none;
	border-bottom: none;
}
div.CasePickup h3 a:visited {
	color: #595959 !important;
}
div.CasePickup p.Customer {
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	font-size: 83%;
	background: url("/-/media/ind/syteline/image/icon_boxcasetop_customer.gif") no-repeat 0 0.1em;
}
div.CasePickup p.RelatedKeyword {
	margin-bottom: 3px;
	font-size: 67%;
}
div.CasePickup p.RelatedKeyword img {
	margin-right: 4px;
	vertical-align: -0.3em;
}

div.Grid3 div.Column1andHalf div.BoxCaseTop div.ImgW133SetStyle div.ImgSet { width: 183px; }

div.case_box_01 {
	margin: 16px 0;
}

div.case_box_01 div.case_border {
	border: 1px solid #bbb;
	padding: 10px 10px 0 10px ;
}

div.case_box_01 div.case_border p {
	font-size: 90%;
	font-weight: bold;
}

div.case_box_01 div.case_border ul {
	border-bottom: 10px;
}

div.case_box_01 div.case_border ul li {
	font-size: 83%;
}


/*--ERP_Mod Syteline20141001-*/
div.BoxSyline {
	margin: 0 0 15px;
	padding: 10px ;
	border: 3px solid #d8e3e5;	
/*	background: #FAFDFB;*/
}
div.BoxSyline h4.BoxTitleCS01 {
	margin: 0 0 5px;
	padding: 2px 0 3px 13px;
	background: url("/-/media/ind/syteline/image/icon_box_title.gif") no-repeat 0 0.1em;
	border:none;
}
div.BoxSyline .Title .text-bold {
  font-size: 14px;
}
div.BoxSyline .ListStyle1 {
	margin-bottom: 20px;
}


/*---ERP_Mod Syteline TableStyle20141002---*/
table.TableStyle3.Syline { width:100%;}
table.TableStyle3.Syline th { white-space:nowrap; }
div.Column1andHalf.FirstItem table.TableStyle3.Syline {margin-bottom:0;}



/*--ERP_Mod Syteline ThickBox20141002--*/
p a.thickbox {
	display:block;
	width:60px;
	text-decoration:none; 
	border:2px solid #ccc; 
	background:#F9F9F6; 
	padding:5px;
	margin:5px auto auto auto;
	font-size:12px;
	text-align:center;
}

/*↓20170208オオガネ追加*/
.mt25{
	margin-top:25px;
}
/*↑20170208オオガネ追加*/
/*===========================================*/


div.BoxCaseTop p.CatchCopy {
	font-size: 83%;
	margin-bottom: 5px;
	letter-spacing: 0;
}
div.BoxCaseTop div.RelatedKeyword p.TextStyle2 {
	margin-bottom: 0;
	font-size: 67%;
}
div.BoxCaseTop div.RelatedKeyword p.TextStyle2 img {
	margin-right: 4px;
	vertical-align: -0.3em;
}


/* ---枠囲み > 導入事例 課題/効果のテーブルの枠--- */
div.BoxCaseIntro {
	margin: 0 0 15px;
	padding: 17px 7px 0;
	border: 3px solid #cccccc;
}



/*--ERP_Mod イベントセミナーテーブル --*/
table.TableStyle2.ErpSemi caption ,
table.TableStyle2.ErpSemi th {
	color:#fff;
	font-weight:bold;
}

table.TableStyle2.ErpSemi th {
	text-align:center; 
	background:#4BACC6;
	text-justify:auto;

}
table.TableStyle2.ErpSemi.off th {
	text-align:center; 
	background:#CBCBCB;
	text-justify:auto;

}
table.TableStyle2.ErpSemi td,
table.TableStyle2.ErpSemi th {
		border:3px solid #fff;
		margin:1px;
		padding:10px;
}
table.TableStyle2.ErpSemi td {
	background:#E9F1F5;
}
table.TableStyle2.ErpSemi td[colspan] {
	background:#DBEEF4;
	text-align:center;
}
table.TableStyle2.ErpSemi { width:100%;}
table.TableStyle2.ErpSemi { /*border:3px solid #e9e9e9;*/}

table.TableStyle2.ErpSemi caption {
	background:#999;
	margin:0;
	padding:10px 0 10px 0;
	text-indent:10px;
	width:99.2%;
	border-top:3px;
	border-right:3px;
	border-left:3px;
	border-bottom:0;
	border-style:solid;
	border-color:#fff;
}


/* MouseOver */
div.RelatedProdBtnGen01.bl-hover-relatedprodbtngen01 { background-position: -540px 0; }
div.RelatedProdBtnGen01.bl-hover-relatedprodbtngen01 dl.RelatedLink { background-position: -540px 100%; }
div.RelatedProdBtnGen01.bl-hover-relatedprodbtngen01 a { text-decoration: underline; }



/* [s2] サイトアイデンティティ
=========================================================================================== */
/* ---[s2] サイトアイデンティティ > ステージングユニット【トップページ用】--- */
div#SiteIdentityGen01 {
	margin: 0 auto;
	padding: 0 15px 0;
	width: 965px;
	font-size: 0;
}
div#SiteIdentityGen01 h1.Title {
	float: left;
	width: 853px;
	height: 60px;
	background: url("/-/media/image/h1/bg_site_id_small.gif") repeat-x 0 0 #e6e6e6;
	text-align: left;
}
div#SiteIdentityGen01 p.Statement {
	float: right;
	padding: 1px 1px 0 0;
	width: 111px;
	height: 59px;
	background: url("/-/media/image/h1/bg_corp_id_small.gif") repeat-x 0 0;
}





/* [-] トップページ
=========================================================================================== */
/* ---コンテンツエリア--- 20141224*/
div.GridSet.TopPage { margin: 15px auto; }
#BrandingImgArea { margin: 0 0 15px; }



/* [-] フッタナビ
=========================================================================================== */
div#LowerNavigation {
/*	padding: 10px;
	margin: 0;
	background-color: #f3f3f3;*/
	/*ERP_Mod 20140929追記*/
}

div#LowerNavigation {
	padding: 10px;
	margin: 0;
	background-color: #ececec;
/*	/*ERP_Mod 20141002追記*/
}


div#LowerNavigation div.ColumnSet { width: 945px; }

div#LowerNavigation div.ColumnSet div.ColumnNo1,
div#LowerNavigation div.ColumnSet div.ColumnNo2,
div#LowerNavigation div.ColumnSet div.ColumnNo3,
div#LowerNavigation div.ColumnSet div.ColumnNo4,
div#LowerNavigation div.ColumnSet div.ColumnNo5,
div#LowerNavigation div.ColumnSet div.ColumnNo6,
div#LowerNavigation div.ColumnSet div.ColumnNo7,
div#LowerNavigation div.ColumnSet div.ColumnNo8 {
	float: left;
	text-align: left;
	margin: 0 0 0 36px;
	width: auto;
	/*width: 140px;*/
}

/*div#LowerNavigation div.ColumnSet div.ColumnNo2,
div#LowerNavigation div.ColumnSet div.ColumnNo3,
div#LowerNavigation div.ColumnSet div.ColumnNo4,
div#LowerNavigation div.ColumnSet div.ColumnNo7 {
	width: 100px;
	width: auto;
}
*/




div#LowerNavigation div.ColumnSet div.ColumnNo2,
div#LowerNavigation div.ColumnSet div.ColumnNo3,
div#LowerNavigation div.ColumnSet div.ColumnNo4,
div#LowerNavigation div.ColumnSet div.ColumnNo5,
div#LowerNavigation div.ColumnSet div.ColumnNo6,
div#LowerNavigation div.ColumnSet div.ColumnNo7,
div#LowerNavigation div.ColumnSet div.ColumnNo8 {
	margin-top: 1.6em;
}

/*div#LowerNavigation div.ColumnSet div.ColumnNo1 { width: 200px }
div#LowerNavigation div.ColumnSet div.ColumnNo2 { width: 250px }
div#LowerNavigation div.ColumnSet div.ColumnNo3 { width: 250px }
div#LowerNavigation div.ColumnSet div.ColumnNo4 { width: 200px }
div#LowerNavigation div.ColumnSet div.ColumnNo4 { width: 200px }
div#LowerNavigation div.ColumnSet div.ColumnNo4 { width: 200px }*/

div#LowerNavigation div.ColumnSet div.FirstItem { margin: 0; }

/*div#LowerNavigation div.ColumnSet div.LastItem {
	float: right;
	margin: 1.6em 0 0 0;
}
*/
div#LowerNavigation div.ColumnSet div ul.LinkListStyle2 li { margin-bottom: 0.6em; }
div#LowerNavigation div.ColumnSet div ul.LinkListStyle2 ul { margin-top: 0; }

div#LowerNavigation div.ColumnSet div.ColumnNo2,
div#LowerNavigation div.ColumnSet div.ColumnNo3,
div#LowerNavigation div.ColumnSet div.ColumnNo4 { margin-top: 1.6em; }



/* [-] 共通クラス
=========================================================================================== */
div#Header:after,
div#SiteIdentityL:after,
div#SiteIdentityS:after,
div#SiteIdentityGen01:after,
div#TopicPath:after,
div#Footer:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div#Header,
div#SiteIdentityL,
div#SiteIdentityS,
div#SiteIdentityGen01,
div#TopicPath,
div#Footer { display: inline-block; }

/* Hides from IE 4-6 \*/
* html div#Header,
* html div#SiteIdentityL,
* html div#SiteIdentityS,
* html div#SiteIdentityGen01,
* html div#TopicPath,
* html div#Footer { height: 1%; }

div#Header,
div#SiteIdentityL,
div#SiteIdentityS,
div#SiteIdentityGen01,
div#TopicPath,
div#Footer { display: block; } 
/* End hide from IE 4-6 */


.Bottom7 { margin-bottom: 7px; }
.Bottom16 { margin-bottom: 16px; }

div.Section.Bottom0 { padding-bottom: 0; }

/*ERP_Mod 資料請求余白調節20140930*/

div.Section.Ask { margin-top:20px;}

/*ERP_Mod 製品一覧20140929*/
div.Section.Pac {
	border:1px solid #ccc; 
	padding:10px; 
	margin:10px 0 10px 0;
	
}

/*20141028追加*/
div.BoxSyline {
	overflow: hidden;
}

ul.flag {
	list-style:none;
	font-size:90%;
	width:200px;
	margin-left: 20px;
}

.flag_spa {
	margin:0 17px;
}


ul.flag li{
	margin-bottom: 8px;
}

ul.flag li img{
	vertical-align:middle;
	padding-right: 10px;
}


/**/

.PTop5 { padding-top: 5px; }
.PTop10 { padding-top: 10px; }
.PTop15 { padding-top: 15px; }

.PLeft50 { padding-left:50px; }
.PLeft100 { padding-left:100px; }
.PLeft150 { padding-left:150px; }
.PLeft200 { padding-left:200px; }
.PLeft250 { padding-left:250px; }
.PLeft300 { padding-left:300px; }

.dot {
	border-bottom: 1px dotted #bbbbbb;
	margin-bottom: 8px;
}
.DottedBorder-B {
	padding-bottom: 15px;
	background: url("/-/media/ind/syteline/image/bg_dotted_border.gif") repeat-x 0 100%;
}


h2#Panel { position : relative ;}


h2#Panel img.IconNew {  
    position: absolute;  
    top: 0px;  
    right: 0px;  
} 



ul.LinkListStyle2 {
	margin: 0 0 15px;
	font-size: 83%;
	letter-spacing: 0;
}
ul.LinkListStyle2 li {
	margin: 0 0 4px;
	padding: 0 0 0 17px;
	background: url("/-/media/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;
}

ul li.Important, dl dt.Important { background: url("/-/media/image/h1/icon/icon_important_link.gif") no-repeat 0 0.1em; }
ul li.Search, dl dt.Search { background: url("/image/h1/icon/icon_search.gif") no-repeat 0 0.1em; }


.Grid3, .Grid1 {
	margin: 15px auto;
}

ul.ListStyle1 li,
ul.ListStyle1 li ol li ul li{
	background: url(../../../image/jp/r1/icon/icon_list_marker_hd.gif) no-repeat 0 2px / 16px 16px;
}

p.TextStyle3 {
    font-size: 76%;
}

/*---画像＋表(2017/11)---*/
.ImgW170SetStyle .ImgSet > div.Overflow{
    margin-left: 0;
}

p.ImgOnlyStyle {
	margin-bottom: 10px;
}

div#Contents a:hover, div#Contents a:hover * {
    text-decoration: unset;
}