@charset "Shift_JIS";

@import "../../../css/navi.css";
@import "../../../css/base.css";
@import "../../../css/id.css";
@import "../../../css/color2.css";

#MAIN{
width:748px;
text-align:left;
}


.MLEFTTOP{
float:left;
clear:both;
width:323px;
height:450px;
background-color:#3c92be;
}

.MRIGHTTOP{
float:left;
width:425px;
height:450px;
background-color:#efefef;
background-image: url(img/top.jpg);
background-repeat: no-repeat;
}


.MLEFT{
float:left;
clear:both;
width:323px;
height:165px;
background-color:#3785ae;
background-image: url(img/left_bg.jpg);
background-repeat: no-repeat;
}

.MRIGHT{
float:left;
width:425px;
height:165px;
background-color:#000000;
background-image: url(img/right_bg.gif);
background-repeat:repeat-x;
}


/*左に55pxの隙間*/
.left55{
margin:0 0 0 55px;
}


/*==================トップページ==================*/


/*トップロゴ*/
.rogo{
width:214px;
height:49px;
margin:83px 0 117px 55px;
}

/*トップ文章*/
.toptext{
color:#ffffff;
margin:0 55px;
line-height:18px;
font-size:11px;
font-family:"MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
font-weight:normal;
}

/*小見出し*/

.km{
width:638px;
height:46px;
margin:53px 0 19px 0;
}

/*フレキシブル局所排気装置*/
#le{
background-repeat: no-repeat;
}

#le ul { margin:0; padding:0; list-style-type: none;}
#le ul li { height: 307px; overflow: hidden; float:left;  margin:0 15px 7px 0;}
#le ul li a { display: block; height: 307px; background-position: 0px 0px; background-repeat:no-repeat; text-decoration:none; color:#000000; background-color:#bbbbbb;}
#le ul li a:hover { color:#3c92be; background-color:#629ebd;background-position: 0px 0px;}

#le ul li#le01 a { background-image: url(img/le1.png); background-position: 0px 0px; width:202px;}
#le ul li#le02 a { background-image: url(img/le2.png); background-position: 0px 0px; width:203px;}
#le ul li#le03 a { background-image: url(img/le3.png); background-position: 0px 0px; width:203px;}

#le ul li a span { display: block; padding:251px 23px 0 23px;
line-height:14px; font-size:80%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅"; text-decoration:none; }
#le ul li a h3 { position: absolute; left: -9999px; }


/*ローカルフィルタリングシステム*/
#lfs{
margin:0;
background-repeat: no-repeat;
overflow: hidden;
}

#lfs ul { margin:0; padding:0; list-style-type: none;}
#lfs ul li { height: 188px; width:312px; overflow: hidden; float:left;  margin:0 14px 35px 0;}
#lfs ul li a { display: block; height: 188px; width:312px; background-position: 0px 0px; background-repeat:no-repeat; text-decoration:none; color:#000000; background-color:#bbbbbb;}
#lfs ul li a:hover { color:#3c92be; background-color:#629ebd;background-position: 0px 0px;}
#lfs ul li a span { display: block; padding:71px 23px 0 23px;
line-height:14px; font-size:80%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅"; text-decoration:none;}

#lfs ul li#lfs01 a { background-image: url(img/lfs1.png);  background-position: 0px 0px;}
#lfs ul li#lfs02 a { background-image: url(img/lfs2.png);  background-position: 0px 0px;}

#lfs ul li a h3 { position: absolute; left: -9999px; }


/*==================各ページのボタン==================*/

/*中身メニューボタン*/
#spm{
width:211px;
margin:48px 0 0 0;
background-repeat: no-repeat;
overflow: hidden;
float:left;
}

#spm ul { margin:0 0 0 1px; padding:0; list-style-type: none;}
#spm ul li { height: 23px; margin:0; overflow: hidden; float:left; }
#spm ul li a { display: block; width:210px; height: 23px; background-position: 0px 0px; text-decoration:none; background-repeat:no-repeat; color:#ffffff; background-image: url(img/b1.gif);}

#spm ul li a:hover { background-repeat:no-repeat; text-decoration:none; color:#ffffff; background-position: 0px -23px;}

#spm ul li a span { padding-left:53px; line-height:23px; font-size:11px; font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";}

BODY#page1 #spm ul li#spm1 a { background-position: 0px -46px; color:#c7d1d7;}
BODY#page2 #spm ul li#spm2 a { background-position: 0px -46px; color:#c7d1d7;}
BODY#page3 #spm ul li#spm3 a { background-position: 0px -46px; color:#c7d1d7;}
BODY#page4 #spm ul li#spm4 a { background-position: 0px -46px; color:#c7d1d7;}
BODY#page5 #spm ul li#spm5 a { background-position: 0px -46px; color:#c7d1d7;}


/*バックボタン*/
#back{
width:323px;
height:165px;
margin:0;
padding:0;
background-repeat: no-repeat;
overflow: hidden;
}

#back ul { margin:0; padding:0; list-style-type: none;}
#back ul li { height: 165px; width:323px; margin:0; overflow: hidden; float:left; }
#back ul li a { display: block; height: 165px; width:323px; background-position: 0px 0px; text-decoration:none; background-image: url(img/back_off.gif); background-repeat:no-repeat; color:#ffffff;}
#back ul li a:hover { background-repeat:no-repeat; text-decoration:underline; color:#ffffff; background-image: url(img/back_on.gif);}
#back ul li a span { position: absolute; left: -9999px; }


/*==================製品詳細関連==================*/


/*個別メニュー*/
#menu{
width:638px;
margin:20px 0;
overflow: hidden;
float:left;
background-image: url(img/menu_bg.gif);
background-repeat:repeat-x;
}

#menu ul { margin:0; padding:0; list-style-type: none;}
#menu ul li { height: 22px; margin:0 9px 0 0; overflow: hidden; float:left; }
#menu ul li a { display: block; width:118px; height: 22px; background-position: 0px 0px; text-decoration:none; background-repeat:no-repeat; color:#999999; background-image: url(img/menu.gif);}

#menu ul li a:hover { background-repeat:no-repeat; text-decoration:none; color:#000000; background-position: 0px -22px;}

#menu ul li a span { padding-left:25px; line-height:24px; font-size:11px; font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}


#menu ul li#on a { background-position: 0px -44px; color:#999999;}



/*タイトル1（色部）*/
.name3{
display: list-item;
list-style-type: none;
text-decoration:none;
padding:0 4px 0px 4px;
margin:30px 0 0 0;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:100%;
font-weight:normal;
border:solid 1px;
float:left;
line-height:19px;
height:21px;
color:#3c92be;
border-color:#6dadce;
}

/*タイトル2*/
.name4{
clear:both;
display: block;
width:638px;
overflow: hidden;
margin:3px 0px 20px 0;
line-height:36px;
font-weight:bolder;
height: 36px;
background-repeat: no-repeat;
background-image: url(../../../img/h2.gif);
font-size:20px;
background-color:#cccccc;
color:#333333;
float:left;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/* 見出し */
.topics1{
font-size:15px;
font-weight:bolder;
color:#333333;
margin:15px 0 5px 0;
padding:7px 0 0 16px;
line-height:17px;
height:24px;
overflow: hidden;
background-image: url(img/topics1.gif);
background-repeat: no-repeat;
clear:both;
}

/* 見出し2 */
.topics2{
font-size:13px;
color:#000000;
font-weight:bolder;
}

/* 見出し3 */
.topics3{
font-size:14px;
color:#000000;
font-weight:bolder;
font-family: "ＭＳＰ ゴシック", "Osaka‐等幅";
}


/* 斜線ライン */
.hr2{
width:637px;
height:19px;
margin:20px 0 20px 0px;
}


/* 小見出し2 */
.komi2{
display: block;
width:638px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:110%;
line-height:140%;
color:#333333;
margin:0;
padding:0;
font-weight:normal;
}

/* 特長のリスト */
.good{
margin:10px 0px 45px 30px;
padding:0;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height:15px;
}

.good li{
margin-bottom:10px;
}


/* 保安機能 */
.good2{
margin:10px 0px 45px 30px;
padding:0;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height:15px;
font-size:80%;
}


/* グラフの画像 */
.graph{
margin:15px 30px 15px 15px;
width:250px;
float:left;
}

/* グラフの文章 */
.textwaku{
line-height:200%;
margin:15px 30px 15px 15px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/* グラフの文章2 */
.textwaku2{
line-height:150%;
margin:30px 30px 15px 30px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/* ラインナップの文字 */
.textlu{
line-height:150%;
margin:15px 55px 7px 0;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/* ラインナップの文字 */
.textlu2{
line-height:150%;
margin:15px 55px 7px 30px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/* ラインナップの画像 */
.lineup{
float:left;
margin:7px 15px 15px 0;
width:350px;
}

/* ラインナップの画像 */
.lineup2{
float:left;
margin:7px 15px 15px 0;
width:230px;
}


.hr3{
width:638px;
height:1px;
margin:20px 0;
}


/* 枠 */
.waku3{
border:solid 1px #dfe4e4;
padding:0px;
margin:0 0 30px 0;
background-color:#ffffff;
width:638px;
float:left;
}

/* 右55pxのスキマ */
.right55{
margin:15px 55px 50px 0;
padding:0;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height:160%;
}


/* 製品画像 */
.pro1{
margin:0 30px 30px 0;
width:238px;
}


/*左235寄せ*/
.f235{
clear:both;
float:left;
width:238px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

.minit{
font-size:11px;
font-weight:bolder;
color:#333333;
font-family: "Verdana", "ＭＳＰ ゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
}


/* ======================小さい表用====================== */
td.hyo1,td.hyo10,td.hyo20{
font-size:70%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#000000;
padding:2px 5px;
}

/* 見出しセル、ラインナシ */
.hyo10{
background-color:#efefef;
text-align:center;
}

/* 左にライン、見出しセル */
.hyo1{
background-image: url(img/bg_hyo1.gif);
background-repeat: repeat-y;
background-color:#efefef;
text-align:center;
}

/* 左よせ、ラインナシ */
.hyo20{
background-color:#ffffff;
}

/* 左にライン、真ん中よせ */
.hyo2{
background-image: url(img/bg_hyo1.gif);
background-repeat: repeat-y;
font-size:70%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
padding:2px 7px;
line-height:120%;
color:#000000;
}


/* ======================でかい表用====================== */

/* 薄ピンク見出しセル、ラインナシ、真ん中よせ */
td.hyop{
font-size:70%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#000000;
text-align:center;
padding:2px 0px;
background-color:#fde8f1;
background-image: url(img/bg_hyo2.gif);
background-repeat: repeat-y;
}

/* 肌色見出しセル、ラインナシ、真ん中よせ */
td.hyoh{
font-size:70%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#000000;
text-align:center;
padding:2px 0px;
background-color:#fff1e1;
background-image: url(img/bg_hyo2.gif);
background-repeat: repeat-y;
}


/* 白色見出しセル、左ライン、左よせ */
td.hyow{
font-size:70%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#000000;
padding:2px 0 0 2px;
background-color:#ffffff;
}

/* 白色見出しセル、左ライン、左よせ */
td.hyow2{
font-size:15px;
font-family:"ＭＳ ゴシック", "MS UI Gothic", "ヒラギノ角ゴ Pro W3",  "Osaka‐等幅";
color:#000000;
text-align:center;
padding:0 0 0 2px;
background-color:#ffffff;
background-image: url(img/bg_hyo2.gif);
background-repeat: repeat-y;
}

.p{
color:#f05b7d;
}

.g{
color:#bcd85f;
}

.b{
color:#00b9f2;
}


/* 青色セル、左ラインナシ、左よせ */
td.hyob{
font-size:70%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#000000;
padding:2px;
background-color:#e9f3ef;
}



/* ======================hr====================== */

/* 灰色ラインのセル */
.hyo0{
background-color:#cccccc;
}

/* 黒ラインのセル */
.hyo02{
background-color:#000000;
}

/* ラインの画像（短） */
.hrhyo{
width:326px;
height:1px;
}

/* ラインの画像（長） */
.hrhyo2{
width:638px;
height:1px;
}

/* ラインの画像（最短） */
.hrhyo3{
width:230px;
height:1px;
}



/* 注記の色 */
.iro{
color:#3c92be;
font-size:80%;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/* 寸法図のサイズ */
.size{
width:638px;
height:320px;
margin:0 0 15px 0;
}

/* オプション */

.op1{
margin:0 0 5px 0;
width:192px;
height:133px;
}

.op2{
margin:1px 39px 9px 0;
width:183px;
height:129px;
}

.op3{
margin:1px 0 9px 0;
width:158px;
height:129px;
}

.op4{
margin:0 51px 9px 0;
width:183px;
height:153px;
}

.op5{
margin:0 51px 9px 0;
width:139px;
height:153px;
}

#opt{
margin:30px 0 30px 30px;
}

#tit{
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:15px;
font-weight:bold;
color:#ffffff;
padding:5px 10px;
width:638px;
background-color:#6dadce;
line-height:16px;
}