@charset "Shift_JIS";




div#search_container {
  height:300px;
  overflow: visible;
}
ul#shop_list {
  list-style-type:none;
  margin-top:5px;
  margin:0px;
  padding:0px;
  display: block;
}
ul#compare_shop_list {
  display: visible;
  list-style-type: none;
}
div#compare_area {
  height: 250px;
  width: 140px;
  overflow: visible;
}
div#shop_list_area {
  margin:0px; 
  padding:0px;
}
ul#shop_list li.draggable {
  float:left;
  overflow:visible;
  cursor: move;
}
ul#shop_list div.cell-box {
  float:left;
}
ul#shop_list div.cell-box a{
  color:#color:4A92E7;;}
div.dropmark {
  width: 175px;
  height: 82px;
  background-image:url(/img/beauty/drag-drop-ban.gif);
}
div.dropback {
  background-image:url(/img/beauty/compare-area.gif);
}

div.dropzone #top-btn {
  padding:15px 0;
  _padding:15px 0 0 0;
  vertical-align:top;
  }

div.dropzone #bottom-btn {
  padding:15px 0;
/*    _padding:0 0 15px 0; */
  vertical-align:bottom;
  }
div.compare-btn a {
  display:block;
  width:86px;
  height:20px;
  text-indent:-9999px;
  outline:0;
  margin:0 auto;
  background:url(/img/beauty/compare-area-btn.gif) left top no-repeat;
}
.compare-btn a:hover {
  background:url(/img/beauty/compare-area-btn_on.gif) left top no-repeat;
}
div.dragenter {
  background-image: none;
/*  background-color: red; */
  background-color: blue;

}

/* 左 */
div#second {
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0;
  width:810px;
  clear:both;
  }

/* 左中段 */
div#second div#left-box {
  float:left;
  margin:0;
  padding:0;
  width:206px;
  background:#fff;
  text-align:left;
  }


div#compare-area {
  width:206px;
  margin:0;
  padding:0;
  background:url(/img/beauty/compare-area-back.gif) left top repeat-y;}

a.compare-btn {
  width:86px;
  height:20px;
  display:block;
  outline:0;
  text-indent:-9999px;
  margin:5px 60px;
  background:url(/img/beauty/compare-btn.gif) left top no-repeat;}

a.compare-btn:hover {
  background:url(/img/beauty/compare-btn_on.gif) left top no-repeat;}



div#compare-box {
  width:178px;
  margin:7px 15px;
  padding:0;
  color:#676767;}

div#drag-drop-ban {
  margin:10px auto;}


table#dragdrop-area {
  width:200px;
  margin:15px auto 15px auto;
  text-align:center;
  background:url(/img/beauty/compare-area.gif) left center repeat-y;}

/* Drag & Drop area ・ｽﾝ抵ｿｽ */


/* 小さいセル */
table.small-cell {
  height:270px;}


/* 比較中段 */
table.middle-cell {
  height:695px;
  _height:670px;}

/* IE 7.0 only */
*:first-child+html table.middle-cell {
  height:670px;}
/*  */

/* Opera 9.0 -8.0 only */
*+html:first-child table.middle-cell {
  height:670px;}
/*  */


/* ・ｽ・ｽ・ｽ・ｽﾊゑｿｽ15・ｽﾂ以会ｿｽ・ｽﾌ場合 */
table.many-cell {
  height:1390px;
  _height:1340px;}

/* IE 7.0 only */
*:first-child+html table.many-cell {
  height:1340px;}
/*  */

/* Opera 9.0 -8.0 only */
*+html:first-child table.many-cell {
  height:1320px;}
/*  */


table#dragdrop-area td#top-btn {
  padding:15px 0;
  _padding:15px 0 0 0;
  vertical-align:top;
  }

table#dragdrop-area td#bottom-btn {
  padding:15px 0;
  _padding:0 0 15px 0;
  vertical-align:bottom;
  }

table#dragdrop-area td a{
  display:block;
  width:86px;
  height:20px;
  text-indent:-9999px;
  outline:0;
  margin:0 auto;
  background:url(/img/beauty/compare-area-btn.gif) left top no-repeat;}


table#dragdrop-area td a:hover{
  background:url(/img/beauty/compare-area-btn_on.gif) left top no-repeat;}



div#beauty-feature {
  width:200px;
  margin:5px 3px 15px 3px;
  padding:0;
  background:url(/img/beauty/feature-back.gif) left top repeat-y;
  }

div#feature-box {
  border-bottom :1px dotted #b3b3b3;
  _border:0;
  _background:url(/img/boder-dotted.gif) left bottom repeat-x;
  width:172px;
  padding:0 5px 2px 5px;
  margin:0 0 0 8px;
  }

div#feature-box2 {
  width:172px;
  padding:0 5px 2px 5px;
  margin:0 0 0 8px;
  }



div#feature-box dl, div#feature-box2 dl{
  width:172px;
  margin:5px 0 0 0;}

div#feature-box dl dt, div#feature-box2 dl dt{
  float:left;
  width:50px;
  padding-right:5px;}

div#feature-box dl dd, div#feature-box2 dl dd{
  padding:1px 0 0 5px;
  margin:0 0 0 55px;
  }

div#feature-box dl dd a, div#feature-box2 dl dd a{
  color:#328EBD;
  text-decoration:underline;
  }

div#feature-box dl dd a:hover, div#feature-box2 dl dd a:hover{
  color:#85BCD8;
  }




div#beauty-banner {
  margin:15px 3px;
  padding:0;
  }

div#left-middle-link {
  margin:15px 3px 0 3px;
  padding:0;
  }

div#left-middle-link ul{
  list-style-type:none;
  }

div#left-middle-link ul li{
  padding:0 0 10px 0;
  }


div#left-bottom-link {
  margin:10px 3px 15px 3px;
  padding:0;
  }

div#left-bottom-link ul{
  list-style-type:none;
  }

div#left-bottom-link ul li{
  padding:0 0 10px 0;
  }


a#left-bottom-link-001{
  display:block;
  width:140px;
  height:13px;
  outline:0;
  text-indent:-9999px;
  background:url(/img/beauty/left-bottom-link_01.gif) left top no-repeat;}

a#left-bottom-link-002{
  display:block;
  width:140px;
  height:13px;
  outline:0;
  text-indent:-9999px;
  background:url(/img/beauty/left-bottom-link_02.gif) left top no-repeat;}

a#left-bottom-link-001:hover{
  background:url(/img/beauty/left-bottom-link_01_on.gif) left top no-repeat;}

a#left-bottom-link-002:hover{
  background:url(/img/beauty/left-bottom-link_02_on.gif) left top no-repeat;}



/* ・ｽ・ｽi・ｽ・ｽ-・ｽ・ｽ・ｽ・ｽ */
div#second div#center-box {
  float:left;
  margin:3px 0 0 10px;
  width:195px;
  background:#fff;
  }


img#center-box-ban01 {
  margin:0 0 11px 0;}

img#center-box-ban02 {
  margin:0 0 11px 0;}



/* not IE */

html[xmlns] div#second div#right-box {
  float:left;}

/* */

div#second div#right-box {
  float:left;
  width:580px;
  margin:3px 0 0 15px;
  }

div#setsumei {
  width:580px;
  }


div#yellow-box {
  float:left;
  margin:0;
  padding:0;
  width:192px;
  background:url(/img/beauty/compare-setsumei_04.gif) left top repeat-y;}

div#yellow-box div#text-box{
  width:165px;
  margin:5px 13px 10px 14px;
  height:45px;
  padding:0;
  color:#676767;
  }


div#orange-box {
  float:left;
  margin:0;
  padding:0;
  width:196px;
  background:url(/img/beauty/compare-setsumei_05.gif) left top repeat-y;}


div#orange-box div#text-box{
  margin:5px 13px 10px 16px;
  height:45px;
  padding:0;
  color:#676767;
  }



div#red-box {
  float:left;
  margin:0;
  padding:0;
  width:192px;
  background:url(/img/beauty/compare-setsumei_06.gif) left top repeat-y;}



div#red-box div#text-box{
  height:45px;
  margin:5px 8px 10px 20px;
  padding:0;
  color:#676767;
  }



div#page_number {
  font-size:12px;
  margin:10px auto;
  text-align:center;
  color:#328EBD;}

div#page_number a{
  color:#328EBD;
  text-decoration:underline;
  font-size:12px;}
  
/* \*/*/
div#page_number a{
  font-size:11px;}
/* */

div#page_number a:hover{
  color:#85BCD8;
  text-decoration:underline;}



div.compare-cell {
  width:580px;
  text-align:center;
  background:url(/img/beauty/compare-cell-back.gif) left top repeat-y;
}

div.compare-cell table{
  width:555px;
  margin:10px 12px 10px 13px;
}

div.compare-cell table td{
  vertical-align:top;
}

div.cell-box {
  width:178px;
  margin:10px 2px;
  background:url(/img/beauty/cell-box_02.gif) left top repeat-y;
}

div.cell-content {
  width:164px;
  margin:5px;
  height:317px;
  text-align:left;
  }

div.cell-img {
  text-align:center;
  margin:0 0 5px 2px;
  width:160px;
  _width:164px;
  height:140px;
  border:1px solid #b3b3b3;
  }


div.cell-content div.shop-name{
  height:28px;
  color:4A92E7;
  font-size:12px;
  }

div.cell-content div.shop-name a{
  color:#328EBD;
  text-decoration:underline;
  font-size:12px;}
  
/* \*/*/
div.cell-content div.shop-name a{
  font-size:11px;}
/* */

div.cell-content div.shop-name a:hover{
  color:#85BCD8;
  text-decoration:underline;}


div.cell-content div#dining, div#area, div#yosan{
  color:#328EBD;;
  font-size:10px;
  background:#e6e6e6;
  text-align:left;
  padding:1px 2px;
  margin:5px 0;
  }

/*下段のborder */

#bottom-line {
  border-bottom:1px dotted #b3b3b3;
  _border:0;
  _background:url(/img/boder-dotted.gif) left bottom repeat-x;}


/*ajax*/
.cell-content-side{
  width:164px;
  margin:5px;
  text-align: left;
}
.cell-content-side div.shop-name{
  color:#328EBD;
  font-size:12px;
  }

.cell-content-side div.shop-name a{
  color:#328EBD;
  text-decoration:underline;
  font-size:12px;}