@charset "Shift_JIS";


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

Name: mpf.css

Description: Setting of middleware and platform software site module

Create: 2018.08.06
Update: 2018.08.06


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


/* [-] /index.html
=========================================================================================== */

/* 新着情報*/

div#TopNewsScroll {
/*	border: solid 1px #d6d6d6;
	background-color: #fff;*/
	margin: 0 0 ;
	background-color:#FFF;
	padding: 5px 0 0 0;
}

div#TopNewsScroll div.Inner {
	height: 120px;
	overflow-y: auto;
	padding: 10px 5px 0;
	border: solid 1px #d6d6d6;
}


div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 {
	padding: 0;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #d5d5d5;
	background: url("/products/it/ha8000e/common/images/bg_title_news.gif") repeat-x 0 0;
}

div.BoxPatternA.BoxSA07 div.LV1LinkSetS3 div {
	padding: 7px 10px 10px;
	border: none;
	background: none;
}
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 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;
}

/*ラインアップ*/

h3.lineupH3 {
	background: url("/products/it/ha8000e/common/images/icon_title2_a01.gif") no-repeat center left; /* 萌葱色もえぎいろ */
	padding: 0 5px 0 14px  ;
	white-space: nowrap;
}


/* [-] 製品ラインアップリスト
=========================================================================================== */

.lineupList {
	overflow: hidden;
	display: table;
}

.lineupList li {
	/*width: 240px; 4分割*/
	width: 480px;
	display: table-cell;
	box-sizing: border-box;
	padding: 0 20px;
}

.lineupList li h4 {
	padding: 10px 0;
	margin: 0;
}



/* [-] Grid1 お問い合わせ
=========================================================================================== */

div.BoxInquiryG1 {

width: 230px;
	height: 171px;
	margin: 0 0 15px;
	padding: 15px 0 0;
	background: url("/products/it/ha8000e/common/images/bg_box_inquiry_230.gif") no-repeat 0 0;
}
div.BoxInquiryG2 {

width: 230px;
	height: 151px;
	margin: 0 0 15px;
	padding: 15px 0 0;
	background: url("/products/it/ha8000e/common/images/bg_box_inquiry_230.gif") no-repeat 0 0;
}
div.BoxInquiryG1 ul,
div.BoxInquiryG2 ul {
	width: 202px;
	margin: 0 auto 15px;
	text-align: center;
}
div.BoxInquiryG1 ul li,
div.BoxInquiryG2 ul li {
	margin: 0 0 17px;
	padding: 0 1px;
}
div.BoxInquiryG1 ul li.LastItem,
div.BoxInquiryG2 ul li.LastItem {
	margin: 0;
	padding: 0;
}



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

/* --- [-] 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;
}

/*幅*/
.w25per {width: 25%;}
.w30per {width: 30%;}


/* ---下余白の調整用--- */
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; }


/* ------ March, 2020 追加 ブランディングのテキスト ---- **/
.PageTitleStyle3 {
	position: relative;
}
.PageTitleStyle3 p {
	display: block;
	color: #fff;
	bottom: 26px;
	position: absolute;
	right: 8px;
	font-size: 69%;
	background-color: rgba(49,54,56,.8);
	padding: 10px 3px 10px 5px;
}
.PageTitleStyle3 p a {
	color: #fff;
}

/* ------ December,2020 追加　見出し用青のマーカー　---- **/
.subtitle_blue {
	border-left: solid 5px #055BAB;
	margin-left: 10px;
	padding-left: 10px;
}
ul.listmargin {
	margin-left: 20px;
}

.subtitle_blue2nd {
    border-left: solid 5px #055BAB;
    margin: 0 0 10px 10px;
    padding-left: 10px;
    font-size: 96%;
    font-weight: bold;
    color: #333;
    line-height: 130%;
}