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


/*タイトルとバックボタン*/
.MLEFT{
float:left;
clear:both;
width:416px;
height:293px;
background-repeat: no-repeat;
background-image: url(img/ttop_1_1.jpg);
}

/*カタログ*/
.MRIGHT{
padding:85px 0px 0px 144px;
width:332px;
height:293px;
clear:both;
background-repeat: no-repeat;
background-image: url(img/ttop_1_2.jpg);
}

.MLEFT2{
float:left;
clear:both;
width:535px;
height:208px;
background-image: url(img/bb_1.jpg);
background-repeat: no-repeat;
}

.MRIGHT2{
float:left;
width:213px;
height:208px;
background-image: url(img/bb_2.jpg);
background-repeat:repeat-x;
}


#MAIN{
background-repeat: no-repeat;
width:748px;
margin-left: 1px;
text-align:left;
background-color:#f2efbd;
}

#MAIN2{
background-repeat: no-repeat;
width:748px;
margin-left: 1px;
text-align:left;
background-color:#ffffff
}

/*オプションの小さい文字*/
.te01{
padding:10px 55px 0 55px;
color:#515151;
line-height:140%;
font-size:80%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
width:auto
}
/*トータルソリューション用*/
.te02{
color:#515151;
line-height:140%;
font-size:80%;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
width:auto
}

.p15{
padding:0px 0px 0 15px;
}


/*左に41pxの隙間*/
.left41{
margin:0 0 0 41px;
}


.p35{
padding:20px 35px 0 35px;
}


.longtext{
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#515151;
line-height:160%;
margin-top:-3px;
font-size:100%;
padding:10px 41px 0px 232px;
}

.longtext2{
font-family: "ＭＳ ゴシック", "Osaka‐等幅", "ヒラギノ角ゴ Pro W3";
color:#515151;
line-height:150%;
padding:5px 10px 0 10px;
font-size:95%;
}


.dai{
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#52758b;
padding:0;
font-size:15px;
font-weight:bolder;
}

.mini3{
color:#515151;
padding:0;
font-size:80%;
margin-left:130px;
}


.midashi{
background-color:#52758b;
color:#ffffff;
margin-bottom:0px;
padding:3px 10px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:100%;
}

.fl1{
color:#345573;
padding:0;
font-size:80%;
text-align: center;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height:120%;
}

.fl2{
color:#345573;
font-size:80%;
text-align: center;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height:120%;
padding:5px 0 5px 0;
border: 1px #345573 solid;
width: 120px;
height: 90px;
background-color:#c8d9dc;
}



.catalog1{
overflow: hidden;
margin-top:5px;
height:198px;
width:178px;
background-color:#ffffff;
}

.catalogt{
color:#52758b;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:80%;
line-height:120%;
display: block;
}

.cattitle{
margin-bottom:23px;
width:31px;
height:5px;
}


/*カタログ画像*/
.cataimg{
width:66px;
height:94px;
border: solid 1px #bbbbbb;
}

table.catalog2{
margin-top:17px;
margin-left:15px;
width:148px;
}

td.cat1{
width:80px;
vertical-align:top;
}

td.cat2{
width:68px;
vertical-align:top;
}


/*カタログボタン*/
#catm{
width:148px;
height:25px;
margin:13px 0 0 15px;
background-repeat: no-repeat;
}

#catm ul { margin:0; padding:0; list-style-type: none;}
#catm ul li { height: 25px; width:148px; margin-bottom:5px; overflow: hidden; float:left; }
#catm ul li a { display: block; height: 25px; width:148px; background-position: 0px 0px; text-decoration:none; background-repeat:no-repeat;}
#catm ul li a:hover { background-repeat:no-repeat; text-decoration:none; background-position: 0px -25px;}
#catm ul li a span { position: absolute; left: -9999px; }

#catm ul li#catm1 a { background-image: url(img/cat_form.gif); }
#catm ul li#catm2 a { background-image: url(img/cat_online.gif);}


/*納入実績ボタン*/
#more4{
margin:40px 0 15px 0;
background-repeat: no-repeat;
width:666px;
height:50px;
float:left;
}

#more4 ul { margin:0; padding:0; list-style-type: none;}
#more4 ul li { height: 50px; width:666px; margin:0; overflow: hidden; float:right; }
#more4 ul li a { display: block; height: 50px; width:666px; background-position: 0px 0px; text-decoration:none; background-image: url(img/no.gif); background-repeat:no-repeat;}
#more4 ul li a:hover { background-repeat:no-repeat; text-decoration:none; background-position: 0px -50px;}
#more4 ul li a span { position: absolute; left: -9999px; }

/*オプションボタン*/
#more5{
margin:0px 0 40px 0;
background-repeat: no-repeat;
width:666px;
height:50px;
float:left;
}

#more5 ul { margin:0; padding:0; list-style-type: none;}
#more5 ul li { height: 50px; width:666px; margin:0; overflow: hidden; float:right; }
#more5 ul li a { display: block; height: 50px; width:666px; background-position: 0px 0px; text-decoration:none; background-image: url(img/kyo.gif); background-repeat:no-repeat;}
#more5 ul li a:hover { background-repeat:no-repeat; text-decoration:none; background-position: 0px -50px;}
#more5 ul li a span { position: absolute; left: -9999px; }

/*テーブルトップラボページへ*/
#more0{
padding:0px 0px 0px 0px;
background-repeat: no-repeat;
width:206px;
float:left;
}
#more0 ul { margin:0; padding:0; list-style-type: none;}
#more0 ul li { height: 20px; width:206px; margin:0; overflow: hidden; float:right; }
#more0 ul li a { display: block; height: 20px; width:206px; background-position: 0px 0px; text-decoration:none; background-image: url(img/la_l.gif); background-repeat:no-repeat; color:#ffffff;font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:85%; line-height:25px; }
#more0 ul li a:hover { background-repeat:no-repeat; text-decoration:none; background-position: 0px -20px; color:#ffffff;}
#more0 ul li a span {margin-left: 20px; }



/*詳細ボタン2封じ込め*/
#more2{
margin-top:0px;
padding:0px 0px 0px 0px;
background-repeat: no-repeat;
width:323px;
float:left;
}

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

/*詳細ボタン3無菌*/
#more3{
margin-top:0px;
padding:0px 0px 0px 0px;
background-repeat: no-repeat;
width:323px;
float:left;
}

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







/*カテゴリメニュー*/
#spm{
width:205px;
margin:0 0 0 295px;
background-repeat: no-repeat;
overflow: hidden;
}

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

#spm ul li#spm1 a { background-image: url(img/b1.gif); width:205px; color:#f2efbd;}
#spm ul li#spm2 a { background-image: url(img/b1.gif); width:205px; color:#f2efbd;}
#spm ul li#spm3 a { background-image: url(img/b1.gif); width:205px; color:#f2efbd;}
#spm ul li#spm4 a { background-image: url(img/b1.gif); width:205px; color:#f2efbd;}


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

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

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



/*カタログ*/
.PRIGHT{
float:left;
width:374px;
}


/*マスになにもないとき*/
.nopro{
width:374px;
height:50px;
}


.prom{
width:117px;
height:117px;
float:left;
clear:both;
}


.name1{
display: list-item;
list-style-type: none;
text-decoration:none;
padding:3px 4px 0 4px;
margin:19px 0 0 0;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:85%;
font-weight:normal;
line-height:110%;
border:solid 1px #52758b;
float:left;
color:#52758b;
}

.name2{
width:215px;
margin:5px 0 0 0;
padding:0;
color:#000000;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-weight:bolder;
font-size:100%;
line-height:15px;
height:15px;
float:left;
}

.name3{
width:238px;
margin:5px 0 0 0;
padding:0;
color:#000000;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-weight:bolder;
font-size:100%;
line-height:15px;
float:left;
}



.name0{
width:468px;
margin:5px 0 0 0;
padding:0;
color:#000000;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-weight:bolder;
font-size:110%;
line-height:20px;
height:20px;
float:left;
}

.text1{
padding:20px 0px 20px 136px;
font-family:  "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
line-height:19px;
color:#345573;
}

.text2{
padding:10px 0px 10px 170px;
width:678px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
line-height:19px;
color:#515151;
}

.text03{
padding:20px 21px;
width:323px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:13px;
line-height:22px;
color:#345573;
float:left;
letter-spacing: normal;
background-image:url(img/b_3.gif);
height:264px;
}

.text04{
width:363px;
height:142px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
line-height:16px;
color:#345573;
float:left;
}

.text05{
padding:20px 10px 0px 10px;
width:229px;
font-family:"MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:90%;
line-height:21px;
color:#345573;
float:left;
}

.text06{
padding:0px 30px 0px 180px;
width:429px;
font-family:"MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
line-height:18px;
color:#515151;
float:left;
}

.red3{
color:#cf7e4e;
}


/*トップの製品色見出し*/
.name01{
display: list-item;
list-style-type: none;
text-decoration:none;
padding:3px 4px 0 4px;
margin:10px 0 0 0;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:85%;
font-weight:normal;
line-height:110%;
border:solid 1px #829b92;
float:left;
color:#829b92;
}

/*トップの製品見出し*/
.name02{
width:182px;
margin:5px 0 0 0;
padding:0;
color:#000000;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-weight:bolder;
font-size:100%;
line-height:15px;
height:15px;
float:left;
}

/*トップの製品説明*/
.text01{
margin:6px 0 0 0;
width:182px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:85%;
line-height:14px;
color:#747474;
float:left;
height:56px;
}




h2{
background-color:#f23e2e;
}


.blue{
color:#3c7371;
padding:0 10px 0 10px;
font-size:85%;
line-height:150%;
}

.blue li{
margin:0 0 7px 0;
line-height:150%;
}


.gray{
background-color:#afafaf;
color:#ffffff;
text-align:center;
padding:7px;
margin:23px 0;
}

h3{
color:#f23e2e;
font-weight:bolder;
margin:15px 0 0 0;
padding:0 0 0 10px;
font-size:100%;
}



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

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

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


/* 仕様 */
.topiwaku{
border:solid 2px #bcbcbc;
padding:10px 0 5px 13px;
margin-bottom:10px;
}

.e9{
background-image: url(img/bg_e9.gif);
background-repeat: repeat-y;
}




/*バックボタン位置*/
#back{
width:99px;
height:24px;
margin:0px 41px 0px 608px;
padding:0;
background-repeat: no-repeat;
overflow: hidden;
}


/* 無菌表 */
/* 左 */
td.hyo1{
font-size:13px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#52758b;
text-align:center;
padding:5px 7px;
background-color:#c8d9dc;
font-weight:bold;
}

/* 右 */
td.hyo2{
font-size:12px;
font-family:"MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#515151;
padding:5px 10px;
}

/* ドーバー下表 */
td.hyo3{
font-size:11px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#ffffff;
text-align:center;
padding:5px 7px;
background-color:#52758b;
}

/*共通オプション枠*/
.waku2{
border:solid 1px #ffffff;
background-color:#f6f5de;
padding:10px;
margin:0 0 0px 0;
width:676px;
}

/*共通オプション文字*/
.op1{
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:90%;
height:auto;
color:#52758b;
background-color:#c8d9dc;
float:left;
text-align:center;
font-weight:bold;
}

/*ドーバー大文字*/
.mo1{
padding-left:10px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
height:auto;
color:#52758b;
float:left;
font-weight:bold;
}

/*ドーバー小文字*/
.mo2{
padding-top:10px;
padding-left:30px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
height:auto;
color:#515151;
float:left;
line-height:25px;
}

/*ドーバー小小文字*/
.mo3{
padding:10px 30px 0 50px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
width:330px;
height:auto;
color:#345573;
float:left;
line-height:22px;
}


/*ラボ機特許文字*/
.tokkyo{
padding:5px 0px 0px 130px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:100%;
color:#345573;
line-height:17px;
font-weight:bold;
float:left;
}


.tokkyo2{
padding:0px 0px 0px 130px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:100%;
color:#345573;
line-height:17px;
float:left;
}

/*お問合せ先*/
/*枠*/
#owaku{
width:666px;
border:solid 1px;
border-color:#8ebabf;
margin-top:10px;
}

/*文字大*/
td.omoji{
padding:10px;
text-align:right;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:90%;
color:#ffffff;
font-weight:bold;
background-color:#8ebabf;
}

/*文字小*/
td.omoji2{
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
padding:10px 0 5px 20px;
font-size:13px;
color:#345573;
float:left;
line-height:18px;
}

.tel{
font-size:12px;
display:list-item;
list-style-type: none;
margin-top:5px;
text-decoration:none;
margin-right:18px;
padding-left:23px;
line-height:19px;
background-image: url(img/tel.gif);
background-repeat:no-repeat;
height: 19px;
float:left;
}

.fax{
font-size:12px;
display:list-item;
list-style-type: none;
margin-top:5px;
text-decoration:none;
padding-left:23px;
line-height:19px;
background-image: url(img/fax.gif);
background-repeat:no-repeat;
height: 19px;
float:left;
}

.mini4{
font-size:11px;
}

/*グローブ製品*/
.PLEFT{
float:left;
clear:both;
width:339px;
height:117px;
background-color:#FFFFFF;
}

.PRIGHT{
float:right;
width:338px;
height:117px;
background-color:#FFFFFF;
}


.text7{
margin:6px 0 0 0;
width:220px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:85%;
line-height:14px;
color:#747474;
float:left;
height:42px;
}

.text8{
margin:6px 0 0 0;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:85%;
line-height:14px;
color:#747474;
float:left;
}

/*トータル文字*/
.tmoji{
margin:0px 41px 50px 0;
font-size:14px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height:22px;
text-align:center;
color:#345573;
}

/*ドーバー最下文字*/
.dmoji{
margin:20px 20px 10px 20px;
font-size:13px;
line-height:20px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#515151;
}

.dmoji2{
padding-left:10px;
background-color:#515151;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

/*小型封じ込め表用*/
td.tmoji{
text-align:left;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
padding-left:40px;
font-size:14px;
font-weight:bold;
background-color:#345573;
color:#ffffff;
}

td.lmoji{
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
text-align:center;
width:150px;
font-size:13px;
color:#ffffff;
background-color:#52758b;
}

td.rmoji{
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
padding-left:20px;
font-size:13px;
color:#515151;
background-color:#ffffff;
}

li.dmoji3{
	margin-left:40px;
font-size:13px;
line-height:20px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#515151;
}

.samp{
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
text-align:center;
line-height:20px;
}

#pr1{
	width:666px;
	background-image:url(img/kon.gif);
	font-size:13px;
	font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height:18px;
	text-align:center;
	padding:10px;
	margin-bottom:10px;
	color:#FFF;
	}