@charset "Shift_JIS";


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

Name: mpf.css

Description: Setting of middleware and platform software site module

Create: 2014.03.27
Update: 2014.07.08
        2014.07.24

Copyright 2014 Hitachi, Ltd. 

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


/* content===========================================

[c2] 見出し

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



/* [c2] 見出し
=========================================================================================== */

/* ---[c2-1-1] 見出し > レベル1--- */
/* ---[c2-1-2] 見出し > レベル1 > リンクあり--- */
h2.TitleStyleS1 {
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid #d6d6d6;
	background: url("/products/it/ws_sol/common/images/mpf/bg_title.gif") repeat-x 0 100% #fefefe;
	zoom: 1;
}
h2.TitleStyleS1 span {
	display: block;
	padding: 0;
	border: none;
	background: url("/products/it/ws_sol/common/images/mpf/bg_title_marker_top.gif") no-repeat 0 0;
	zoom: 1;
}
h2.TitleStyleS1 span span {
	padding: 14px 10px 14px 12px;
	background: url("/products/it/ws_sol/common/images/mpf/bg_title_marker_bottom.gif") no-repeat 0 100%;
	font-size: 100%;
	line-height: 1.35;
}
/* 解除 */
h2.TitleStyleS1 span span span {
	display: inline;
	padding: 0;
	background: none;
}
/**/
h2 a { line-height: 1.35; }


/* ---[c2-1-1-x] 見出し > レベル1 > Btn右寄せ--- */
h2.TitleStyleS1.BtnSet { position: relative; }

/* --事例紹介一覧Btn-- */
h2.TitleStyleS1 a.Btn01 {
	position: absolute;
	left: 609px;
	top: 10px;
}

/* --製品一覧Btn-- */
h2.TitleStyleS1 a.Btn02 {
	position: absolute;
	left: 632px;
/*	top: 10px; 差替え 2014.07.08 */
	top: 15px;
	background-image: none;　/* 追加 2014.07.08 */
}


/* ---[-] 見出し > レベル1 > 画像--- */
h2.Image {
	padding: 0;
	background: none;
	border: none;
}


/* ---[c2-2-1] 見出し > レベル2--- */
/* ---[c2-2-2] 見出し > レベル2 > リンクあり--- */
h3.TitleStyleS1 {
	margin: 0 0 10px;
	padding: 0 0 0 13px;
	border: none;
	background: url("/products/it/ws_sol/common/images/mpf/icon/icon_title2.gif") no-repeat 0 0.3em;
	font-size: 90%;
	line-height: 1.35;
}
h3.TitleStyleS1 a { line-height: 1.35; }


/* ---[c2-2-1-a01] 見出し > レベル2 > アイキャッチ緑--- */
h3.TitleStyleSA01 {
	margin: 0 0 10px;
	padding: 0 0 0 13px;
	border: none;
	background: url("/products/it/ws_sol/common/images/mpf/icon/icon_title2_a01.gif") no-repeat 0 0.3em;
	font-size: 90%;
	line-height: 1.35;
}
h3.TitleStyleSA01 a { line-height: 1.35; }


/* ---[c2-2-1-a02] 見出し > レベル2 > アイキャッチ赤（格子）--- */
h3.TitleStyleSA02 {
	margin: 0 0 10px;
	padding: 0 0 0 16px;
	border: none;
	background: url("/products/it/ws_sol/common/images/mpf/icon/icon_title2_a02.gif") no-repeat 0 0.1em;
	font-size: 90%;
	line-height: 1.35;
}
h3.TitleStyleSA02 a { line-height: 1.35; }


/* ---[-] 見出し > レベル2 > 画像--- */
h3.Image {
	padding: 0;
	background: none;
	border: none;
}


/* ---[-] 見出し > レベル3 > 画像--- */
h4.Image {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	border: none;
}



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

/* ---[] 画像用リスト > 横並び > 左寄せ--- */
ul.HorizontalImageList1 {
	margin: 0 0 15px;
	letter-spacing: 0;
}
ul.HorizontalImageList1 li {
	display: inline;
	margin: 0 2px 4px 0;
	padding: 1px 0;
	background: none;
	line-height: 1.35;
}
/* ---[] 画像用リスト > 横並び > 右寄せ--- */
ul.HorizontalImageList2 {
	margin: 0 0 15px;
	text-align: right;
	letter-spacing: 0;
}
ul.HorizontalImageList2 li {
	display: inline;
	margin: 0 0 4px 2px;
	padding: 1px 0;
	background: none;
	line-height: 1.35;
}
/* ---[] 画像用リスト > 横並び > 中央寄せ--- */
ul.HorizontalImageList3 {
	margin: 0 0 15px;
	text-align: center;
	letter-spacing: 0;
}
ul.HorizontalImageList3 li {
	display: inline;
	margin: 0 1px 4px 1px;
	padding: 1px 0;
	background: none;
	line-height: 1.35;
}



/* [c13] アイコンリンク
=========================================================================================== */
/* ---[c13-1-1] アイコンリンク > 文字サイズ90%--- */
/* ---[c13-1-2] アイコンリンク > 文字サイズ83%--- */

ul li.LinkS1, dl dt.LinkS1 {
	padding: 0 0 0 16px;
	background: url("/products/it/ws_sol/common/images/mpf/icon/icon_link_right_wr.gif") no-repeat 0 0.1em;
}

ul li.LinkS1 a, dl dt.LinkS1 a {
	background-image: none !important;　/* 追加 2014.07.24 */
}

/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents .LinkS1 { background-position: 0 0.1em; }
/* */




/* [c16] 枠囲み
=========================================================================================== */

/* ---[c16-1-1-a01] 枠囲み > パターンA--- */
/* ---[c16-1-2-a01] 枠囲み > パターンA > 見出しにリンクあり--- */
div.BoxPatternA.BoxSA01 { margin: 0 0 15px; }

div.BoxPatternA.BoxSA01 p.Title {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #d7d7d7;
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_a01_title.gif") repeat-x 0 100% #fdfdfd;
}

div.BoxPatternA.BoxSA01 p.Title strong {
	display: block;
	padding: 8px 10px 5px 10px;
	border: none;
	background-color: transparent;
	font-size: 90%;
	line-height: 1.35;
}
div.BoxPatternA.BoxSA01 p.Title strong a { line-height: 1.35; }

div.BoxPatternA.BoxSA01 div.Inner {
	padding: 14px 10px 0;
	border-width: 0 1px 1px;
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_a01_line.gif") repeat-x 0 0;
}

/* ---[c16-4-1-a01] 枠囲み > パターンA（h2要素）--- */
/* ---[c16-4-2-a01] 枠囲み > パターンA（h2要素） > 見出しにリンクあり--- */
/* ---[c16-5-1-a01] 枠囲み > パターンA（h3要素）--- */
/* ---[c16-5-2-a01] 枠囲み > パターンA（h3要素） > 見出しにリンクあり--- */
/* ---[c16-6-1-a01] 枠囲み > パターンA（h4要素）--- */
/* ---[c16-6-2-a01] 枠囲み > パターンA（h4要素） > 見出しにリンクあり--- */
div.BoxPatternA.BoxSA01 h2,
div.BoxPatternA.BoxSA01 h3,
div.BoxPatternA.BoxSA01 h4 {
	margin: 0;
	padding: 8px 10px 5px 10px;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #d7d7d7;
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_a01_title.gif") repeat-x 0 100% #fdfdfd;
	font-size: 90%;
	line-height: 1.35;
}


/* ---[c16-1-1-a05] 枠囲み > パターンA > 見出しが画像 > border1px(通常)--- */
div.BoxPatternA.BoxSA05 { margin: 0 0 15px; background-color:#FFF; } /* 背景色指定 2014.07.08 */
div.BoxPatternA.BoxSA05 p.Image,
div.BoxPatternA.BoxSA05 p.Image strong,
div.BoxPatternA.BoxSA05 h2.Image,
div.BoxPatternA.BoxSA05 h3.Image,
div.BoxPatternA.BoxSA05 h4.Image {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div.BoxPatternA.BoxSA05 p.Image img,
div.BoxPatternA.BoxSA05 p.Image strong img,
div.BoxPatternA.BoxSA05 h2.Image img,
div.BoxPatternA.BoxSA05 h3.Image img,
div.BoxPatternA.BoxSA05 h4.Image img { vertical-align: bottom; }

div.BoxPatternA.BoxSA05 div.Inner {
	padding: 15px 0 0;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #cdcdcd;
}


/* ---[c16-1-1-a07] 枠囲み > パターンA > 新着情報、RSSボタンあり--- */
div.BoxPatternA.BoxSA07 { margin: 0 0 15px; background-color:#FFF; } /* 背景色指定 2014.07.08 */
div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 {
	padding: 0;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #d5d5d5;
	background: url("/products/it/ws_sol/common/images/mpf/bg_title_news.gif") repeat-x 0 0;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 { position: relative; z-index: 2; }
/* */
div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div {
	padding: 7px 10px 10px;
	border: none;
	background: none;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div { position: relative; z-index: 1; }
/* */

div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div h2 {
	float: left;
	margin: 0;
	padding: 3px 0 0;
	border: none;
	background: none;
	font-size: 90%;
	line-height: 1.35;
}
div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div ul {
	margin: 0 0 0 5px;
	float: right;
	font-size: 90%;
	line-height: 1.35;
}
div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div ul img { vertical-align: bottom; }
/*div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div h2 a { line-height: 1.35; } コメントアウト 2014.07.08 */
/* 差替え設定 2014.07.08 */
div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div h2 a { 
	line-height: 1.35; 
	background: none;
	background-image: none !important;
	color: #333;
	text-decoration: underline;
}
div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div h2 a:hover {
	color: #666;
	text-decoration: underline;
}
/* 差替え設定ここまで 2014.07.08 */

div.BoxPatternA.BoxSA07 div.Inner {
	padding: 10px 5px 0;
	border: solid 1px #d6d6d6;
/*	height: 180px;
	overflow-y: scroll;*/
}
div.BoxPatternA.BoxSA07 div.Inner table { margin: 0 0 5px; }
div.BoxPatternA.BoxSA07 div.Inner table th,
div.BoxPatternA.BoxSA07 div.Inner table td {
	padding: 5px;
	border: none;
	vertical-align: top;
}
div.BoxPatternA.BoxSA07 div.Inner table th {
	width: 110px; /* 幅変更　100px→110px 2014.10.17 */
	background-color: transparent;
}
div.BoxPatternA.BoxSA07 div.Inner table td ul,
div.BoxPatternA.BoxSA07 div.Inner table td dl { margin: 0; }



/* [c16-x] 枠囲み（独自）
=========================================================================================== */
/* ---[c16-inquiry1] 枠囲み > お問い合わせ > 3グリッド・FDあり--- */
/* ---[c16-inquiry2] 枠囲み > お問い合わせ > 3グリッド・FDなし--- */
div.BoxInquiryS1,
div.BoxInquiryS2 {
	width: 720px;
	margin: 0 0 15px;
}
div.BoxInquiryS1 h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div.BoxInquiryS1 h3 {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
div.BoxInquiryS1 h2 img { vertical-align: bottom; }
div.BoxInquiryS1 div.Container {
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_inquiry_720_middle.gif") repeat-y 0 0;
}
div.BoxInquiryS1 div.Inner {
	padding: 8px 43px 24px;
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_inquiry_720_bottom.gif") no-repeat 0 100%;
}
div.BoxInquiryS1 div.Inner div.Column1st {
	float: left;
	width: 338px;
}
div.BoxInquiryS1 div.Inner div.Column2nd {
	float: right;
	width: 260px;
}


/* ---[c16-inquiry3] 枠囲み > お問い合わせ > 1グリッド・FDあり--- */
div.BoxInquiryS3 {
	width: 230px;
	height: 187px;
	margin: 0 0 15px;
	padding: 15px 0 0;
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_inquiry_230.gif") no-repeat 0 0;
}
div.BoxInquiryS3 ul {
	width: 202px;
	margin: 0 auto 15px;
	text-align: center;
}
div.BoxInquiryS3 ul li {
	margin: 0 0 17px;
	padding: 0 1px;
}
div.BoxInquiryS3 ul li.LastItem {
	margin: 0;
	padding: 0;
}


/* ---[c16-inquiry4] 枠囲み > お問い合わせ > 1グリッド・FDなし--- */
div.BoxInquiryS4 {
	width: 230px;
	margin: 0 0 15px;
}
div.BoxInquiryS4 h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div.BoxInquiryS4 h2 img { vertical-align: bottom; }
div.BoxInquiryS4 ul {
	width: 230px;
	height: 81px;
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_inquiry_form_230.gif") no-repeat 0 0;
}
div.BoxInquiryS4 ul li {
	margin: 0 auto 5px;
	text-align: center;
	padding: 10px 0 0;
}


/* ---[c16-search1] 枠囲み > サイト内検索 > 1グリッド--- */
div#BoxSearchS1 {
	position: relative;
	width: 230px;
	height: 70px;
	margin: 0 0 15px;
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_search.gif") no-repeat 0 0;
}
div#BoxSearchS1 legend { display: none; }
div#BoxSearchS1 p {
	position: absolute;
	left: 14px;
	top: 35px;
	background: url("/products/it/ws_sol/common/images/mpf/bg_box_search_textbox.gif") no-repeat 0 0;
}
div#BoxSearchS1 input#SiteSearchTextBox {
	width: 159px;
	height: 17px;
	padding: 3px;
	border: none;
	background-color: transparent;
	vertical-align: top;
	color: grey;
	font-size: 83%;
	line-height: 1.35;
}
div#BoxSearchS1 input#SearchButtonS1 { padding-left: 3px; }



/* [-] 独自クラス
=========================================================================================== */
/*--タブ--*/
#ProdLineupTab {
	margin: 0 0 15px;
	zoom: 1;
}
#ProdLineupTabContents {
	padding: 0;
	background: url("/products/it/ws_sol/common/images/mpf/bg_tab_prod_lineup_top.gif") no-repeat 0 0;
}
#ProdLineupTabContents div.TabContainer {
	padding: 3px;
	background: url("/products/it/ws_sol/common/images/mpf/bg_tab_prod_lineup_bottom.gif") no-repeat 0 100%;
}
#ProdLineupTabContents div.TabInner {
	height: 345px;
	padding: 11px 15px 0;
	overflow-y: auto;
}
#ProdLineupTabContents div.Column1andHalf {
	float: left;
	text-align: left;
	width: 315px;
	margin: 0 0 0 14px;
}
#ProdLineupTabContents div.Column1andHalf.FirstItem {
	float: left;
	margin: 0;
}
#ProdLineupTabContents div.Column1andHalf.LastItem {
	float: right;
	margin: 0;
}
#ProdLineupTabButtons img { vertical-align: bottom; }


/*かんたん検索 パネル*/
div.BoxPanel {
	margin: 0 0 10px;
	background: url("/products/it/ws_sol/common/images/mpf/bg_panel_bottom.gif") no-repeat 0 100% #686868;
}
div.BoxPanel div.PanelInner { padding: /*10px 11px 0;*/10px 11px 3px 10px; } /* 2015/4/17 修正 */
div.BoxPanel h3 {
	margin: 0 0 8px;
	border: none;
	color: #ffffff;
}
div.BoxPanel h3.Bottom0 { margin-bottom: 0; }
div.BoxPanel h3 a {
	display: block;
	background: url("/products/it/ws_sol/common/images/mpf/icon/icon_panel_link.gif") no-repeat 100% 0.1em;
}
div.BoxPanel * {
	color: #ffffff;
	text-decoration: none;
}
div.BoxPanel a:link {
	color: #ffffff;
	text-decoration: none;
}
div.BoxPanel a:visited {
	color: #ffffff;
	text-decoration: none;
}
div.BoxPanel a:hover {
	color: #ffffff;
	text-decoration: underline;
}
div.BoxPanel a:active {
	color: #ffffff;
	text-decoration: underline;
}
div.BoxPanel h3 a {
	display: block;
	background: url("/products/it/ws_sol/common/images/mpf/icon/icon_panel_link.gif") no-repeat 100% 0.1em;
}

div.BoxPanel ul.LinkListStyle5 li.Important a {
	display: block;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white.gif") !important;
}


/* [-] 共通クラス
=========================================================================================== */

/* --- [-] nのm乗など、上付き数字に使うスタイル --- */
sup.TextStyleSup01 {
	font-size: 73%;
	vertical-align: 0.45em;
}
/* Win IE7 & IE6 lower */
* html body sup { font-size: 83%; }
*:first-child+html body sup { font-size: 83%; }
/* */


/* ---[-] 文中に画像（dgのアイコン、旧字体など）を表示する場合のスタイル--- */
/* --文字サイズ90%の場合-- */
img.izon1middle{
	vertical-align : middle;
	margin : 0 2px 3px 0;
}
/* Win IE7 & IE6 lower */
* html body img.izon1middle { vertical-align : middle; margin : 0 2px 2px 0; }
*:first-child+html img.izon1middle { vertical-align : middle; margin : 0 2px 2px 0; }
/* */


.FontSmall {
	font-size: 83%;
	letter-spacing: 0;
}

/* ---下余白の調整用--- */
p.Bottom0, ul.Bottom0, ol.Bottom0, dl.Bottom0, div.Bottom0, h2.Bottom0, h3.Bottom0, h4.Bottom0 { margin-bottom: 0; }
p.Bottom5, ul.Bottom5, ol.Bottom5, dl.Bottom5, div.Bottom5, h2.Bottom5, h3.Bottom5, h4.Bottom5 { margin-bottom: 5px; }
p.Bottom10, ul.Bottom10, ol.Bottom10, dl.Bottom10, div.Bottom10, h2.Bottom10, h3.Bottom10, h4.Bottom10 { margin-bottom: 10px; }
p.Bottom15, ul.Bottom15, ol.Bottom15, dl.Bottom15, div.Bottom15, h2.Bottom15, h3.Bottom15, h4.Bottom15 { margin-bottom: 15px; }
p.Bottom20, ul.Bottom20, ol.Bottom20, dl.Bottom20, div.Bottom20, h2.Bottom20, h3.Bottom20, h4.Bottom20 { margin-bottom: 20px; }
p.Bottom25, ul.Bottom25, ol.Bottom25, dl.Bottom25, div.Bottom25, h2.Bottom25, h3.Bottom25, h4.Bottom25 { margin-bottom: 25px; }
p.Bottom30, ul.Bottom30, ol.Bottom30, dl.Bottom30, div.Bottom30, h2.Bottom30, h3.Bottom30, h4.Bottom30 { margin-bottom: 30px; }
p.Bottom40, ul.Bottom40, ol.Bottom40, dl.Bottom40, div.Bottom40, h2.Bottom40, h3.Bottom40, h4.Bottom40 { margin-bottom: 40px; }
p.Bottom50, ul.Bottom50, ol.Bottom50, dl.Bottom50, div.Bottom50, h2.Bottom50, h3.Bottom50, h4.Bottom50 { margin-bottom: 50px; }

/* ---問い合わせボックスのテキスト調整用--- */
p.Bottom5{
	font-size: 93%;
}