/* CSS Document */
/*ページ全体に関する内容
-----------------------------------------------------------------------------*/
body {
 height: auto;
 width: 900px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 font-size: 12px;
 color: #333333;
 letter-spacing:1px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background:url(http://www.jd-zoot.com/site/image/temp/bg-2.jpg) repeat-x;
}

table{
font-size:12px;
font-weight:normal;
color:#222222;
}

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

a{
text-decoration:none;
}

a:link {
	color: #999999;
}

a:visited {
 color: #808080;
}

a:hover {
 color: #666666;
}


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







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

#header {
   width: 900px;
   margin-bottom: 10px;
   _margin-bottom:5px;
   display: block;
   float: left;
   }
    
#header_image_box {
   display: block;
   padding: 0;
   margin-bottom: 10px;
   _margin-bottom:5px;
   height: 100px;
   width: 900px;
   float: left;
   }
  
 #header_image a{
   width: 240px;
   height: 100px;
   display: block;
   float: left;
   text-indent: -9999px;
   background-image: url(http://www.jd-zoot.com/site/image/online_shop/header_footer/os_head_image.gif);
   }
   
#header_space_image {
   padding: 0;
   margin: 0;
   height: 100px;
   width: 460px;
   float: left;
   texy-indent: -9999px;
   background-image: url(http://www.jd-zoot.com/site/image/online_shop/header_footer/os_head_space_image.gif);
   }
 
#header_tel {
   width: 200px;
   height: 55px;
   display: block;
   padding: 0;
   float: left;
   background-image: url(http://www.jd-zoot.com/site/image/online_shop/header_footer/os_head_tel.gif) ;
   text-indent: -9999px;
   overflow: hidden;
   }
   
#header_cart a{
   width: 200px;
   height: 45px;
   display: block;
   float: left;
   text-indent: -9999px;
   background-image: url(http://www.jd-zoot.com/site/image/online_shop/header_footer/shoppingcart.gif);
   }  
   
#header_cart a:hover {
    background-position: -200px 0px;
    }
   
  
    
#globalnavi {
    width: 900px;
    height: 35px;
	margin-bottom:10px;
}

#global_button ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#global_button li,#global_button a{
	display:block;
	width:120px;
	height:35px;
	margin-right: 10px;
	_margin-right:3px;
	float:left;
}

#global_button li{
	text-indent:-9999px; /*テキストを消す裏技*/
	list-style-type:none;
}

#global_button_r li,#global_button_r a{
	display:block;
	width:120px;
	height:35px;
	clear:right;
	float:right;
	margin:0;
	}
	
#global_button_r li{
	text-indent:-9999px; /*テキストを消す裏技*/
	list-style-type:none;
}	


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


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

#global_button_A a{background-position:0 0;}
#global_button_B a{background-position:0px -35px;}
#global_button_C a{background-position:0px -70px;}
#global_button_D a{background-position:0px -105px;}
#global_button_E a{background-position:0px -140px;}
#global_button_F a{background-position:0px -175px;}
#global_button_G a{background-position:0px -210px;}

#global_button_A a:hover{background-position:-130px 0px;}
#global_button_B a:hover{background-position:-130px -35px;}
#global_button_C a:hover{background-position:-130px -70px;}
#global_button_D a:hover{background-position:-130px -105px;}
#global_button_E a:hover{background-position:-130px -140px;}
#global_button_F a:hover{background-position:-130px -175px;}
#global_button_G a:hover{background-position:-130px -210px;}

}


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

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

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

#left_navi {
   width: 200px;
   float: left;
   margin-right: 20px;
   }
   
  
  
  #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;
}

#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_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;}



#news {
    width: 200px;
    height: 180px;
    margin-right: 20px;
    margin-bottom: 30px;
    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;
     height: 565px;
     padding: 0;
     float:left;
     background-image: url(http://www.jd-zoot.com/site/image/main_bg.gif);
     }
     
     

#content_all {
     width: 640px;
     padding: 0;
     margin-top: 10px;
     float:left;
     }



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

/*ここからフッター部分
-----------------------------------------------------------------------------*/
#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)
	}





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


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.jd-zoot.com/site/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.jd-zoot.com/site/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*ここまでlightbox用部分
-----------------------------------------------------------------------------*/




/*ここから旧レイアウト必要部分
-----------------------------------------------------------------------------*/


td.side {
	font-size: 12px;
	color: #FFFFFF;
}

h1 {
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0;
	padding: 0;
}


.table-header {
	background-color : #000000;
}

.sub-menu {
	background-color : #000000;
	background: url(../../site/images/header/sub-bg.gif) no-repeat left bottom;
}

.sidebar {
	background-color : #000000;
	background: url(../../site/images/sidebar/sidebar-bg3.gif) repeat-y;
}

.search-contents {
	margin: 0;
	padding: 0;
}

.search-contents ul.search-nav {
	margin: 0 0 0 10px;
	padding: 0;
}

.search-contents ul.search-nav li {
	font-size: 12px;
	list-style: none;
	display: block;
	margin: 0;
	padding: 8px 10px 8px 22px;
	background: url(../../site/images/sidebar/arrow.gif) no-repeat left 10px;
}

.search-contents ul.search-nav li a {
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 120%;
}

.search-contents ul.search-nav li a:hover {
	text-decoration: none;
}

.bk11 {
	font-size: 11px;
	color: #000000;
}

.bk12 {
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
}

.wh12 {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.5em;
}

.cal-text {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.5em;
	text-align: left;
	padding: 0 20px;
}
.cal-text a {
	color: #FFFFFF;
	text-decoration: underline;
}
.text1{background: #FFFFFF;
    font-size: 17px;
    font-family: "ＭＳ ゴシック", "Osaka-等幅";
}
.text2{background: #FFFF99}
.text3{background: #FFFFFF;
    font-size: 10px;
}
.style11 {font-size: 10px}
.style12 {font-size: 12px}































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

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

#header_image_box3 {
   display: block;
   padding: 0;
   margin-bottom: 10px;
   height: 100px;
   width: 900px;
   float: left;
   }
   
 #header_image3 a{
   width: 240px;
   height: 100px;
   display: block;
   float: left;
   text-indent: -9999px;
   background-image: url(http://www.jd-zoot.com/site/image/online_shop/header_footer/os_head_image.gif);
   }
   
#header_space_image {
   padding: 0;
   margin: 0;
   height: 100px;
   width: 460px;
   float: left;
   texy-indent: -9999px;
   background-image: url(http://www.jd-zoot.com/site/image/online_shop/header_footer/os_head_space_image.gif);
   }
 
#header_tel {
   width: 200px;
   height: 55px;
   display: block;
   padding: 0;
   float: left;
   background-image: url(http://www.jd-zoot.com/site/image/online_shop/header_footer/os_head_tel.gif) ;
   text-indent: -9999px;
   overflow: hidden;
   }
   
#header_cart a{
   width: 200px;
   height: 45px;
   display: block;
   float: left;
   text-indent: -9999px;
   background-image: url(http://www.jd-zoot.com/site/image/online_shop/header_footer/shoppingcart.gif);
   }  
   
#header_cart a:hover {
    background-position: -200px 0px;
    }
    
  
    
#globalnavi {
    width: 900px;
    height: 35px;
	margin-bottom:10px;
}

#global_button ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#global_button li,#global_button a{
	display:block;
	width:130px;
	height:35px;
	margin: 0;
	float:left;
}

#global_button li{
	text-indent:-9999px; /*テキストを消す裏技*/
	list-style-type:none;
}

#global_button_r li,#global_button_r a{
	display:block;
	width:120px;
	height:35px;
	clear:right;
	float:right;
	margin:0;
	}
	
#global_button_r li{
	text-indent:-9999px; /*テキストを消す裏技*/
	list-style-type:none;
}	


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


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

#global_button_A a{background-position:0 0;}
#global_button_B a{background-position:0px -35px;}
#global_button_C a{background-position:0px -70px;}
#global_button_D a{background-position:0px -105px;}
#global_button_E a{background-position:0px -140px;}
#global_button_F a{background-position:0px -175px;}
#global_button_G a{background-position:0px -210px;}

#global_button_A a:hover{background-position:-130px 0px;}
#global_button_B a:hover{background-position:-130px -35px;}
#global_button_C a:hover{background-position:-130px -70px;}
#global_button_D a:hover{background-position:-130px -105px;}
#global_button_E a:hover{background-position:-130px -140px;}
#global_button_F a:hover{background-position:-130px -175px;}
#global_button_G a:hover{background-position:-130px -210px;}



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

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

#left_navi {
   width: 198px;
   height: auto;
   float: left;
   border: 1px solid #000000;
   margin-right: 10px;
   }
   
   
#left_navi_2 {
   width: 198px;
   height: auto;
   float: left;
   margin-right: 10px;
   }   
   
  
#login_menu {
    width: 170px;
    height: 90px;
margin-top:10px;
	/*margin-bottom:10px;*/
}

#login_banner ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#login_banner li,#login_banner a{
	display:block;
	width:170px;
	height:30px;
	/*margin-top:10px;*/
margin-bottom:10px;
	margin-left: 7px;
	float:left;
}

#login_banner li{
	text-indent:-9999px; /*テキストを消す裏技*/
	list-style-type:none;
}


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


#login_banner_A a{background-position:0 0;}
#login_banner_B a{background-position:0px -30px;}

#login_banner_A a:hover{background-position:-170px 0px;}
#login_banner_B a:hover{background-position:-170px -30px;}


#shinki_tokuten a{
     display:block;
	 width:170px;
	 height:43px;
	 margin-left: 14px;
	 margin-bottom: 10px;
	 text-indent:-9999px;
     background:url(http://www.jd-zoot.com/site/image/online_shop/leftnavi/shinki_tokuten_text.gif) no-repeat;
}
 
 #present_tokuten a{
     display:block;
	 width:170px;
	 height:50px;
	 margin-left: 14px;
	 margin-bottom: 10px;
	 _margin-bottom: 5px;
	 text-indent:-9999px;
     background:url(http://www.jd-zoot.com/site/image/online_shop/leftnavi/present.gif) no-repeat;
} 
  
  
#category_title_image { /*タイトルのスタイル----------------------------------------------*/
     width: 198px;
     height: 20px;
     margin-bottom: 5px;
	overflow: hidden;
     }
   
     

#search_box {   /*検索BOXに関する記述---------------------------------------------*/
     width: 170px;
     height: auto;
     padding: 0;
     margin-left: 15px;
     margin-bottom: 20px;
	overflow: hidden;
     
     }

#search_button {
     margin-top: 1px;
     margin-left: 70px;
     }                  /*検索BOXに関する記述ここまで---------------------------------------*/
  
  
  
#genre_category {
	width:167px;
	margin-left: 16px;
	display: block;
}    

#genre_banner {
	margin-bottom:10px;
	width:167px;
	height: 35px;
	border: 0;
}   

  
  
  #item_category_box {
	margin-bottom:20px;
	width:190px;
	padding: 0;
	overflow: hidden;
}

#item_category ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#item_category li,#item_category a{
	display:block;
	width:200px;
	height:20px;
}

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




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

#item_category_A a{background-position:0 0;}
#item_category_B a{background-position:0 -20px;}
#item_category_C a{background-position:0 -40px;}
#item_category_D a{background-position:0 -60px;}
#item_category_E a{background-position:0 -80px;}
#item_category_F a{background-position:0 -100px;}
#item_category_G a{background-position:0 -120px;}
#item_category_H a{background-position:0 -140px;}
#item_category_I a{background-position:0 -160px;}
#item_category_J a{background-position:0 -180px;}
#item_category_K a{background-position:0 -200px;}
#item_category_L a{background-position:0 -220px;}
#item_category_M a{background-position:0 -240px;}
#item_category_N a{background-position:0 -260px;}
#item_category_O a{background-position:0 -280px;}
#item_category_P a{background-position:0 -300px;}
#item_category_Q a{background-position:0 -320px;}



#item_category_A a:hover{background-position:-200px 0;}
#item_category_B a:hover{background-position:-200px -20px;}
#item_category_C a:hover{background-position:-200px -40px;}
#item_category_D a:hover{background-position:-200px -60px;}
#item_category_E a:hover{background-position:-200px -80px;}
#item_category_F a:hover{background-position:-200px -100px;}
#item_category_G a:hover{background-position:-200px -120px;}
#item_category_H a:hover{background-position:-200px -140px;}
#item_category_I a:hover{background-position:-200px -160px;}
#item_category_J a:hover{background-position:-200px -180px;}
#item_category_K a:hover{background-position:-200px -200px;}
#item_category_L a:hover{background-position:-200px -220px;}
#item_category_M a:hover{background-position:-200px -240px;}
#item_category_N a:hover{background-position:-200px -260px;}
#item_category_O a:hover{background-position:-200px -280px;}
#item_category_P a:hover{background-position:-200px -300px;}
#item_category_Q a:hover{background-position:-200px -320px;}



     




#calendar {
   /* width: 196px;*/
    height: 113px;
    padding: 0;
    margin-left: 1px;
    margin-bottom: 10px;
    background: url(http://www.jd-zoot.com/site/image/online_shop/leftnavi/calendar.jpg) no-repeat;
    }



#qr_code {
    width: 196px;
    height: 69px;
    padding: 0;
    margin-left: 1px;
    margin-bottom: 5px;
    background: url(http://www.jd-zoot.com/site/image/online_shop/leftnavi/qr.jpg) no-repeat;
    }
        


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




/*ここからフッター部分
-----------------------------------------------------------------------------*/
#footer_2 {
     width: 898px;
     height : 35px;
     padding: 0;
     float :left; 
     border: solid 1px #000000;
     margin-top: 10px;
     _margin-top:5px;

     }

#copyright_2 {
    width: 890px;
    height: 35px;
	clear:both;
	line-height: 15px;
	text-align:center;
	color: #000000; 
	margin-top: 3px;
	font-size: 11px;
	}
	
#copyright_2 a{
	text-decoration: none;
	}


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

/*ここから一時的使用CSS
-----------------------------------------------------------------------------*/
	img{
	border:0;
	}
	#fb{
	width:170px;
	 margin-left: 14px;
	 margin-bottom: 10px;
	 _margin-bottom: 5px;
	}

html body div table tbody tr td table tbody tr td .crumbsList,
html body div table tbody tr td table tbody tr td a.crumbsList{ /*パンくずリストカラー変更*/
font-size:10pt;
color:#222222;
text-decoration:none !important;
text-align:right;
}
/*IE用パンくずリストカラー変更*/
* html body .crumbsList,
* html body a.crumbsList{
color:#222222 !important;
}

/*商品ページパンくずリスト内の不必要タグの非表示化 IE以外*/
html body div table tbody tr td table tbody tr td table+a.crumbsList+span.crumbsList+a.crumbsList+span.crumbsList+a.crumbsList+br,
html body div table tbody tr td table tbody tr td table+a.crumbsList+span.crumbsList+a.crumbsList+span.crumbsList+a.crumbsList+br+img,
html body div table tbody tr td table tbody tr td table+a.crumbsList+span.crumbsList+a.crumbsList+span.crumbsList+a.crumbsList+br+img+img,
html body div table tbody tr td table tbody tr td table+a.crumbsList+span.crumbsList+a.crumbsList+span.crumbsList+a.crumbsList+br+img+img+br,
html body div table tbody tr td table tbody tr td table+a.crumbsList+span.crumbsList+a.crumbsList+span.crumbsList+a.crumbsList+br+img+img+br+table,
html body div table tbody tr td table tbody tr td table+a.crumbsList+span.crumbsList+a.crumbsList+span.crumbsList+a.crumbsList+br+img+img+br+table+br{
display:none !important;
}

/*なぜかIEで隣接セレクタがきかないため境界線を消す*/
* html body div table tbody tr td table tbody tr td table{
background-image:none;
}

/*ここまで一時的使用CSS
-----------------------------------------------------------------------------*/