/* グローバル 現カテゴリロールオーバー逆転 */
#gnavi li#n04 a{ background-position:bottom}
#gnavi li#n04 a:hover{ background-position:top}

/*ヘッダimage*/
.himg{ background:url(img/image.jpg) top center no-repeat;}

/* ラッパータイトル */
h2{ background:url(img/t1.png) top left no-repeat;}

/* ぱんくず */
#pan a.work{ 
 display:inline; xcolor:#ccc; xtext-decoration:none; xborder:none;
 }
 
/* 会社案内へ */
.button{ clear:both;}
.button a{
background:url(img/nxtb.png) top left no-repeat;
}


/* お問合せへ */
.button2{ clear:both;}
.button2 a{
background:url(img/nxtb2.png) top left no-repeat;
}


#rap h3.syscat{ text-indent:0px; padding:10px 0px 0px 40px; margin:0px; font-size:14px; margin-bottom:15px; margin-left:5px; width:620px; background:url(img/catt.png) top left no-repeat; height:32px; color:#4A7733;}


/* 詳細ボタン */
#rap div.syslstbox .dtlbtn{}
#rap div.syslstbox .dtlbtn a{ width:112px; height:25px; display:block; text-indent:-999em; background:url(/img/nxtbtn.png) top left no-repeat; float:right; text-align:left;}
#rap div.syslstbox .dtlbtn a:hover{ background-position:bottom;}


/* 製品一覧枠*/
#rap div.syslstbox{ clear:both; display:inline-block; width:95%; margin-bottom:20px;}
#rap div.syslstbox h4{
 display:block;
 text-indent:0px;
 color:#009999;
 font-size:14px;
 background:url(img/icon.png) top left no-repeat;
 padding-left:35px;
 padding-top:7px;
 border-bottom:1px solid #ccc;
 margin:0px;
}

#rap div.syslstbox p{ display:inline-block; text-indent:0px}
#rap div.syslstbox p.img{ width:150px; height:112px; float:left; margin-right:10px;}
#rap div.syslstbox div.txt{ float:left; text-align:left; width:420px;}
html>body #rap div.syslstbox div.txt{ width:430px;}
#rap div.syslstbox .txt p{ text-align:left; width:100%; padding:8px;}


#lt01{ background:url(img/t01.png) top left no-repeat;}

.h401{ background:url(img/i01t.png) top left no-repeat;}
.h402{ background:url(img/i02t.png) top left no-repeat;}
.h403{ background:url(img/i03t.png) top left no-repeat;}
.h404{ background:url(img/i04t.png) top left no-repeat;}

/* indexカテゴリ枠 */
ul#indexbox{ display:inline-block;}
html>body ul#indexbox{ margin-left:7px}
ul#indexbox li{ background:#E1E1DD; display:inline-block; height:360px; width:200px; float:left; margin-right:5px; margin-bottom:10px;}
html>body ul#indexbox li{ margin-right:5px; }

/* index */
ul#indexbox li p{ padding:0px 6px 6px 6px;}
ul#indexbox li p strong{ display:none;}

/* カテゴリタイトル */
ul#indexbox li h3{ height:45px; margin:0px; padding:0px;}
ul#indexbox li.ind01 h3{ background:url(img/cat01.png) top left no-repeat;}
ul#indexbox li.ind02 h3{ background:url(img/cat02.png) top left no-repeat;}
ul#indexbox li.ind03 h3{ background:url(img/cat03.png) top left no-repeat;}
ul#indexbox li.ind04 h3{ background:url(img/cat04.png) top left no-repeat;}
ul#indexbox li.ind05 h3{ background:url(img/cat05.png) top left no-repeat;}
ul#indexbox li.ind06 h3{ background:url(img/cat06.png) top left no-repeat;}
ul#indexbox li h3 a{ display:block; width:188px; height:29px; background:none; margin:8px 3px; float:left;}
html>body ul#indexbox li h3 a{ width:185px; margin:8px 8px; }

/* カテゴリ文章 高さ指定 */
ul#indexbox li.ind01 p,
ul#indexbox li.ind02 p,
ul#indexbox li.ind03 p{ height:55px; display:inline-block;}
ul#indexbox li.ind04 p,
ul#indexbox li.ind05 p,
ul#indexbox li.ind06 p{ height:55px; display:inline-block;}


ul#indexbox li a{ width:112px; height:25px; display:block; text-indent:-999em; float:right; margin-right:5px; margin-bottom:8px; background:url(img/dtlbtn.png) top left no-repeat;}
html>body ul#indexbox li a{ margin-right:9px;}
ul#indexbox li a:hover{ background-position:bottom;}


/* randombox */
ul#indexbox li .syslstbox{ background:url(img/pictit.png) top left no-repeat; padding-top:25px; text-align:center; width:190px; margin:0px; margin-left:5px; margin-top:8px;}
ul#indexbox li .ranbox{ display: inline-block;}

ul#indexbox li div.syslstbox p{ display:inline-block; text-indent:0px; background:none; padding:0px; margin:5px; text-align:center;}
ul#indexbox li div.syslstbox p.img{ width:150px; float:none; margin-left:0px; text-align:center;margin-left:10px; }
#rap div.syslstbox p.img a{ width:150px; height:112px; padding:0px; margin:0px; display:block; background:none; text-indent:-999em;}
html>body #rap div.syslstbox p.img a{ xmargin-right:20px;}

ul#indexbox li div.syslstbox div.txt{ xfloat:left; text-align:left; width:auto;}
ul#indexbox li div.syslstbox .txt p{ text-align:left; width:184px; padding:8px;}
ul#indexbox li div.syslstbox h4{ width:144px; padding:2px 2px; margin:0px; background:url(img/arw.png) top left no-repeat; border:none; margin-left:17px;}
ul#indexbox li div.syslstbox h4 a{ background:none; text-indent:0px; width:134px; height:50px; margin:0px; padding:0px; padding-left:7px;}
html>body ul#indexbox li div.syslstbox h4 a{padding:0px; }

#indexbox a.cat{ width:112px; height:25px; display:block; text-indent:-999em; float:right; margin-right:5px; margin-bottom:8px; background:url(img/catbtn.png) top left no-repeat;}
html>body #indexbox a.cat{ margin-right:9px;}
#indexbox a.cat:hover{ background-position:bottom;}


/* 詳細ページ */
#rap .dtlcat{ text-align:left; background:url(img/icond.jpg) top left no-repeat; padding-top:3px; padding-left:26px; margin-left:4px;}
#rap h3.dtltit{ text-align:left; text-indent:0px; color:#333; padding:8px 0px 0px 35px; font-size:14px; background:url(img/dtlt.png) top left no-repeat; height:33px; margin-bottom:10px;}

.dtlbox{}
.dtlbox .img{ float:left; width:280px;}
.dtlbox .img img{ margin-bottom:10px;}
.dtlbox .dtltxt{ float:left; display:inline-block; width:340px}

.dtlbox .dtlt01{ margin-bottom:15px; text-align:left; line-height:180%}
.dtlbox .dtlt02{ margin-bottom:15px; text-align:left; line-height:180%}