@charset "utf-8";
/*	--------------------------------
	Created: 2016.09.09
	add 2017.02.09
-------------------------------------------*/


/*------------------
table
ドキュメントリンク
ボタン
リセット
インデント字下げ
見出し
汎用クラス

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


/*　table設定 -----------------------*/

/* .table01 th を縦中央に修正（GOT用に修正）got.cssから ----------------- */

#melfa_main_area table.table01 thead th {
	vertical-align: middle;
}

/* contents_nav3  current表示に修正（GOT用に修正）----------------- */
#melfa_main_area .contents_nav3.col2 .inner .sub_inner ul li a.current { 
	color:#e60000;
	text-decoration: underline;
}


/*　表に斜線がある際に斜線が難しいため背景をグレーにする*/

#melfa_main_area table.table01 td.diagonal{
	background-color:#e6e6e6;
}



/*-----------------------------------------------------------------------------------------------
　ドキュメントリンク　■関連資料　■資料のダウンロードのtable枠設定　watch 、mekservoで使用 got.cssから 
------------------------------------------------------------------------------------------------ */
				/*テーブル枠 */
				table.in_table_h { border:1px #cccccc solid;border-collapse: collapse; padding:10px; font-size:75%; margin-top:40px; }
				table.in_table_h th { border:1px #cccccc solid; }
				table.in_table_h td { border:1px #cccccc solid; }
				

				/* 各カテゴリの中のテーブルの表頭 */
				.headtitle_h { font-size:13px;line-height:16px;color:#FFFFFF;font-weight:bold;background-color:#172f90; }
				/* 各カテゴリの中のテーブルの表頭(カタログ・新製品ニュース) */
				td.t_title_h { font-size:13px; color:#FFFFFF; font-weight:bold; text-align:left; padding:5px 0px 5px 5px; }
				/* 各カテゴリの中のテーブルの表頭(黒字・灰背景) */
				td.t_title_h_k { font-size:13px; color:#000000; font-weight:bold; text-align:left; padding:5px 0px 5px 5px; background-color:#DCDCDC; }
				/* 各カテゴリの中のテーブル(■(赤)黒字+枠(内容)) */
				td.separate_title {font-size:13px; color:#000000; font-weight:bold; text-align:left; padding:5px 0px 5px 12px;}
				td.separate_title span {font-size:13px; color:#C40E18; padding:0px 5px 0px 0px;}
				td.separate_frame {border:1px #999999 solid; text-align:center;}

				/* ドキュメントDB共通 */
				.db table td{ padding:0px;}
				.db table td.docLinkImage{border-style:none;}
				.db.dl_border table td.docLinkImage img{border: 1px solid #525252;}
				.db table td.docLinkSiryo{border-style:none;}
				table.db td{ background:none; padding-left:0px; padding-top:0px; border-style:none;}
				table.db td table td.docLinkSiryo span { background:none; padding-left:0px; padding-top:0px; }

/*-----------------------------------------------------------------------------------------------
　ムービーEnglish.verのブルーボタンリンク 
------------------------------------------------------------------------------------------------ */
/*　英語版のみは　english1 */
div.english1_movie_link {
	margin: 0 0 2px 380px;
}

div.english_movie_link {
	float:left;
	margin: 0 0 2px 270px;
}

.english_movie_link a,.english1_movie_link a{
	display:block;
	text-indent:-9999px;
	width:100px;
	background:url(/fa/products/hmi/got/common/images/english_small.png) no-repeat 0 0;
}
.english_movie_link a:hover,.english1_movie_link a:hover{
	background:url(/fa/products/hmi/got/common/images/english_smalla.png) no-repeat 0 0;
}

div.chinese_movie_link {
	margin: 0 0 2px 380px;
}
.chinese_movie_link a{
	display:block;
	text-indent:-9999px;
	width:100px;
	background:url(/fa/products/hmi/got/common/images/chinese_small.png) no-repeat 0 0;
}
.chinese_movie_link a:hover{
	background:url(/fa/products/hmi/got/common/images/chinese_smalla.png) no-repeat 0 0;
}


/* 2017.02.09　追加 */

/*----------------------------------------------------------------------
リセット overwrite -- /fa/shared/css/module.css 
---------------------------------------------------------------------- */

#melfa_main_area ul {
	margin:0;
	list-style:none;
}

#melfa_main_area dl, #melfa_main_area dl dd {
	border:none;
	margin:0;
	padding:0;
	background-image:none;
}

#melfa_main_area dl dt {
	font-weight:normal;
	margin:0;
}

.txt-reset { font-size: 100% !important; }


/*----------------------------------------------------------------------
インデント字下げ（注釈に利用）
---------------------------------------------------------------------- */

/* 数字あり--------------------------*/
#melfa_main_area ul.notes1{
	margin: 10px 0 0;
}

#melfa_main_area ul.notes1 li{
text-indent: -1.5em;
padding-left: 1.5em;
}

/* 数字なし-------------------------*/
#melfa_main_area ul.notes2{
	margin: 10px 0 0;
}

#melfa_main_area ul.notes2 li{
text-indent: -0.9em;
padding-left: 0.9em;
}

/* 全角+半角スペース （○囲み数字等）--------------------------*/
#melfa_main_area ul.notes3{
	margin: 15px 0 0;
}

#melfa_main_area ul.notes3 li{
text-indent: -1.4em;
padding-left:1.4em;
}

/* 主にPに使用 全角+半角スペース -----------------------------*/
#melfa_main_area .indent1emSp{
	text-indent:-1.4em;
	padding-left:1.4em;
}

/* 主にPに使用　半角+半角スペース */
#melfa_main_area .indent05emSp{
	text-indent:-1em;
	padding-left:1em;
}
/* リスト (1) + 半角スペース/----------------------------------------------*/
#melfa_main_area ul.number1{
 margin: 15px 0 0;
}
#melfa_main_area ul.number1 li{
text-indent: -1.6em;
padding-left:1.6em;
}

/*----------------------------------------------------------------------
   見出し 
*----------------------------------------------------------------------*/

h4.dotLine{
	border-top: #bdbdbd dotted 1px;
    background-color: #f3f3f3;
    padding: 3px 0 3px 10px;
    margin-top: 15px;
    font-weight: bold;
	font-size:75%;
}

/* h2　spanをリセット */
#melfa_contents_2col_a h2 span.span_reset {
    background: none;
}
#melfa_main_area h2 span.span_reset {
    display: inline;
	padding: 0px;
}
/* h2　supをリセット */
#melfa_main_area h2 sup.sup_reset {
	vertical-align: text-top;
	font-size: smaller;
}

/*----------------------------------------------------------------------
   汎用クラス 
*----------------------------------------------------------------------*/

/* display
--------------------------*/
.disp_il_block {display: inline-block;}
.disp_block {display: block;}

/* postion
--------------------------*/

.position_rela{ position: relative;}
.position_abso{ position: absolute;}

/* text decoration
--------------------------*/

/* テキスト指定 */
.bold{ font-weight:bold;}
.nomal{font-weight: normal;}

/* カラー */
.red { color:#FF0000; /*color:#e61717;*/}
.blue { color:#00a1e9;}
.blue02 { color:#3789be;}
.navy { color:#003465;}

/*　フロート　*/
.floatL{ float:left;}
.floatR{ float:right;}
.clear{ clear:both;}

/*　背景なし　*/
#melfa_main_area .bg-none{background: none !important;}

/* p のタイトル太字とテキストの組み合わせ*/

#melfa_main_area p.p_title{font-weight: bold}
#melfa_main_area p.p_txt{margin-top: 3px;}


/* margin
--------------------------*/
/* left */
.mr0  { margin-right:    0 !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

/* bottom */
.mb0  { margin-bottom:    0 !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

/* list
--------------------------*/
/* disc */
#melfa_main_area .listDisc {
	list-style-type:disc;
}
.listDisc li {
	margin-left:1.5em;
}

#melfa_main_area .captionSqr {
    margin-bottom: .5em;
    padding: 0 0 0 1em;
    background: url(../images/bg_idt_square.gif) no-repeat left;
}


/* link underline
--------------------------*/
a:visited.inline, a:link.inline, a:visited.inline, a:hover.inline, a:active.inline {
	text-decoration:underline;
}

/* text-wrap
--------------------------*/
.w_space_nowrap {
  white-space: nowrap;
}

/*----------------------------------------------------------------------
　背景カラーテキスト
---------------------------------------------------------------------- */

.index_red{
	background-color: #E60000;
	color: #fff;
	font-size: 75%;
	font-weight: 800;
	padding:2px 5px 0px;
	text-align: center;
	display: inline-block;
	letter-spacing: 0.1em;
}

.bg_lightGray{
	background-color:#98a6c0;
	color:#FFF;
	font-size: 75%;
	font-weight: 800;
	padding:2px 5px 0px;
	text-align: center;
	display: inline-block;
	letter-spacing: 0.05em;
}

.bg_lightGray02{
	background-color:#e2e1e6;
	color:#FFF;
	font-size:75%;
	font-weight: 800;
	padding:2px 5px 0px;
	text-align: center;
	display: inline-block;
	letter-spacing: 0.1em;
}

.bg_lightGray03{
	background-color:#8b8da2;
	color:#FFF;
	font-size:75%;
	font-weight: 800;
	padding:2px 5px 0px;
	text-align: center;
	display: inline-block;
	letter-spacing: 0.1em;
}

.bg_lightBlue{
	background-color:#00a1e9;
	color:#FFF;
	font-size:75%;
	font-weight: 800;
	padding:2px 5px 0px;
	text-align: center;
	display: inline-block;
	letter-spacing: 0.1em;
}


/* h 右アイコン 20170808
------------------------------------------------*/

/*-- 親とする --*/
.rightIcon-h { position:relative;}

/*-- 画像アイコン --*/
img.rightIcon-h-img{position:absolute; top:4px; right:10px;}

/*-- 斜めテキストアイコン --*/
div.rightIcon-h-icon{background:#757e94; padding:1px 5px; color:#FFF; font-size: 13px; font-weight:bold; position:absolute; top:5px; right:10px; -webkit-webtransform: skewX(-20deg); -moz-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg);}