/* 左ナビゲーション部分の設定です */
/* boxサイズはstyle_baseを変更してください */

/**************************/
/* h3の設定(タイトル部分) */
/**************************/

/* 背景画像 */
#navi_h3{
margin:0;
padding:0;
width:180px;
height:30px;
background-image:url(../img/navi/content_bar.gif);
background-repeat:no-repeat;
}

/* 文字の設定 */
#navi h3{
margin:0;
padding:8px 0 0 20px;
color:#fff;
font-weight:normal;
font-size:13px;
}

/************************/
/* h4の設定(見出し部分) */
/************************/

#navi h4{
margin:0;
padding:0;
width:180px;
height:32px;
}

span.hid_navi{display:none;}

#navi h4{position:relative;}
#navi h4 a{display:block;width:180px;height:32px;top:0px;left:0px;}

/* カテゴリの画像 */

#navi_1 a{background:url(../img/navi/navi1.gif);}
#navi_1 a:hover{background:url(../img/navi/navi1h.gif);background-color:#e03002;}

#navi_2 a{background:url(../img/navi/navi2.gif);}
#navi_2 a:hover{background:url(../img/navi/navi2h.gif);background-color:#e03002;}

#navi_3 a{background:url(../img/navi/navi3.gif);}
#navi_3 a:hover{background:url(../img/navi/navi3h.gif);background-color:#e03002;}

#navi_4 a{background:url(../img/navi/navi4.gif);}
#navi_4 a:hover{background:url(../img/navi/navi4h.gif);background-color:#e03002;}

#navi_5 a{background:url(../img/navi/navi5.gif);}
#navi_5 a:hover{background:url(../img/navi/navi5h.gif);background-color:#e03002;}

#navi_6 a{background:url(../img/navi/navi6.gif);}
#navi_6 a:hover{background:url(../img/navi/navi6h.gif);background-color:#e03002;}

#navi_7 a{background:url(../img/navi/navi7.gif);}
#navi_7 a:hover{background:url(../img/navi/navi7h.gif);background-color:#e03002;}

/******************************/
/* h5の設定(カテゴリ部分) */
/******************************/

#navi h5{
margin:0;
padding:0;
}

#navi h5 a{
/* boxの指定 */
display:block;
padding:7px 0 7px 25px;
/* 文字の指定 */
font-size:13px;
color:#CC0000;
font-weight:normal;
text-decoration:none;
/* リストマーク(背景画像で処理) */
background-image:url(../img/navi/listmark.gif);
background-repeat:no-repeat;
background-position:10px center;
}

#navi h5 a:hover{color:#FF6600;}

/**********************************/
/* リストの設定(サブカテゴリ部分) */
/**********************************/

/* 背景色はstyle_baseのnaviで設定 */

#navi ul,#navi li{
margin:0;
padding:0;
}

#navi ul{list-style-type:none;
margin:5px 0 15px 0;}

#navi li a{
/* boxの指定 */
display:block;
padding:8px 0 0 30px;
height:32px;
/* 文字の指定 */
font-size:13px;
color:#CC0000;
text-decoration:none;
/* リストマーク */
background-image:url(../img/navi/subcat.gif);
background-repeat:no-repeat;
}

#navi li a:hover{color:#FF6600;}

/**********************************/
/* 画像 */
/**********************************/

#navi img{border:3px #fff solid;margin:7px;}