/* CSS Document */
/*ページ全体に関する内容
-----------------------------------------------------------------------------*/

body {
 height: auto;
 width: 900px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 font-size: 12px;
 color: #666666;
 letter-spacing:1px;
 font-family:"MS PGothic","Osaka",Arial,sans-serif;
background-color:#000000;
}


h1,h2,h3,h4,h5,h6,p,dl,ul {
 margin: 0;
}


a:link {
	color: #999999;
}

a:visited {
 color: #808080;
}

a:hover {
 color: #FFFFFF;
}




/*ここまでページ全体に関する内容
-----------------------------------------------------------------------------*/







/*ここからヘッダー
-----------------------------------------------------------------------------*/

#header {
   width: 900px;
   margin-bottom: 10px;
   }

#header_image {
   padding: 0;
   margin: 0;
   height: 70px;
   width: 900px;
   background-image: url(http://www.jd-zoot.com/site/image/company/header_image.gif);
   text-indent: -9999px;
   }
   
#header_link {
    padding : 0;
    } 
    
#header_txt {
    text-align : right;
    padding : 0;
    margin-right: 10px;
    margin-bottom: 1px;
    font-size: 11px;
    font-family:"MS UI Gothic";
    }   
   


/*ここまでヘッダー
-----------------------------------------------------------------------------*/

#main {
	width:900px;
	height:auto;
}

/*ここからレフトナビ
-----------------------------------------------------------------------------*/

#left_navi {
   width: 200px;
   float: left;
   margin-right: 20px;
   _margin-right:10px;  /*IE6用*/
   }
   
  
  
  #left_category{
	margin-bottom:20px;
}

#left_category ul{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

#left_category li,#left_category a{
	display:block;
	width:200px;
	height:35px;
	margin-bottom: 10px;
	_margin-bottom:5px;  /*IE6用*/
}

#left_category li{
	text-indent:-9999px; /*テキストを消す裏技*/
}




#left_category a{
	text-decoration:none;
	color:#06C;
	background:url(http://www.jd-zoot.com/site/image/company/leftnavi_image.gif) no-repeat;
}

#left_category_A a{background-position:0 0;}
#left_category_B a{background-position:0 -35px;}
#left_category_C a{background-position:0 -70px;}
#left_category_D a{background-position:0 -105px;}
#left_category_E a{background-position:0 -140px;}
#left_category_F a{background-position:0 -175px;}
#left_category_G a{background-position:0 -210px;}
#left_category_H a{background-position:0 -245px;}
#left_category_I a{background-position:0 -280px;}
#left_category_J a{background-position:0 -315px;}
#left_category_K a{background-position:0 -350px;}


#left_category_A a:hover{background-position:-200px 0;}
#left_category_B a:hover{background-position:-200px -35px;}
#left_category_C a:hover{background-position:-200px -70px;}
#left_category_D a:hover{background-position:-200px -105px;}
#left_category_E a:hover{background-position:-200px -140px;}
#left_category_F a:hover{background-position:-200px -175px;}
#left_category_G a:hover{background-position:-200px -210px;}
#left_category_H a:hover{background-position:-200px -245px;}
#left_category_I a:hover{background-position:-200px -280px;}
#left_category_J a:hover{background-position:-200px -315px;}
#left_category_K a:hover{background-position:-200px -350px;}



#news {
    width: 200px;
    height: 180px;
    margin-right: 20px;
    margin-bottom: 30px;
    _margin:0 10px 15px 0;  /*IE6用*/
    padding: 0;
    background-image: url(http://www.jd-zoot.com/site/image/company/whatsnew_bg.jpg);
}

#news_box {
    display:inline-block;
    width: 180px;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 40px;
    padding : 0;
    } 
    
    .news_txt {
    width: 180px;
    text-align : left;
    line-height : 150%;
    padding-bottom : 2px;
    margin-bottom: 7px;
    font-size: 9px;
    font-family:"MS UI Gothic";
    border-width: 1px;
    border-color: #333333;
    border-bottom-style: dotted;
    } 
    
    .news_txt a:link {
	text-decoration:none;
    }
        


/*ここまでレフトナビ
-----------------------------------------------------------------------------*/


/*ここからメイン部分
-----------------------------------------------------------------------------*/

#content {
     width: 680px;
     _width:670px;  /*IE6用*/
     height: 565px;
     padding: 0;
     float:left;
     background-image: url(http://www.jd-zoot.com/site/image/main_bg.gif);
     }
     
 #spacer_height350 {
     width: 680px;
     height: 350px;
}

#scarface {
     width: 680px;
     height: 350px;
}

#scarface_image a{
     width: 140px;
     height: 200px;
     display:block;
     text-indent:-9999px; 
     margin-left: 95px;
     margin-bottom: 10px;
     background-image: url(http://www.jd-zoot.com/site/image/cp/20100718event_s.jpg);
}

#scarface_text {
     margin-left: 95px;
     width: 500px;
     height: 200px;
     margin-left: 20px;
}
     
     

/*ここまでメイン部分
-----------------------------------------------------------------------------*/

/*ここからフッター部分
-----------------------------------------------------------------------------*/
#footer {
     width: 900px;
     height : 20px;
     padding: 0;
     float :left; 
     }

#copyright {
	clear:both;
	text-align:center;
	color: #999999; 
	margin-top: 10px;
	font-size: 9px;
	background-image: url(http://www.jd-zoot.com/site/image/company/hooter_bg.gif)
	}





/*ここまでフッター部分
-----------------------------------------------------------------------------*/