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

@import url("../../common.css");




/****************** 検索 設定****************/
.h2gourmet {
  float: left;
  width: 136px;
  height: 56px;
  display:inline;
}

#searchBoxCat {
  float: left;
  width: 800px;
  height: 60px;
  background:url(../../../img/search/beauty_health/cat_title.jpg) top left no-repeat;
  display:inline;
}

#searchFormCat {
  float: right;
  padding: 17px 8px 0px 5px;
  margin: 0px auto 0px auto;
  text-align: right;
}

.searchBoxTxtCat {
  float: left;
  width: 166px;
  padding: 5px 5px;
  margin: 0px;
  text-align: left;
  background: url(../../../img/search/beauty_health/window.gif) left top no-repeat;
  border: none;
}

.searchButtonCat {
  float: left;
  width: 86px;
  height: 26px;
  padding: 0px;
  margin: 0px 0px 0px 6px;
  background: url(../../../img/search/beauty_health/search_bot.jpg) left top no-repeat;
  border: none;
}

#searchBoxTerm1 {
  float: left;
  width: 800px;
  height: 5px;
  font-size: 0;
  margin: 15px 0px 0px 0px;
  background:url(../../../img/search/beauty_health/cat_search1.jpg) top left no-repeat;
  display: inline;
} 

#searchBoxTerm2 {
  float:left;
  width: 800px;
  font-size: 0.8em;
  color:#333;
  background: url(../../../img/search/beauty_health/cat_search2.jpg) bottom left no-repeat;
  display: inline;
} 



/*IE8*/
html>/**/body #searchBoxTerm2 {  
    padding-top/*\**/:15px\9;
}  


.BoxTermWrapper1{
  float: left;
  width: 799px;
  margin-top: -15px;
  border-bottom:solid 1px #333;
}

.BoxTermWrapper2{
  float: left;
  width: 799px;
  border-bottom:solid 1px #333;
}

.BoxTermWrapper3{
  float: left;
  width: 799px;
}

.BoxTermLeft{
  float: left;
  width: 144px;
  padding: 10px 0px 10px 16px;
  text-align: left;
  
} 

.BoxTermRight{
  float: right;
  width: 621px;
  padding: 6px 0px 0px 0px;
  text-align: left;
}

.BoxTermRight ul {
  float: left;
  width: 621px;
  text-align: left;
  padding: 0px 0px 10px 0px;
}

.BoxTermRight ul li {
  float: left;
  width: 124px;
  text-align: left;
}

#ButtonWrapper {
  float: left;
  text-align: right;
  width: 780px;
  height: 26px;
  margin: 10px 0px 0px 20px;
  display: inline;
}

#ButtonWrapper p {
  float:left;
  text-align: right;
  width: 680px;
  height: 26px;
  font-size: 0.8em;
  padding: 5px 0px 0px 0px;
  color:#333;
  display: inline;
}

.searchButtonCat2 {
  width: 86px;
  height: 26px;
  padding: 0px;
  margin: 0px 0px 0px 10px;
  background:url(../../../img/search/beauty_health/search_bot2.jpg) left top no-repeat;
  border: none;
}

.Selecter {
  float:left;
  text-align: left;
  width: 240px;
  display: inline;
}
/****************** 新着店舗 設定****************/

#container-new {
  float: left;
  margin: 10px 0px 45px 0px;
  padding: 0px;
  width: 610px;
  height: auto;
  text-align: left;
}

.container-store {
  float: left;
  padding: 0px 10px 0px 0px;
  _padding: 0px 5px 0px 0px;
  width: 140px;
  max-width:140px;
  height: auto;
  text-align:center;
}

.container-store .img_wrapper {
  width: 138px;
  height: 102px;
  border-top:#eee 1px solid;
  border-left:#ddd 1px solid;
  border-right:#999 1px solid;
  border-bottom:#999 1px solid;
  padding:1px;
  border-collapse: collapse; 
}

.container-store .img_wrapper a{
   display: table-cell;  
            text-align: center;  
            vertical-align: middle;  
            width: 134px !important;  
            width: auto;  
            height: 100px !important;  
            height: auto;
			margin:0px;
			padding:0px;
			}
	

.container-store img {
  max-width: 134px;
  max-height: 100px !important;
}



.container-store h4 {
  float: left;
  width: 134px;
  max-width: 134px;
  text-align: left;
  font-size:75%;
  line-height:1.1em;
  color:#333;
  height: 2em;
  margin: 7px 0px 7px 2px;
  padding: 0px 0px 0px 5px;
  border-left: solid 3px #E60012;
}

.container-store p {
  float: left;
  width: 134px;
  max-width: 134px;
  text-align: left;
  font-size:11px;
  color:#333;
  height: auto;
}


	

/****************** 特集 設定****************/

.fuature {
  float: left;
  padding: 0px;
  margin: 0px 0px 32px 0px;
  width: 594px;
  height: auto;
  text-align: left;
}

.BoxLTLeft{
  float: left;
  width: 594px;
  text-align: left;
}

.LTLeft {
  float: left;
  padding: 0px;
  width: 594px;
  height: 39px;
  text-align: left;
}

.hokkaido{
  float: left;
  padding: 10px 0px 12px 0px;
  margin: 0px 0px 15px 0px;
  width: 594px;
  font-size: 0.8em;
  text-align: left;
  background-color: #fff;
  border:#c6b294 solid 1px;
}

.hokkaido li{
  float: left;
  padding: 0px 0px 0px 15px;
  margin: 4px 0px 4px 10px;
  width: 272px;
  text-align: left;
  display:inline;
  background:url(../../../img/category/beauty_health/cur1.gif) left top no-repeat;
}

.hokkaido li a{
  color:#0068B7;
  text-decoration: none;
}

.hokkaido li a:visited{
  color:#0073cc;
  text-decoration: none;
}

.hokkaido li a:hover{
  color:#0068B7;
  text-decoration: underline;
}


.fellow{
  float: left;
  padding: 10px 0px 12px 0px;
  margin: 0px 0px 15px 0px;
  width: 594px;
  font-size: 0.8em;
  text-align: left;
  background-color: #FFF;
  border:#9cc813 solid 1px;
}

.fellow li{
  float: left;
  padding: 0px 0px 0px 15px;
  margin: 4px 0px 4px 10px;
  width: 272px;
  text-align: left;
  display:inline;
  background:url(../../../img/category/beauty_health/cur1.gif) left top no-repeat;
}

.fellow li a{
  color:#0068B7;
  text-decoration: none;
}

.fellow li a:visited{
  color:#0073cc;
  text-decoration: none;
}

.fellow li a:hover{
  color:#0068B7;
  text-decoration: underline;
}

.date {
  float: left;
  padding: 10px 0px 12px 0px;
  margin: 0px 0px 15px 0px;
  width: 594px;
  font-size: 0.8em;
  text-align: left;
  background-color: #FEF7F2;
}

.date li{
  float: left;
  padding: 0px 0px 0px 15px;
  margin: 4px 0px 4px 10px;
  width: 272px;
  text-align: left;
  display:inline;
  background:url(../../../img/category/beauty_health/cur1.gif) left top no-repeat;
}

.date li a{
  color:#0068B7;
  text-decoration: none;
}

.date li a:visited{
  color:#0073cc;
  text-decoration: none;
}

.date li a:hover{
  color:#0068B7;
  text-decoration: underline;
}



/****************** サイドバナー****************/


.rightBox {
  float: left;
  width: 180px;
  height: 1%;
  padding: 0px 0px 11px 1px;
  margin-right: -3px; 
}

.rightBox img {
  width: 180px;
  height: auto;
  !important;
}