@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;
}


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

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


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

/*左に72pxの隙間*/
.left73{
margin:0 0 0 73px;
}


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

/*トップのメニューボタン*/
#point{
margin:0;
background-repeat: no-repeat;
overflow: hidden;
}

#point ul { margin:0; padding:0; list-style-type: none;}
#point ul li { height: 97px; width:312px; overflow: hidden; float:left;  margin:0 14px 14px 0;}
#point ul li a { display: block; height: 97px; width:312px; background-position: 0px 0px; background-repeat:no-repeat;}
#point ul li a span { visibility: hidden; }

#point ul li#po01 a { background-image: url(img/b1_off.gif);  background-position: 0px 0px;}
#point ul li#po01 a:hover { background-image: url(img/b1_on.gif);  background-position: 0px 0px;}
#point ul li#po02 a { background-image: url(img/b2_off.gif);  background-position: 0px 0px;}
#point ul li#po02 a:hover { background-image: url(img/b2_on.gif);  background-position: 0px 0px;}
#point ul li#po03 a { background-image: url(img/b3_off.gif);  background-position: 0px 0px;}
#point ul li#po03 a:hover { background-image: url(img/b3_on.gif);  background-position: 0px 0px;}
#point ul li#po04 a { background-image: url(img/b4_off.gif);  background-position: 0px 0px;}
#point ul li#po04 a:hover { background-image: url(img/b4_on.gif);  background-position: 0px 0px;}

/*製品ボタン*/
#prod{
margin:0;
background-repeat: no-repeat;
overflow: hidden;
}

#prod ul { margin:0; padding:0; list-style-type: none;}
#prod ul li { height: 407px; overflow: hidden; float:left;  margin:0 15px 0 0;}
#prod ul li a { display: block; height: 407px; background-position: 0px 0px; background-repeat:no-repeat; text-decoration:none; color:#7d7d7d;}
#prod ul li a:hover { color:#5ec1c1;}
#prod ul li a h3 { position: absolute; left: -9999px; }
#prod ul li a span { display: block; padding:300px 20px 0 20px; line-height:15px; font-size:80%; font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅"; text-decoration:none; }

#prod ul li#po01 a { background-image: url(img/p1_off.gif);  background-position: 0px 0px; width:202px;}
#prod ul li#po01 a:hover { background-image: url(img/p1_on.gif);  background-position: 0px 0px;}
#prod ul li#po02 a { background-image: url(img/p2_off.gif);  background-position: 0px 0px; width:203px;}
#prod ul li#po02 a:hover { background-image: url(img/p2_on.gif);  background-position: 0px 0px;}
#prod ul li#po03 a { background-image: url(img/p3_off.gif);  background-position: 0px 0px; width:203px;}
#prod ul li#po03 a:hover { background-image: url(img/p3_on.gif);  background-position: 0px 0px;}



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

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

#spm ul { margin:0; padding:0; list-style-type: none;}
#spm ul li { height: 24px; margin-bottom:4px; overflow: hidden; float:left; }
#spm ul li a { display: block; height: 24px; background-position: 0px 0px; text-decoration:none; background-repeat:no-repeat; color:#ffffff;}

#spm ul li#spm1 a { background-image: url(img/nb1.gif); width:343px; color:#ffffff;}
#spm ul li#spm2 a { background-image: url(img/nb1.gif); width:343px; color:#ffffff;}
#spm ul li#spm3 a { background-image: url(img/nb2.gif); width:113px; color:#ffffff; margin-right:1px;}
#spm ul li#spm4 a { background-image: url(img/nb3.gif); width:114px; color:#ffffff; margin-right:1px;}
#spm ul li#spm5 a { background-image: url(img/nb3.gif); width:114px; color:#ffffff;}


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

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

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


/*バックボタン*/
#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/n_top1.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/n_top2.gif);}
#back ul li a span { position: absolute; left: -9999px; }


/*==================主な特長==================*/

/*特長枠*/
.waku2{
border:solid 1px #dfe4e4;
padding:0px;
margin:0 0 50px 0;
background-color:#ffffff;
width:599px;
}

/*ラインの色*/
.hrcolor{
background-color:#dfe4e4;
}

/*主な特長の4つの中見出し*/
.title1{
width:601px
height:27px;
margin:30px 0 7px 0;
}

/*主な特長の小見出し*/
h4{
color:#000000;
font-size:13px;
font-weight:bolder;
padding:7px 13px 7px 13px;
margin:0px;
line-height:20px;
}

/*主な特長の文字*/
.text1{
font-size:80%;
line-height:150%;
padding:0px 13px 10px 13px;
}


/*主な特長のスキマ関連*/

.sukima{
margin:0 0 5px 13px;
}

.sukima2{
margin:12px 5px 0 13px;
}

.hidari{
margin:0px 10px 13px 13px;
float: left;
}


/*主な特長のマーク付小見出し*/

#mid ul { margin: 0px 0px 10px 13px; padding: 0; list-style-type: none; }
#mid ul li { float: left;  line-height:15px; display: block; background-repeat: no-repeat; background-position: 0px 0px; color:#333333; font-size:80%; background-image: url(img/li.gif); padding-left:15px;}
#mid2 ul { margin: 0px 0px 10px 13px; padding: 0; list-style-type: none; }
#mid2 ul li { float: left;  line-height:15px; display: block; background-repeat: no-repeat; background-position: 0px 0px; color:#333333; font-size:80%; background-image: url(img/li.gif); padding-left:15px;}



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


/*タイトル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:#af6580;
border-color:#bf8499;
}

/*タイトル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;
}

/* 見出し */
.topics2{
font-size:13px;
color:#ffffff;
padding:3px 5px;
line-height:17px;
height:24px;
background-color:#999999;
}


/* 斜線ライン */
.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%;
}


/* 気流の画像 */
.kiryu{
margin:15px 30px 15px 15px;
width:250px;
float:left;
}

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

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

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


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

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

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

/* 真ん中よせ、ラインナシ */
.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%;
}


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

/* 灰色見出しセル、ラインナシ、真ん中よせ */
td.hyo12{
font-size:70%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#ffffff;
text-align:center;
padding:2px 7px;
background-color:#9fa5a2;
}

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

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

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


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

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

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

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

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




/* 注記の色 */
.iro{
color:#af6580;
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;
}