@charset "UTF-8";
/* CSS Document */



	 
/*------------メインコンテンツ---------------*/  
#main-area{
     width:600px;
	 float:left;
	 }
#keyward{
     font-size:10px;
	 font-weight:normal;
	 color:#333;
	 float:left;
	 margin-top:3px;
	 }    	 
/*#item-up{
     float:right;
	 width:150px;
	 font-size:10px;
	 text-align:right;
	 }*/
#strong-red{
     font-size:12px;
	 font-weight:bold;
	 color:#c33;
	 }
.key-strong{
     font-weight:normal;
	 font-size:11px;
	 }	 
	 
#point{
     margin:3px 0 4px 0;
	 } 

/*------------スペシャルバナー---------------*/ 	 
#specialBanner{
     width:600px;
	 margin-top:6px;
      }
#spacialBannerL{
     width:280px;
	 float:left;
	 border:8px solid #eaeaea;
	 }
#spacialBannerR{
     width:280px;
	 float:right;
	 border:8px solid #eaeaea;
	 }	
#spacialBannerL2{
     width:305px;
	 float:left;
	 font-size:10px;
	 color:#a0a0a0;
	 }
#spacialBannerR2{
     width:280px;
	 float:left;
	 font-size:10px;
	 color:#a0a0a0;
	 }	 
	  
	 	 
	 
	 	 
	
	 	 	 
/*------------3way部分---------------*/	 
h2#time-title{
     background:url(../img/time_title.gif) no-repeat;
	 height:27px;
	 width:600px;
	 text-indent:-9999px;
	 }	
#deli-area{
     margin-top:0px;
	 background-color:#eaeaea;
	 padding:6px 0 5px 6px;
	 }
.deli-text a{
     font-size:10px;
	 font-weight:normal;
	 color:#333;
	 text-decoration:

	 } 
.deli-text a:hover{
     color:#999;
	 }	 
 	 
#deli-01,#deli-02{
     width:195px;
	 float:left;
	 margin-right:2px;
	 overflow:hidden;
	 }	
#deli-03{
     width:195px;
	 float:left;
	 overflow:hidden;
	 }	 
#deli-01 h3 a{
     background:url(../img/sbtn_novelty.jpg) no-repeat;
	 display:block;
	 text-indent:-9999px;
	 height:79px;
	 }	
#deli-01 h3 a:hover{
     background:url(../img/sbtn_novelty.jpg) no-repeat 0px -79px;
	 }	 
#deli-02 h3 a{
     background:url(../img/sbtn_season.jpg) no-repeat;
	 display:block;
	 text-indent:-9999px;
	 height:79px;
	 }	
#deli-02 h3 a:hover{
     background:url(../img/sbtn_season.jpg) no-repeat 0px -79px;
	 }	
#deli-03 h3 a{
     background:url(../img/sbtn_sale.jpg) no-repeat;
	 display:block;
	 text-indent:-9999px;
	 height:79px;
	 }	
#deli-03 h3 a:hover{
     background:url(../img/sbtn_sale.jpg) no-repeat 0px -79px;
	 }
	 
	 
	 
.tooltip-word{
      font-size:10px;
	  width:120px;
	  margin:5px 8px;
	  line-height:1.2;
	  }	 
	 
/*------------Pickup部分---------------*/	 	 
#pickup-area{
     margin-top:4px;
	 }	 		 	 	  	 	 	 	 	 	
h2#pickup-title{
     background:url(../img/pickup_title.gif) no-repeat;
	 height:27px;
	 width:600px;
	 text-indent:-9999px;
	 }
.pickup-item{
	float:left;
	width:115px;
	margin:4px 6px 0 0;
	background:url(../img/pickup_frame.gif) no-repeat;
	height:180px;
	position:relative;
	 }	
.pickup-item-right{
     float:left;
	 width:115px;
	 margin-top:6px;
	 background:url(../img/pickup_frame.gif) no-repeat;
	 height:180px;
	 position:relative;
	 }	 
.pickup-img{
     margin:15px 0 0 15px;
	/* border:1px solid #c9c9c9;*/
	 }
 	
.pickup-text{
     margin:3px 8px 0 10px;
	
	 }	  
.btn-1{
	 width:65px;
	 height:20px;
	 position:absolute;
	 z-index:2;
	 top:148px;
	 left:40px;
	 overflow:hidden;
	 }	 
.btn-1 a{
     background:url(../img/btn_1.jpg) no-repeat;
	 width:65px;
	  height:20px;
	 display:block;
	 text-indent:-9999px;
	 }	  
.btn-1 a:hover{
     background:url(../img/btn_1.jpg) no-repeat 0px -20px;
	 width:65px;
	 }
	 
	 
	 
	 
	 	
/*------------目的アイテム部分---------------*/	 	 
#item-area{
     margin-top:4px;
	 }	 		 	 	  	 	 	 	 	 	
h2#item-title{
     background:url(../img/item_title.gif) no-repeat;
	 height:27px;
	 width:600px;
	 text-indent:-9999px;
	 }	
.item-list-mirror a,.item-list-techo a,.item-list-smirror a,
.item-list-blockcale a,.item-list-hut a,.item-list-st a,.item-list-cap a,.item-list-little a,.item-list-wet a,
.item-list-mag a,.item-list-tumbler a,.item-list-strap a,.item-list-neck a,.item-list-cleaner a,
.item-list-file a,.item-list-towel a,.item-list-blockids a,.item-list-postit a,.item-list-umbrella a{
     float:left;
	 margin-right:8px;
	 width:144px;
	 height:30px;
	 margin-top:4px;
	 border-bottom:1px dotted #999;
	 overflow:hidden;
	 text-indent:-9999px;
	 }	
	 
	 
/*右に置くアイテム*/	 
.item-list-komono a,.item-list-umbrella a,.item-list-clock a,.item-list-mousepad a,.item-list-bag a,.item-list-cushion a,.item-list-stamps a{
     float:left;
	 width:144px;
	 height:30px;
	 margin-top:4px;
	 border-bottom:1px dotted #999;
	 overflow:hidden;
	  text-indent:-9999px;
	 }
.item-list a,.item-list2 a,.item-list3 a,.item-list4 a,
.item-list5 a,.item-list6 a,.item-list7 a,.item-list8 a{	 		 
	 width:144px;
      height:30px;
	 display:block;
	 text-indent:-9999px;
	 }	
	 
.item-list-stamps a{
     background:url(../img/itemcate-stamps.gif) no-repeat;

	 }	 
.item-list-stamps a:hover{
	background:url(../img/itemcate-stamps.gif) no-repeat 0px -30px;
	width:144px;
	 }   		 
	 
.item-list-mirror a{
     background:url(../img/itemcate-mirror.gif) no-repeat;

	 }	 
.item-list-mirror a:hover{
	background:url(../img/itemcate-mirror.gif) no-repeat 0px -30px;
	width:144px;
	 }   	
	 
.item-list-techo a{
     background:url(../img/itemcate-techo.gif) no-repeat;
	 }	 
.item-list-techo a:hover{
     background:url(../img/itemcate-techo.gif) no-repeat 0px -30px;
	 width:144px;	
	 } 
.item-list-smirror a{
     background:url(../img/itemcate-smirror.gif) no-repeat;
	 }	 
.item-list-smirror a:hover{
     background:url(../img/itemcate-smirror.gif) no-repeat 0px -30px;
	 width:144px;	
	 } 
.item-list-mousepad a{
     background:url(../img/itemcate-mouse.gif) no-repeat;

	 }	 
.item-list-mousepad a:hover{
	background:url(../img/itemcate-mouse.gif) no-repeat 0px -30px;
	width:144px;
	 }   		 
	 
.item-list-blockids a{
     background:url(../img/itemcate-brokids.gif) no-repeat;
	 }	 
.item-list-blockids a:hover{
     background:url(../img/itemcate-brokids.gif) no-repeat 0px -30px;
	 width:144px;	
	 } 	 
.item-list-blockcale a{
     background:url(../img/itemcate-brockcale.gif) no-repeat;
	 }	 
.item-list-blockcale a:hover{
     background:url(../img/itemcate-brockcale.gif) no-repeat 0px -30px;
	 width:144px;	
	 }
.item-list-hut a{
     background:url(../img/itemcate-hut.gif) no-repeat;
	 }	 
.item-list-hut a:hover{
     background:url(../img/itemcate-hut.gif) no-repeat 0px -30px;
	 width:144px;	
	 }	
.item-list-st a{
     background:url(../img/itemcate-st.gif) no-repeat;
	 }	 
.item-list-st a:hover{
     background:url(../img/itemcate-st.gif) no-repeat 0px -30px;
	 width:144px;	
	 }	
.item-list-komono a{
     background:url(../img/itemcate-komono.gif) no-repeat;
	 }	 
.item-list-komono a:hover{
     background:url(../img/itemcate-komono.gif) no-repeat 0px -30px;
	 width:144px;	
	 }	   	 
	 
.item-list-cap a{
     background:url(../img/itemcate-cap.gif) no-repeat;
	 }	 
.item-list-cap a:hover{
     background:url(../img/itemcate-cap.gif) no-repeat 0px -30px;
	 width:144px;	
	 }		
	 
.item-list-little a{
     background:url(../img/itemcate-little.gif) no-repeat;
	 }	 
.item-list-little a:hover{
     background:url(../img/itemcate-little.gif) no-repeat 0px -30px;
	 width:144px;	
	 }	
	 
.item-list-wet a{
     background:url(../img/itemcate-wet.gif) no-repeat;
	 }	 
.item-list-wet a:hover{
     background:url(../img/itemcate-wet.gif) no-repeat 0px -30px;
	 width:144px;	
	 }	 	  	
	 
.item-list-umbrella a{
     background:url(../img/itemcate-umbrella.gif) no-repeat;
	 }	 
.item-list-umbrella a:hover{
     background:url(../img/itemcate-umbrella.gif) no-repeat 0px -30px;
	 width:144px;	
	 }	 
	 
	 
.item-list-mag a{
     background:url(../img/itemcate-mag.gif) no-repeat;
	 }	 
.item-list-mag a:hover{
     background:url(../img/itemcate-mag.gif) no-repeat 0px -30px;
	 width:144px;	
	 }	
	 
.item-list-tumbler a{
     background:url(../img/itemcate-tumbler.gif) no-repeat;
	 }	
.item-list-tumbler a:hover{
     background:url(../img/itemcate-tumbler.gif) no-repeat 0px -30px;
	 width:144px;
	 }	
	 
.item-list-clock a{
     background:url(../img/itemcate-clock.gif) no-repeat;
	 }	
.item-list-clock a:hover{
     background:url(../img/itemcate-clock.gif) no-repeat 0px -30px;
	 width:144px;
	 }	
	 
.item-list-strap a{
     background:url(../img/itemcate-strap.gif) no-repeat;
	 }	
.item-list-strap a:hover{
     background:url(../img/itemcate-strap.gif) no-repeat 0px -30px;
	 width:144px;
	 }		
	 
.item-list-neck a{
     background:url(../img/itemcate-neck.gif) no-repeat;
	 }	
.item-list-neck a:hover{
     background:url(../img/itemcate-neck.gif) no-repeat 0px -30px;
	 width:144px;
	 }	
	 
.item-list-cleaner a{
     background:url(../img/itemcate-cleaner.gif) no-repeat;
	 }	
.item-list-cleaner a:hover{
     background:url(../img/itemcate-cleaner.gif) no-repeat 0px -30px;
	 width:144px;
	 }	 
	 	    	  	   	  	 	  	 
.item-list-postit a{
     background:url(../img/itemcate-postit.gif) no-repeat;
	 }	
.item-list-postit a:hover{
     background:url(../img/itemcate-postit.gif) no-repeat 0px -30px;
	 width:144px;
	 }		
	 
.item-list-towel a{
     background:url(../img/itemcate-towel.gif) no-repeat;
	 }	
.item-list-towel a:hover{
     background:url(../img/itemcate-towel.gif) no-repeat 0px -30px;
	 width:144px;
	 }	
	 
.item-list-file a{
     background:url(../img/itemcate-file.gif) no-repeat;
	 }	
.item-list-file a:hover{
     background:url(../img/itemcate-file.gif) no-repeat 0px -30px;
	 width:144px;
	 }	
	 
.item-list-bag a{
     background:url(../img/itemcate-bag.gif) no-repeat;
	 }	
.item-list-bag a:hover{
     background:url(../img/itemcate-bag.gif) no-repeat 0px -30px;
	 width:144px;
	 }		 	
	 
.item-list-cushion a{
     background:url(../img/itemcate-cushion.gif) no-repeat;
	 }	
.item-list-cushion a:hover{
     background:url(../img/itemcate-cushion.gif) no-repeat 0px -30px;
	 width:144px;
	 }		 		 	 		   	  	 


/*------------スペシャルコンテンツ---------------*/	
#special-contents{
     margin-top:6px;
     
	 }
h2#contents-title{
     background:url(../img/title_contents.gif) no-repeat;
	 height:27px;
	 text-indent:-9999px;
	 }
#contents-wrapper{
     }
.contents-theme{
     margin:0 0 6px 0;
	 }	 
	 	 
.contents-box{
     width:290px;
	 float:left;
	 display:inline;
	 margin-bottom:4px;
	 }	
.contents-image{
     width:95px;
	 float:left;
	 display:inline;
	 margin-right:8px;
	 }
a:hover .contents-title{
     color:#666666;
	 text-decoration:none;
	 }
     	 
.contents-info{
     width:185px;
	 float:left;
	 display:inline;
	 }
.contents-title a{
　　　　　　}
   	 
.contents-text{
     font-size:11px;
	 margin-top:0;
	 }	 
	 	 	  
	 




/*------------オリジナルノベルティエリア---------------*/	
#original-area{
     
	  }
#original-title{
      margin-top:20px;
	  }

h3#original-title{
    background:url(../img/original_title.gif) no-repeat;
    height:27px;
    width:600px;
	text-indent:-9999px;
	 }	




/*------------What's New部分---------------*/	 	 
#new-area{
     margin-top:8px;
	
	 }	 		 	 	  	 	 	 	 	 	
h2#new-title{
     background:url(../img/new_title.gif) no-repeat;
	 height:27px;
	 width:600px;
	 text-indent:-9999px;
	 }	
#new-area ul{
    padding-top:12px 0 0 0;
	}	 
.new-list li{
    list-style-type:none;
	font-size:11px;
	margin-top:3px;
	}
.date{
	/* background:url(../img/arrow_gray.gif) no-repeat;
	height:6px;*/
	font-weight:bold;
	margin: 0 8px 0 0;
	padding-left:2px;
	}	   







/*------------サイドバーエリア---------------*/	
#side-bar{
     width:190px;
	 float:right;
	 margin-top:6px;
	 }
#howmany{
	font-weight:normal;
	font-size:10px;
	margin-bottom:0px;
	text-align: right;
	margin-top:-7px;
	  }	 
*html body #howmany{
	font-weight:normal;
	font-size:10px;
	margin-bottom:0px;
	text-align: right;
	margin-top:0px;
	  }	 	  
*+html body #howmany{
	font-weight:normal;
	font-size:10px;
	margin-bottom:0px;
	text-align: right;
	margin-top:0px;
	  }	 	  	  
.howmany{
      font-weight:bold;
	  color:#d4145a;
	   font-size:13px;
	  }
	  	  
#guidance{
      width:188px;
	  height:58px;
	  overflow:hidden;
	  }  
#guidance a{
background:url(../img/guidance_banner.png) no-repeat;
      width:188px;
	  height:58px;
	  display:block;
	  text-indent:-9999px;
	  }	
#guidance a:hover{	
     background:url(../img/guidance_banner.png) no-repeat 0px -58px;
	  }
	  
	  
	  
/*------------ランキングエリア---------------*/		  	 
#ranking{
      margin-top:8px;
	  position:relative;
	  }	  
#ranking-title{
      background:url(../img/ranking.gif) no-repeat;
	  width:190px;
	  height:23px;
	  text-indent:-9999px;
	  }	   
#ranking-icon{
      width:48px;
	  height:30px;
	  position:absolute;
	  top:-9px;
	  left:-6px;
	  z-index:2;
      background-image:url(../img/ranking_icon.png);
      _background-image:none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ranking_icon.png");
	  }
.ranking-list{
       background-color:#ffffe8;
	   border-left:1px solid #999;
	   border-right:1px solid #999;
	   border-bottom:1px dotted #999;
	   }
.ranking-list-bottom{
       background-color:#ffffe8;
	   border-left:1px solid #999;
	   border-right:1px solid #999;
	   border-bottom:1px solid #999;
	   }	   
.ranking-img{
       float:left;
	   width:38px;
	   margin-right:8px;
	   }
           	
.ranking-img a img{
       border:1px solid #999;
	   
	   }
.ranking-img a:hover img{
       border:1px solid #666;
	  
	   }	   
.ranking-inner{
       padding:5px 0 3px 5px;
	  
	   }	   	  
.ranking-text a{
       float:left;
	   width:130px;
	   font-size:11px;
	   text-decoration:none;
	   }
*:first-child+html .ranking-text a{
       float:left;
	   width:130px;
	   font-size:10px;
	   margin-top:-14px;
	   }   	   
#no1,#no2,#no3,#no4,#no5{
      float:left;
      width :130px;
	  padding-top:20px;
	  }
   	  	  
	  
#no1 a,#no2 a,#no3 a,#no4 a,#no5 a{
      font-size:10px;
	  text-decoration:none;
	  }	  
#no1{
	  background:url(../img/ranking_1.png) no-repeat;
      _background-image:none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ranking_1.png");
	  }

#no2{
	  background:url(../img/ranking_2.png) no-repeat;
      _background-image:none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ranking_2.png");
	  }
#no3{
	  background:url(../img/ranking_3.png) no-repeat;
      _background-image:none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ranking_3.png");
	  }
#no4{
	  background:url(../img/ranking_4.png) no-repeat;
      _background-image:none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ranking_4.png");
	  }
#no5{
	  background:url(../img/ranking_5.png) no-repeat;
      _background-image:none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ranking_5.png");
	  }	
	  
	  
/*------------価格別エリア---------------*/		  
#price{
     }
#price-title{
     background:url(../img/price_title.gif) no-repeat;
	 width:190px;
	 height:22px;
	 text-indent:-9999px;
	 }	
/*.price-list,.price-list-bottom{
     position:relative;
	 }	
*html .price-list{
       margin-top:-2px;
	   }	   	   	 
*:first-child+html .price-list{
       margin-top:-2px;
	   }	   	   
      	 		   
.arrow-blue{
      width:9px;
	  height:9px;
	  position:absolute;
	  top:7px;
	  left:168px;
       background:url(../img/arrow-blue.png) no-repeat;
      _background-image:none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/arrow-blue.png");
	  text-indent:-9999px;
	  }	*/ 
.price-list{
      font-size:10px;
	   border-left:1px solid #999;
	   border-right:1px solid #999;
	   border-bottom:1px dotted #999;
	   padding:5px 0 3px 20px;
	   background:url(../img/arrow_gray2.gif) no-repeat 8px #FFFFE8;
	     
	   }
.price-list-bottom{
        font-size:10px;
	   border-left:1px solid #999;
	   border-right:1px solid #999;
	   border-bottom:1px solid #999;
	   padding:5px 0 3px 20px;
	   background:url(../img/arrow_gray2.gif) no-repeat 8px #FFFFE8;
	   }	   
.price-list a,.price-list-bottom a{
       text-decoration:none;
	   display:block;
	   
	   }	   
.price-list a:hover,.price-list-bottom a:hover {
	   color:#999999;
	   }
	
	
#banner-area{
      margin-top:3px;
	  }	  
#banner-area img{
       margin-bottom:3px;
	   }	   
#conference{
       background:url(../img/conference.gif) no-repeat;
	   width:174px;
	   height:58px;
	   padding:165px 0 0 16px;
	    }
*html body #conference{
       background:url(../img/conference.gif) no-repeat;
	   width:174px;
	   height:58px;
	   padding:165px 0 0 16px;
	    }		
a #conference-link{
       text-decoration:none;
	   border:none;
	   }	   




	   
#tooltip {
    position:   absolute;
    width:      12em;
    background: #999;
    padding:    10px;
}
#tooltip h3, #tooltip div {
    font-size:   1em;
    font-weight: normal;
    margin:      0;
}
.tool-strong{
     font-size:10px;
	 font-weight:normal;
	 line-height:1;
	 }


#footerText{
      text-align:right;
	  font-size:10px;
	  }	 
