@charset "utf-8";
/* CSS Document */

/*--- h4 ---*/
#melfa_main_area h4 {
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #333;
	margin-top: 20px;
}

/*--- *付きテキストインデント ---*/
p.a-indent {
	text-indent: -1.7em;
	padding-left:1.7em;
}

/*--- テーブルcellspacing="0" ---*/
table.table01 {
	border-collapse:collapse;
}

/*--- 型番リンク ---*/
#melfa_main_area p.prodname {
	display: block;
	width: 780px;
}
#melfa_main_area p.prodname strong {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
#melfa_main_area p.prodname a {
	text-decoration: underline;
}
#melfa_main_area p.prodname sup {
	line-height:1em;
	margin-top: -1em;
}
#melfa_main_area span.prodnumber {
	background: url(images/bg_prodnumber.gif) 0 8px no-repeat;
	padding-left: 10px;
	font-size: 120%;
	font-weight: bold;
	display: block;
	float: left;
	margin-left: 15px;
}
#melfa_main_area p.prodname.prodname_twoline {
	margin-top: 5px;
}
#melfa_main_area p.prodname span.anothertype {
	display: inline-block;
	margin-left: -3px;
	line-height: 1.8em;
}
#melfa_main_area p.prodname span.icon {
	display: inline-block;
	margin-left: 5px;
	line-height: 1.8em;
	float: left;
}
#melfa_main_area p.prodname span.icon img {
	display: block;
	padding: 0.18em 0em;
}
#melfa_main_area p.prodname span.anywire {
	display: inline-block;
	line-height: 1.8em;
	margin-left: 14px;
}
#melfa_main_area span.prodtype {
	display: block;
	float: left;
	width: 780px;
}
#melfa_main_area div.detail p.prodname.w445,
#melfa_main_area div.detail span.prodtype.w445 {
	width: 445px;
}

#melfa_main_area div.detail p.prodname.w365,
#melfa_main_area div.detail span.prodtype.w365 {
	width: 365px;
}

#melfa_main_area .ccie_f_box {
    max-width: 500px;
    margin: 0 auto;
	background-color: #EEEEEE;
	padding: 1em;
}

/*--- Webサーバ ---*/
div#web_server_function {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}
div#web_server_function p {
	margin-top: 5px;
}
div#web_server_function p:nth-child(3n+1) {
	width: 245px;
}
div#web_server_function p:nth-child(3n+2) {
	width: 295px;
}
div#web_server_function p:nth-child(3n) {
	width: 240px;
}


/*--- データログ ---*/
#melfa_main_area .data_log_model {
	padding: 10px;
	border: 1px solid #333;
	margin-top: 15px;
}
#melfa_main_area .data_log_model p.prodname,
#melfa_main_area .data_log_model span.prodtype {
	width: 760px;
}
#melfa_main_area .data_log_model p.prodname.mt0 span.prodnumber:first-child {
	margin-left: 14px;
}



/*--- AnyWire ---*/
p#anywire_box_title {
	background-color: #EEE;
}
p#anywire_box_title span {
	color: #FFF;
	background-color: #811C21;
	padding: 5px;
	display: inline-block;
}
div#anywire_box {
	background-color: #EEE;
	padding: 10px 10px 15px;
}
div#anywire_box p.main_text {
	margin-top: 3px;
	margin-left: 1.5em;
}
#melfa_main_area div#anywire_box div.melfa_lc {
	margin-right: 0px;
	width: 300px;
}
#melfa_main_area div#anywire_box div.melfa_rc {
	margin-left: 0px;
	width: 435px;
}
#melfa_main_area div#anywire_box + p {
	margin-top: 0px;
}

 .box_anywire {
     position: relative;
     border: #ccc 1px solid;
     width: 755px;
     height: auto;
     margin: 30px 0 30px 5px;
     padding: 5px;
}
 .box_anywire a {
     position: relative;
}

.box_anywire::before {
    position: absolute;
    content: ''; 
    width: 100%;
    height: 100%;
    top: -6px;
    left: -6px;
	border: #ccc 1px solid;
    padding: 5px;
}

/*--- 入出力 ---*/
#melfa_main_area div#io_column {
	padding: 15px;
	border: 1px solid #333;
	margin-top: 30px;
}
#melfa_main_area div#io_column div.layout01 {
	width: 640px;
}
#melfa_main_area div#io_column div p.prodname,
#melfa_main_area div#io_column div p.prodname span.prodtype {
	margin-top: 0px;
	width: 304px;
}


/*PCで表示（781px以上で有効）*/
@media only screen and (min-width:781px) {
    #melfa_main_area p.mediumHead {
	    font-size: 85%;
	    font-weight: bold;
	    color: #900;
    	margin-top: 20px;
        }
    #melfa_main_area h3 + p.mediumHead {
	    margin-top: 15px;
        }
}
/*モバイルで表示*/
@media only screen and (max-width: 780px) {
    #melfa_main_area p.mediumHead {
	    font-size: 100%;
	    font-weight: bold;
	    color: #900;
    	margin: 1em 0;
        }
    #melfa_main_area h3 + p.mediumHead {
	    margin-top: 15px;
        }
}

/*--- e-factory ---*/
#melfa_main_area div#e-factory_box {
	border: solid 1px #333333;
	padding: 0.5em;
	margin: 1em auto;
}
#melfa_main_area div#e-factory_box p {
	margin-top: 0;
}


/*--- 三点リーダ ---*/
span.leader {
	display: block;
}

/*--- サンプルファイル無償ダウンロードリンク ---*/
ul#data_download li {
	background: url(images/bg_prodnumber.gif) 0 3px no-repeat;
	padding-left: 10px;
	display: block;
	list-style: none;
}

/*--- お問い合わせ先 ---*/
#melfa_main_area div.inq_box {
	padding: 15px;
	margin-top: 20px;
	border: 1px solid #333;
}
#melfa_main_area div.inq_box p:first-child {
	margin-top: 0px;
}

/*レスポンシブ化移行用追加------------------------------------------------------------------------------------------------------------------*/

/*３カラム、2カラム対応 モバイルで表示（780px以下で有効）*/
#melfa_main_area *, *:before, *:after {
	box-sizing: border-box;
}
#melfa_main_area .col_3, .col_2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#melfa_main_area .col_3 > div {
	width: 33.33333%;
	padding: 10px;
}
#melfa_main_area .col_2 > div {
	width: 50%;
	padding: 10px;
}

@media only screen and (max-width: 732px) {
#melfa_main_area .col_3 > div {
		width: 100%;
	}
#melfa_main_area .col_2 > div {
		width: 100%;
	}
}
#melfa_main_area .docLinkDate {
text-align:left !important;
}

@media only screen and (max-width: 780px) {
    #melfa_main_area h4 {
	    font-size: 95%;
	    font-weight: bold;
	    margin-bottom: 0.5rem;
	    padding-bottom: 0.25rem;
	    border-bottom: 1px solid #333;
	    margin-top: 1rem;
        }
    }

/*モバイルで表示767px以下で有効）*/
@media only screen and (max-width: 767px) {
    #melfa_main_area .sp_prev  {flex-wrap: wrap}
    #melfa_main_area .sp_prev .col1 {width: 100%}
    #melfa_main_area .sp_prev .mt_mb05 {margin-top: 0.25em; margin-bottom: 1em}
    #melfa_main_area .pc_prev {display: none}
    #melfa_main_area .sp_indention {display: inline} /*SP改行あり*/
}

/*PCで表示（768px以上で有効）*/
@media only screen and (min-width:768px) {
    #melfa_main_area .sp_prev {
    display: none;
    }
    #melfa_main_area .sp_indention {display: none}/*PC改行無し*/
}

#melfa_main_area .sp_mb0 {margin-bottom: 0}
#melfa_main_area .sp_mb05 {margin-bottom: 0.5em}
#melfa_main_area .sp_mb1 {margin-bottom: 1em}
#melfa_main_area .sp_mb2 {margin-bottom: 2em}
#melfa_main_area .sp_mt0 {margin-top: 0}
#melfa_main_area .sp_mt1 {margin-top: 1em}
#melfa_main_area .sp_mt15 {margin-top: 1.5em}
#melfa_main_area .sp_pl05 {padding-left: 0.5em}
#melfa_main_area .sp_pl1 {padding-left: 1em}
#melfa_main_area .sp_pl15 {padding-left: 1.5em}
#melfa_main_area .sp_pl2 {padding-left: 2em}
#melfa_main_area .sp_pl_lr {padding-left: 0.5em; padding-right: 0.5em}
#melfa_main_area .sp_pb1 {padding-bottom: 1em}
#melfa_main_area .sp_note {text-indent: -0.75em; margin-left: 1em}
#melfa_main_area .pl_block {display: block; padding-left: 1.3em}

#melfa_main_area .no_breaks {display: inline-block}

/*注釈設定（ナンバリング自動）*/
#melfa_main_area .list_indent {
    text-indent: -1.5em;
    margin-left: 1.5em;
    counter-increment: num;
    margin-bottom: 0em !important;
    /*font-size: 70%;*/
    }

/*注釈設定---モバイルで表示768px以下で有効）*/
@media only screen and (max-width: 768px) {
    #melfa_main_area .list_indent { text-indent: -1.5em}
    #melfa_main_area .list_indent::before {
        content: '*'counter(num)'.';
        display: inline-block;
        width: 1.5em;
        text-indent: 0;
    }
}
/*注釈設定---PCで表示（768px以上で有効）*/
@media only screen and (min-width:769px) {
   #melfa_main_area .list_indent { text-indent: -2em; margin-left: 1.75em}
    #melfa_main_area .list_indent::before {
        content: '*'counter(num)'.';
        display: inline-block;
        width: 2em;
        text-indent: 0;
    }
}

/*注釈設定（テキスト入力のナンバリング）*/
#melfa_main_area .list_indent_no {
    text-indent: -2em;
    margin-left: 2em;
    counter-increment: num;
    margin-bottom: 0em !important;
    /*font-size: 70%;*/
    }

#melfa_main_area .list_indent_nonum {
    text-indent: -1.5em;
    margin-left: 1.75em;
    counter-increment: num;
    margin-bottom: 0em !important;
    }
    /*モバイルで表示*/
@media only screen and (max-width: 768px) {
   #melfa_main_area .list_indent_no { text-indent: -1.5em;
    margin-left: 1.5em;
   }
   #melfa_main_area .list_indent_nonum { text-indent: -0.5em;
    margin-left: 0.5em;
   }
}

#melfa_main_area .icon_img {
    padding-left:0.2em; 
    padding-bottom:0.1em;
}
    /*モバイルで表示*/
@media only screen and (max-width: 780px) {
    #melfa_main_area .icon_img {
    padding-left:0.2em; 
    margin-bottom: -0.3em;
    }
    #melfa_main_area .font100 {font-size: 100%}
}
#melfa_main_area .box_waku {
padding:2px;
border:1px solid #333;
}

#melfa_main_area .fa-heading_table_head th, #melfa_main_area .fa-heading_table_body th {vertical-align: middle}
#melfa_main_area .fa-heading_table_body td {vertical-align: middle; text-align: center}

#melfa_main_area .fa-heading_lv2 {margin-bottom: 0.5em !important}

#melfa_main_area .cpu_top {
    border:10px solid #CCC; 
    margin-top:30px;
    }
#melfa_main_area .bg_grade {
    background: rgb(254,254,254);
    background: linear-gradient(0deg, rgba(253,254,254,1) 0%, rgba(228,228,228,1) 100%);
    }

#melfa_main_area .friendly_box {
    height:auto;
    margin:20px 0 0 0;
    padding:10px;
    background-color:#f1dcdd;
    }

#melfa_main_area .fa-unordered_list li {
    font-size: 85% !important;
    font-weight: 800;
    margin-left: 1em;
    }
#melfa_main_area .fa-unordered_list a {
    text-decoration: underline !important;
    }

#melfa_main_area .aw_box_info {
     border: #ccc 1px solid;
     padding: 0.25em;
     margin: 1em 0;
    }
#melfa_main_area .fa-column_boder {
     border: #ccc 1px solid;
     padding: 0.25em;
    }
/*PCで表示（781px以上で有効）*/
@media only screen and (min-width:781px) {
    #melfa_main_area .web_serv_list li {
        position: relative;
        padding-left: 1em;
    }
    #melfa_main_area .web_serv_list li:before {
        content:" ";
        position: absolute;
        top: .4em;
        left: 0;
        width: 8px;
        height: 8px;
        border: 1px solid #000;
        border-radius: 50%;
        font-size: 75%;
    }
    #melfa_main_area .web_serv_list {
        font-size: 75%;
        line-height: 1.5;
        box-sizing: border-box;
        padding-left: 1.2em;
        }
    }
/*モバイルで表示*/
@media only screen and (max-width: 780px) {
#melfa_main_area .web_serv_list li {
    position: relative;
    padding-left: 1em;
}
#melfa_main_area .web_serv_list li:before {
    content:" ";
    position: absolute;
    top: .5em;
    left: 0;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 75%;
    }
    .web_serv_list {
        font-size: 95%;
        line-height: 1.5;
        box-sizing: border-box;
        margin-left: 0.5em;
       }
    }
    
@media only screen and (min-width:769px) {
    #melfa_main_area h5 {
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 20px;
    }
}
@media only screen and (max-width: 768px) {
    #melfa_main_area h5 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 20px;
    }
}

/*--- パートナー製品のアイコン ---*/
/*PCで表示（768px以上で有効）*/
@media only screen and (min-width:768px) {
    #melfa_main_area h2.frame {
	position: relative;
    }
    #melfa_main_area h2.frame span.innerHead {
	display: inline-block;
	text-align: right;
	font-size: 85%;
	color: #FFF;
	background-image: none;
	background-color: #900;
	padding: 0 1em 0 1.5em;
	border-radius: 1em;
	position: absolute;
	right: 0.5em;
	top: 6px;
    }
}

/*モバイルで表示*/
    #melfa_main_area span.icon_partner {
	display: inline-block;
	text-align: right;
	font-size: 85%;
	color: #FFF;
	background-image: none;
	background-color: #900;
	padding: 0.25em 1em;
	border-radius: 1em;
	right: 0.5em;
	top: 6px;
    }

#melfa_main_area .txt085 {font-size:0.85rem}
#melfa_main_area .txt1 {font-size:1rem}
#melfa_main_area .txt125 {font-size:1.25rem}
#melfa_main_area .txt15 {font-size:1.5rem}
#melfa_main_area .txt175 {font-size:1.75rem}
#melfa_main_area .txt2 {font-size:2rem}

#melfa_main_area ul.linkList li { background: url(/fa/shared/v0002/img/footer/bg_footer04.gif) no-repeat left 5px; _background: url(/fa/shared/v0002/img/footer/bg_footer04.gif) no-repeat left 5px; padding:0 0 0 10px; }
#melfa_main_area ul.linkList li a { margin:0 }