@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の隙間*/
.left72{
margin:0 0 0 72px;
}


/*==================トップページ==================*/
/*ボタン*/
#bottan1{
overflow: hidden;
margin:7px 0 0 0;
font-family:"ＭＳ ゴシック", "Osaka‐等幅";
font-size:11px;
line-height:29px;
}

#bottan1 ul { margin:0; padding:0; list-style-type: none;}
#bottan1 ul li { height: 29px; line-height:29px; width: 300px; margin-bottom:5px;  overflow: hidden; }
#bottan1 ul li a { color:#599BD6; display: block; height: 29px; width: 300px; background-position: 0px 0px; text-decoration:none;}
#bottan1 ul li a:hover { color:#ffffff; background-repeat:no-repeat;background-position: 0px -29px; text-decoration:none;}
#bottan1 ul li a span { font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}

/*→までの隙間*/
.bottan2{
padding:0 0 0 24px;
}

#bottan1 ul li#bottan01 a { background-image: url(../img/bottan1.gif);background-repeat:no-repeat;}
#bottan1 ul li#bottan02 a { background-image: url(./img/bottan2.gif);background-repeat:no-repeat;}
#bottan1 ul li#mail a { background-image: url(../img/bottan3.gif);background-repeat:no-repeat;}
#bottan1 ul li#mail a:hover { color:#A4CDDB; text-decoration:underline; }


/*トップのメニューボタン*/
#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/01.gif);  background-position: 0px 0px;}
#point ul li#po01 a:hover { background-image: url(img/01_1.gif);  background-position: 0px 0px;}
#point ul li#po02 a { background-image: url(img/02.gif);  background-position: 0px 0px;}
#point ul li#po02 a:hover { background-image: url(img/02_1.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: 215px; overflow: hidden; float:left;  margin:0 15px 0 0;}
#prod ul li a { display: block; height: 215px; 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/03.gif);  background-position: 0px 0px; width:202px;}
#prod ul li#po01 a:hover { background-image: url(img/03_1.gif);  background-position: 0px 0px;}
#prod ul li#po02 a { background-image: url(img/04.gif);  background-position: 0px 0px; width:203px;}
#prod ul li#po02 a:hover { background-image: url(img/04_1.gif);  background-position: 0px 0px;}
#prod ul li#po03 a { background-image: url(img/05.gif);  background-position: 0px 0px; width:203px;}
#prod ul li#po03 a:hover { background-image: url(img/05_1.gif);  background-position: 0px 0px;}


/*pdfボタン*/
#pdf01{
margin:0;
background-repeat: no-repeat;
overflow: hidden;
}

#pdf01 ul { margin:0; padding:0; list-style-type: none;}
#pdf01 ul li { height: 52px; width:202px; overflow: hidden; float:left;  margin:15px 15px 0 0;}
#pdf01 ul li a { display: block; height: 52px; background-position: 0px 0px; background-repeat:no-repeat; text-decoration:none; color:#7d7d7d;}
#pdf01 ul li a:hover { color:#5ec1c1;}
#pdf01 ul li a h3 { position: absolute; left: -9999px; }
#pdf01 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;}


#pdf01 ul li#pd01 a { background-image: url(img/pdf_01.gif); background-position: 0px 0px; width:202px;}
#pdf01 ul li#pd01 a:hover { background-image: url(img/pdf_02.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:748px;
height:29px;
margin:0;
padding:0;
background-repeat: no-repeat;
overflow: hidden;
}

#back ul { margin:0; padding:0; list-style-type: none;}
#back ul li { height: 29px; width:748px; margin:0; overflow: hidden; float:none; }
#back ul li a { display: block; height: 29px; width:748px; background-position: 0px 0 0 0; text-decoration:none; background-image: url(img/pushpull_2_off.jpg); background-repeat:no-repeat; }
#back ul li a:hover { background-repeat:no-repeat; background-image: url(pushpull_2_on.jpg);}
#back ul li a span { position: absolute; left: -9999px; }


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

/*特長枠*/
.waku2{
border:solid 1px #dfe4e4;
padding:0px;
margin:0 0 0 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:14px;
font-weight:bolder;
padding:0px 0px 0px 13px;
margin:0px;
line-height:40px;
}

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

/*主な特長の文字2*/
.text2{
font-weight: bold;
font-size:100%;
line-height:150%;
padding:0px 0px 5px 0px;
color:#599BD6;}

/*主な特長の文字3*/
.text3{
font-size:100%;
line-height:150%;
padding:0px 0px 0px 0px;
color:#515151;}

/*主な特長の文字4*/
.text4{
font-weight: bold;
font-size:150%;
line-height:100%;
padding:20px 0px 0px 0px;
color:#599BD6;}

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

.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:10px 0px 20px 0;
width:310px;
height:310px;}

/* 製品画像 */
.pro2{
margin:10px 0px 20px 0;
padding:0px;
width:310px;
height:310px;
float:right;}


/* ======================小さい表用====================== */
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:80%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#ffffff;
text-align:center;
padding:2px 7px;
background-color:#969fa6;
}




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




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


/* -----------------------------ムービー関係ここから----------------------------- */

/* 左側のサムネイルの画像サイズと位置 */
.movie{
width:124px;
height:82px;
float:left;
}

/* 枠の色とスキマ */
.wakucolor2{
border:solid 1px #add2ee;
margin-top:15px;
padding:10px;
}

/* MOVIEタイトル画像のサイズとスキマ */
.movie2{
width:171px;
height:17px;
margin-bottom:2px;
}

/* 説明の文字の色 */
.movicolor{
color:#4397d9;
line-height:14px;
font-size:80%;
height:38px;
}


/* ---------色付きのリンク--------- */

/* 元の色 */
A.colorlink{
color:#4397d9;
text-decoration:underline;
}
/* 訪問済み */
A.colorlink:visited{
color:#4397d9;
text-decoration:underline;
}
/* 乗せたとき */
A.colorlink:hover{
text-decoration:underline;
color:#add2ee;
}

/* -----------------------------ムービー関係ここまで----------------------------- */