/* 要素のリセット */

ul      {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
        }




/* カテゴリなび */
#category-navi    {
                  width:645px;
				  list-style-type: none;
                  }


#category-navi ul {
				  padding-bottom:17px;
                  }
				  


#category-navi li  {
                    display:inline;
                   float:left;
				   /* width:213px; */
				   height:30px;
				   margin-left:2px;
				   list-style:none
				   }
				   
/* #category-navi li a {
                     text-align: center;
                     display:block;
					 background:url(../images/b_small.jpg) no-repeat;
					 color:#66200E;
					 padding-top:5px;
					 padding-bottom:8px;
                     font-size: 12px;
                     text-decoration:none
					 }
*/




#category-navi li a {
                     text-align: center;
                     display:block;
					 background-color:F3F4EE;
					 border:1px solid #B3B4AE;
					 color:#66200E;
					 padding-top:7px;
					 padding-left:10px;
					 padding-right:10px;
					 padding-bottom:8px;
                     font-size: 12px;
                     text-decoration:none
					 }


#category-navi a:hover {
                    background-color:#86E7E0;
                    color: #ffffff;
                    }



/* #category-navi a:hover {
                    background: url(../images/b_small_r.jpg) no-repeat;
                    color: #ffffff;
                    }
*/


#category-navi li#selected a {text-align: center;
                     display:block;
                     background-color:#86E7E0;
					 color:#66200E;
					 padding-top:7px;
					 padding-bottom:8px;
                     font-size: 12px;
                     text-decoration:none
					 }


/* #category-navi li#selected a {text-align: center;
                     display:block;
					 background:url(../images/b_small_r.jpg) no-repeat;
					 color:#66200E;
					 padding-top:5px;
					 padding-bottom:8px;
                     font-size: 12px;
                     text-decoration:none
					 }
*/




/*　左メニュー */

#sidebar  {
           float:left;
           width:190px;
		  }



.left-menu dt {font-weight:bold;
                text-align:center;
				margin-bottom:5px}
				
.left-menu ul  {margin:0}

.left-menu li  {list-style:none}

  
.left-menu li#gaiyo a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_gaiyo.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#2398b5;
					   /* color:#A3A0A0; */
					   line-height:36px;
                       text-align:center;
                       text-decoration:none;
                       }



.left-menu li#gaiyo a:hover {
                             color: #F96D98;
                             }



.left-menu li#bunya a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_bunya.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#2398b5;
					   /* color:#A3A0A0; */
					   line-height:36px;
                       text-align:center;
                       text-decoration:none
                       }



.left-menu li#bunya a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }



.left-menu li#nagare a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_nagare.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#2398b5;
					   /* color:#A3A0A0; */
					   line-height:36px;
                       text-align:center;
                       text-decoration:none;
                       }



.left-menu li#nagare a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }




.left-menu li#jimaku a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_jimaku.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#2398b5;
					   /* color:#A3A0A0; */
					   line-height:36px;
                       text-align:center;
                       text-decoration:none
                       }



.left-menu li#jimaku a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }


.left-menu li#tsuyaku a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_tsuyaku.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#2398b5;
					   /* color:#A3A0A0; */
					   line-height:36px;
                       text-align:center;
                       text-decoration:none
                       }



.left-menu li#tsuyaku a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }





.left-menu li#honyaku_ryokin a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_honyaku_ryokin.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#2398b5;
					   /* color:#A3A0A0; */
					   line-height:36px;
                       text-align:center;
                       text-decoration:none
                       }



.left-menu li#honyaku_ryokin a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }







.left-menu li#honyakusya a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_honyakusya.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#2398b5;
					   /* color:#A3A0A0; */
					   line-height:36px;
                       text-align:center;
                       text-decoration:none
                       }



.left-menu li#honyakusya a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }




.left-menu li#web a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_web.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#A3A0A0;
					   line-height:36px;
                       text-align:center;
                       text-decoration:none;
                       }



.left-menu li#web a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }




.left-menu li#dtp a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_dtp.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#A3A0A0;
					   line-height:36px;
                       text-align:center;
                       text-decoration:none
                       }



.left-menu li#dtp a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }



.left-menu li#web_dtp_ryokin a {
                       display: block;
                       width: 190px;
                       background: url(../images/menu/b_web_dtp_ryokin.jpg) no-repeat;
                       padding:16px 0 0 0;
                       font-size:0.8em;
                       color:#A3A0A0;
					   line-height:36px;
                       text-align:center;
                       text-decoration:none
                       }



.left-menu li#web_dtp_ryokin a:hover {
                             /*background: url(images/b_navi_r.jpg) no-repeat 0 50%;*/
                             color: #F96D98;
                             }

.left-menu img {
                width: 190px;
                text-align:center;
               }


.left-menu {margin-bottom:20px}