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


/*カテゴリメニュー*/



.MLEFT{
background-image: url(img/bg_1.jpg);
}

.MRIGHT{
background-image: url(img/bg_2.jpg);
}
/*乾式*/
.MLEFT2{
background-image: url(img/bg_3.jpg);
width:560px;
height:228px;
float:left;
}

.MRIGHT2{
background-image: url(img/bg_4.jpg);
width:188px;
height:228px;
float:left;
}

/*湿式*/
.MLEFT3{
background-image: url(img/bg_5.jpg);
width:560px;
height:228px;
float:left;
}

.MRIGHT3{
background-image: url(img/bg_6.jpg);
width:188px;
height:228px;
float:left;
}

/*ファン*/
.MLEFT4{
background-image: url(img/bg_7.jpg);
width:560px;
height:228px;
float:left;
}

.MRIGHT4{
background-image: url(img/bg_8.jpg);
width:188px;
height:228px;
float:left;
}

/*排水*/
.MLEFT5{
background-image: url(img/bg_9.jpg);
width:560px;
height:228px;
float:left;
}

.MRIGHT5{
background-image: url(img/bg_10.jpg);
width:188px;
height:228px;
float:left;
}

/*ボタン*/
#salebottan{
overflow: hidden;
margin:15px 0 20px 0;
font-family:"ＭＳ ゴシック", "Osaka‐等幅";
font-size:11px;
line-height:25px;
}

*html #salebottan{
padding-top:5px;
padding-bottom:5px;
}

#salebottan ul { margin:0; padding:0; list-style-type: none;}
#salebottan ul li { height: 25px; line-height:25px; width: 125px; margin:0 15px 0 0; overflow: hidden; float:left; }
#salebottan ul li a { color:#333333; display: block; height: 25px; width: 125px; background-position: 0px 0px; text-decoration:none; background-image: url(img/bottan.gif);background-repeat:no-repeat;}
#salebottan ul li a:hover { color:#ffffff; background-repeat:no-repeat;background-position: 0px -25px; text-decoration:none;}
#salebottan ul li a span { font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}

/*左の隙間*/
.saleb1{
padding:0 0 0 10px;
}


/*見出しの色*/
.name1{
color:#509e85;
border-color:#73b29e;
}

.nomore1{
width:238px;
height:25px;
float:left;
}



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

/* 画像と特長テーブル左右 */
.left1{
width:364px;
}

.right1{
width:300px;
height:200px;
padding-top:27px;
}

.right1 img{
border: 1px #cccccc solid;
}

h7{
color:#515151;
font-size:18px;
font-weight:bold;
padding-top:10px;
line-height:20px;
}

/* 大見出し */
.topics1{
color:#515151;
font-size:16px;
font-weight:bolder;
padding-left:5px;
line-height:30px;
overflow: hidden;
background-image: url(img/topics1.gif);
background-repeat: no-repeat;
margin:30px 0 10px 0;
}

/* リスト */
.good{
margin:20px 10px 0px 30px;
padding:0;
font-size:12px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height:17px;
letter-spacing: normal;
}

.good li{
margin:5px 10px 5px 20px;
}

/*見出し*/
.midashi1{
color:#3d9478;
font-size:14px;
margin:0px 0px 0px 10px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/*見出し2*/
.midashi2{
padding:5px 15px 10px 10px;
width:364px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", "MS UI Gothic";
font-size:13px;
line-height:18px;
color:#515151;
float:left;
clear: left;
letter-spacing: normal;
}

.mini2{
font-size:10px;
color:#515151;
float:right;
letter-spacing: normal;
}


/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 20px; /* ナビゲーションの上パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
border-bottom: 1px #588778 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 99%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 130px; /* タブの幅 */
margin-right: 4px; /* タブの右マージン */
background: #f9f9f9 url(img/tab_gen2_left.gif) no-repeat left top; /* タブの背景（左） */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
text-decoration: none; /* テキストの下線（なし） */
color: #588778;
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.nav ul.nl li.active {
background: url(img/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
div.nav ul.nl li.active a {
color: #ffffff; /* アクティブタブの文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}