@charset "utf-8";
/* CSS Document */

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

body{ font-family: Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif; font-size: 11px; line-height: 15px; color: #666666;	}

map area {outline:none;}

a {text-decoration: none; color: #666666;}
a:hover {color: #ACACAC;}

.cen{text-align: center;}
.flright{float: right;}
.flleft{float: left;}

.wrapper	{width: 1000px; margin: 0 auto;}
.wrapperfull {width: 100%;}

.clr	{clear: both;}
.clrspace	{clear: both; height: 30px;}

#left	{width: 200px; float: left;}


.brandranking div a{display:block; background:url(http://img.ponparemall.net/imgmgr/49/00100849/img7/sp_arrow_02.png) no-repeat 97% 50%;}
.brandrank-no {float:left; font-size:12px; color:#454545; padding:3px; width:40px;}
.brandrank-txt {float:left; line-height:16px; padding:4px 0px; width:150px; text-transform:uppercase;}
.font10 {font-size:10px;}

.titlebar {background: #ACACAC; width: 100%; padding: 10px 0px; color: #FFFFFF; text-align: center;}



/* SEARCH */

.searchbox	{ width: 200px; height: 10px; outline:none;}

.tftextinput:focus {
    color: #454545;
}


#tfheader{
	background-color:#fff;
}
#tfnewsearch{
	float:left;
}
.tftextinput{
	/*margin: -16px -15px -15px -153px;*/
	padding: 5px 10px 5px 10px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11.5px;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #454545;
	border-image: none;
	margin-left:4px;
	width:172px;
	float:left;
	color:#C5C5C5;
	outline:none;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
}
.tfbutton {
	/*background: -webkit-gradient(linear, left top, left bottom, from(#da5656), to(#bf0000));*/
/*	background: #454545;*/
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	float:right;
	margin:-30px 2px 0px 0px !important;
	outline:none;
}

.lkbutton {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-repeat:no-repeat;
	width:92px;
	height:28px;
	float:right;
	margin:-15px 0px 0px 7px !important;

}


.tfbutton:hover {
	color:#fff;
	text-decoration: none;
	opacity: 0.5;
	/*background: #666666;
	background: -moz-linear-gradient(top,  #ACACAC,  #666666);*/
	
	
}
/* Fixes submit button height problem in Firefox */
/* Search Ends */
.tfbutton::-moz-focus-inner {
	border: 0;
}


  
/* Fixed sidenav, full height */
.sidenav {
  width: 200px;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ffffff;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 3px;
  text-decoration: none;
  color: #454545;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
	font-size: 11px;
	
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
	background-color: #ccc;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

.dropdown{border-bottom:1px dotted #ccc;}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #ffffff;
}


i {
  border: solid #ccc;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
	float: right
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	margin-top: -16px;
}
/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}



.container-left {
  position: relative;
  width: 200px;
}

.overlay-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
	 opacity: 0;
  transition: .5s ease;

}

.container-left:hover .overlay-left {
  opacity: 1;
}

/* new categ */

    .categnew {
    	width:198px; height:40px; border-bottom:1px dotted #ccc; border-right:1px solid #f1f1f1; border-left:1px solid #f1f1f1;
    }
    
    .categnewa {
    	width:40px; border-right:1px solid #f1f1f1; float:left; height:39px;
    }
    
    .categnewb {
    	width:157px; float:left; height:28px; text-align:center; padding-top:12px;
    }
/* end */