@charset "utf-8";

   
/*---------------
Layout
---------------*/
div#all{text-align:center;}
div#container{padding:0;}
div#main{float:left;width:710px;margin-right:10px;}
div#sub{float:left;width:230px;}
div#mainArea{float:right;width:530px;}
div#searchArea{float:left;width:170px;}

/*---------------
共通
---------------*/
div.h2_bg{ padding:6px 10px 4px; background: url(../img/h2_bg.gif) #ff8e01 top no-repeat;}
/* * html div.h2_bg{ margin-bottom:-10px;} for IE6 */
div.h2_bg h2{ float:left; color:#ffffff;}
div.h2_bg p{ float:right; padding-top:3px; color:#ffffff;}

h2.bg02{ padding:4px 10px 2px; background: url(../img/h2_bg_02.gif) top no-repeat; border-bottom:2px #ff8c01 solid; color:#404040;}
* html h2.bg02{ margin-bottom:-3px;}/* for IE6 */

.border03{ border-bottom: 1px #cccccc solid; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; margin-top:-7px;}
* html .border03{ border-bottom: 1px #cccccc solid; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; margin-top:0;}/* for IE6 */
img.link{ border:1px #cccccc solid;}
a:hover img.link{ border:1px #fecc44 solid;}

/* titleBanner */
div#titleBanner_kanto,
div#titleBanner_kansai{
	width:705px;
	background: url(../kanto/img/h1_bg.jpg) top no-repeat;
}

div#titleBanner_kanto h1,
div#titleBanner_kansai h1{
	padding:7px 10px 7px 10px;
	font-size:145%;
	color:#404040;
}

div#titleBanner_kanto p,
div#titleBanner_kansai p{
	padding:0 50px 10px 10px;
	color:#404040;
}

/*---------------
mainArea
---------------*/
/* special */
#mainArea div#special{ margin-top:15px; padding-bottom:1px; background:#ff8e01;}
div#special ul li.sp_bg{ margin:0 3px; background: url(../img/bg_sp01.gif) #ffffff top repeat-x;}
* html div#special ul li.sp_bg{display: inline; width: 524px;}/* for IE6 */
div#special ul li.sp_bg div.line01{ background:url(../img/line_01.gif) bottom repeat-x; display: inline;}

div#special ul li.sp_bg div.spbg_inner2{ padding:10px 0;}
div#special ul li.sp_bg div.spbg_inner div.sp01{ float:right; width:298px; margin-right:8px; padding:10px 0;}
* html div#special ul li.sp_bg div.spbg_inner div.sp01{ margin-right:4px; padding-top:10px;}/* for IE6 */
*:first-child+html div#special ul li.sp_bg div.spbg_inner div.sp01{ float:right; width:298px; margin-right:8px; margin-top:-15px;}/* for IE7 */
div#special ul li.sp_bg div.spbg_inner2 div.sp03{ float:right; width:298px; margin-right:8px;}
* html div#special ul li.sp_bg div.spbg_inner2 div.sp03{ margin-right:4px; padding-top:0px;}/* for IE6 */

div#special ul li.sp_bg div.spbg_inner div.sp02{ float:left; width:208px; margin-left:8px; padding:10px 0;}
* html div#special ul li.sp_bg div.spbg_inner div.sp02{ margin-left:4px; margin-top:0;}/* for IE6 */
*:first-child+html  div#special ul li.sp_bg div.spbg_inner div.sp02{ margin-left:8px; margin-top:-15px;}/* for IE7 */

div#special ul li.sp_bg div.spbg_inner2 div.sp04{ float:left; width:208px; margin-left:8px;}
* html div#special ul li.sp_bg div.spbg_inner2 div.sp04{ margin-left:4px;}/* for IE6 */

div#special ul li.sp_bg div.spbg_inner div.sp01 h3 img,
div#special ul li.sp_bg div.spbg_inner2 div.sp03 h3 img{ margin-top:9px;}
div#special ul li.sp_bg div.spbg_inner div.sp01 p,
div#special ul li.sp_bg div.spbg_inner2 div.sp03 p{ padding:10px 0;}
div#special ul li.sp_bg div.spbg_inner div.sp01 ul li,
div#special ul li.sp_bg div.spbg_inner2 div.sp03 ul li{ float:left; width:59px; height:33px;}

/* areaUnit */
.areaUnitList {
  margin: 0 1px;
  padding-bottom: 5px;
  background-color: #fdead3;
}

.areaUnit {
  padding: 5px 5px 0;
}

.areaUnitInner {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.area__thumb {
  position: absolute;
  border-bottom: 1px solid #e4e4e4;
}

.area__layer {
  position: absolute;
  padding-left: 20px;
}

.area__cell {
  display: table-cell;
  height: 160px;
  width: 270px;
  vertical-align: middle;
}

.area__headline {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  line-height: 1.3;
}

.area__contents {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  line-height: 1.6;
  padding-top: 6px;
}

.area__prefList {
  width: 100%;
  padding-top: 161px;
  margin-bottom: -1px;
  overflow: hidden;
}

.area__prefList::after {
  display: block;
  clear: both;
  content: '';
}

.area__prefList + .area__prefList {
  padding-top: 0;
}

.area__pref {
  float: left;
  width: 25%;
}

.area__pref a {
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
}

/* weekly */
div#weekly{ margin-top:15px;}
div#weekly div.weekly01{ float:right; width:390px; margin:10px 10px 10px auto;}
* html div#weekly div.weekly01{ margin:0px 5px 15px auto;}/* for IE6 */
*:first-child+html div#weekly ddiv.weekly01{ margin:10px 5px 15px auto;}/* for IE7 */
div#weekly div.weekly02{ float:left; width:108px; margin:10px auto 10px 10px;}
* html div#weekly div.weekly02{ margin:10px auto 10px 5px;}/* for IE6 */
div#weekly div.weekly01 p.shopTitle{ width:390px; padding-bottom:2px; padding-left:1px;}
* html div#weekly div.weekly01 p.shopTitle{ margin-top:10px;}/* for IE6 */
div#weekly div.weekly01 p.category{ float:left; padding-bottom:2px; color:#666666;}
div#weekly div.weekly01 p.nearest{ float:right; padding-bottom:2px;}
div#weekly div.weekly01 p.txt{ clear:both; width:390px; padding-top:5px; background:url(../img/line_01.gif) top repeat-x;}

/* valuePlan */
div#valuePlan{ margin-top:10px;}
* html div#valuePlan{ margin-top:10px;}/* for IE6 */
*:first-child+html div#valuePlan{ margin-top:20px;}/* for IE7 */
div#valuePlan p.txt{ width:530px; padding:7px 10px 12px;}
* html div#valuePlan p.txt{ width:510px; padding:17px 10px 12px;}/* for IE6 */
div#valuePlan ul{ width:475px; margin:auto 17px;}
div#valuePlan ul li{ float:left; width:95px; margin:2px auto; background:url(../img/arrow01.gif) 0 50% no-repeat; text-indent:9px;}
div#valuePlan ul li{ float:left; width:auto; margin:2px 28px 0 0; background:url(../img/arrow01.gif) 0 50% no-repeat; text-indent:9px;}


/* searchAreaList */
div#searchAreaList{ background-color: #FFF3E0; margin:15px 0 0 0; padding:10px; width:auto;}
div#searchAreaList h3{ font-size:92.5%;}
div#searchAreaList ul.shortli{ margin:5px 0 0 0;}
div#searchAreaList ul.shortli li{ float:left; margin:2px 0; white-space: nowrap;}


div#searchAreaList ul.shortli02{margin:5px 0 0;float:right; position:relative;bottom:0;}
div#searchAreaList ul.shortli02 li{display:inline;margin-left:3px;padding-left:5px; border-left:1px solid #000;}
div#searchAreaList ul.shortli02 li a{border-left:1px solid #FFF3E0;}
div#searchAreaList ul.shortli02 li.start{margin:0;padding:0;border:0;}



/* reputationSearch */
div#reputationSearch{ margin-top:15px;}
div#reputationSearch p.txt{ width:530px; padding:7px 10px 12px;}
* html div#reputationSearch p.txt{ width:500px; padding:17px 10px 12px;}/* for IE6 */
div#reputationSearch dl{ width:500px; margin:auto 10px; padding:3px 5px;}
* html div#reputationSearch dl{  margin:auto 10px; padding:3px 5px;}/* for IE6 */
div#reputationSearch dl dt{ float:left; width:90px; font-weight:bold;}
div#reputationSearch dl dd{ float:left; width:385px;}
div#reputationSearch dl dd ul li{float:left; width:55px; padding:2px 0; background:url(../img/arrow01.gif) 0 50% no-repeat; text-indent:9px;}
div#reputationSearch dl.bg02{ width:500px; margin:auto 10px; padding:3px 5px; background-color:#fff3e0;}
* html div#reputationSearch dl.bg02{  margin:auto 10px; padding:3px 5px;}/* for IE6 */
div#reputationSearch dl.bg02 dt.dt02{ height:30px;}

   
/*---------------
searchArea
---------------*/
/* areaList */
div#searchArea dl#areaList{margin-top:15px;}
div#searchArea dl#areaList dt{ padding:6px 5px 4px 30px; background: url(../img/h3_bg_01.gif) #ffba00 top no-repeat; color:#404040;}
div#searchArea dl#areaList dd{ padding:5px; background:#fff9e1; border-bottom:1px #fee09c solid; border-left:1px #fee09c solid; border-right:1px #fee09c solid;}
* html div#searchArea dl#areaList dd{ padding:5px 4px;}/* for IE6 */

/* btn */
div#searchArea dl#areaList dd ul#area01 li.li01{display:block;width:160px; height:55px;background:url(../img/btn_area01_01.gif) top no-repeat;}
div#searchArea dl#areaList dd ul#area01 li.li01 a{display:block;width:160px;height:50px;}
div#searchArea dl#areaList dd ul#area01 li.li01 a:hover{display:block;background:url(../img/btn_area01_02.gif) top no-repeat;}
div#searchArea dl#areaList dd ul#area01 li.li01 a p{padding-top: 15px;margin-left:50px;}

div#searchArea dl#areaList dd ul#area01 li.li02{display:block;width:160px; height:55px;background:url(../img/btn_area02_01.gif) top no-repeat;}
div#searchArea dl#areaList dd ul#area01 li.li02 a{display:block;width:160px;height:50px;}
div#searchArea dl#areaList dd ul#area01 li.li02 a:hover{display:block;background:url(../img/btn_area02_02.gif) top no-repeat;}
div#searchArea dl#areaList dd ul#area01 li.li02 a p{padding-top: 15px;margin-left:50px;}

div#searchArea dl#areaList dd ul.area02{ width:160px; margin:7px auto 3px ; padding-bottom:5px; background:url(../img/line_01.gif) bottom repeat-x;}
* html div#searchArea dl#areaList dd ul.area02{width:150px; margin-left:3px; background:url(../img/line_01.gif) bottom repeat-x;}/* for IE6 */
*:first-child+html div#searchArea dl#areaList dd ul.area02{ background:url(../img/line_01.gif) bottom repeat-x;}/* for IE7 */

div#searchArea dl#areaList dd ul.area02 li,
div#searchArea dl#areaList dd ul.area03 li{ float:left; width:80px; background:url(../img/arrow01.gif) 0 50% no-repeat; text-indent:9px;}
* html div#searchArea dl#areaList dd ul.area02 li,
* html div#searchArea dl#areaList dd ul.area03 li{ float:left; width:70px; background:url(../img/arrow01.gif) 0 50% no-repeat; text-indent:9px;}/* for IE6 */

div#searchArea dl#areaList dd ul.area03{ width:160px; margin:7px auto 3px ;}
* html div#searchArea dl#areaList dd ul.area03{width:150px; margin-left:3px; padding-bottom:0;}/* for IE6 */
*:first-child+html div#searchArea dl#areaList dd ul.area03{ padding-bottom:0;}/* for IE7 */


div#searchArea dl#areaList dd ul.area06{ width:auto; margin:0 auto 2px 5px;}
* html div#searchArea dl#areaList dd ul.area06{width:150px; margin-left:8px; padding-bottom:3px;}/* for IE6 */
*:first-child+html div#searchArea dl#areaList dd ul.area06{ padding-bottom:3px;}/* for IE7 */
div#searchArea dl#areaList dd ul.area06 li{ float:left; width:auto; background:url(../img/arrow01.gif) 0 0.4em no-repeat; padding-left:9px;}
* html div#searchArea dl#areaList dd ul.area06 li{ float:left; width:auto; background:url(../img/arrow01.gif) 0 0.4em no-repeat; padding-left:9px;}/* for IE6 */

/* foodList */
div#searchArea dl#foodList{margin-top:15px;}
div#searchArea dl#foodList dt{ padding:6px 5px 4px 30px; background: url(../img/h3_bg_02.gif) #ffba00 top no-repeat; color:#404040;}
div#searchArea dl#foodList dd{ padding:5px; background:#fff9e1; border-bottom:1px #fee09c solid; border-left:1px #fee09c solid; border-right:1px #fee09c solid;}
* html div#searchArea dl#foodList dd{ padding:5px 4px;}/* for IE6 */
/* btn */
div#searchArea dl#foodList dd ul#food li.li01{display:block;width:160px; height:53px;background:url(../img/btn_food01_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li01 p{ margin-left:50px;padding-top:15px;}
div#searchArea dl#foodList dd ul#food li.li01 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li01 a:hover{display:block;background:url(../img/btn_food01_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li02{display:block;width:160px; height:53px;background:url(../img/btn_food02_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li02 p{ margin-left:50px;padding-top: 15px;}
div#searchArea dl#foodList dd ul#food li.li02 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li02 a:hover{display:block;background:url(../img/btn_food02_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li03{display:block;width:160px; height:53px;background:url(../img/btn_food03_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li03 p{ margin-left:50px;padding-top: 7px;}
div#searchArea dl#foodList dd ul#food li.li03 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li03 a:hover{display:block;background:url(../img/btn_food03_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li04{display:block;width:160px; height:53px;background:url(../img/btn_food04_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li04 p{ margin-left:50px;padding-top: 15px;}
div#searchArea dl#foodList dd ul#food li.li04 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li04 a:hover{display:block;background:url(../img/btn_food04_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li05{display:block;width:160px; height:53px;background:url(../img/btn_food05_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li05 p{ margin-left:50px;padding-top: 15px;}
div#searchArea dl#foodList dd ul#food li.li05 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li05 a:hover{display:block;background:url(../img/btn_food05_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li06{display:block;width:160px; height:53px;background:url(../img/btn_food06_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li06 p{ margin-left:50px;padding-top: 7px;}
div#searchArea dl#foodList dd ul#food li.li06 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li06 a:hover{display:block;background:url(../img/btn_food06_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li07{display:block;width:160px; height:53px;background:url(../img/btn_food07_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li07 p{ margin-left:50px;padding-top: 15px;}
div#searchArea dl#foodList dd ul#food li.li07 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li07 a:hover{display:block;background:url(../img/btn_food07_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li08{display:block;width:160px; height:53px;background:url(../img/btn_food08_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li08 p{ margin-left:50px;padding-top: 15px;}
div#searchArea dl#foodList dd ul#food li.li08 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li08 a:hover{display:block;background:url(../img/btn_food08_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li09{display:block;width:160px; height:53px;background:url(../img/btn_food09_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li09 p{ margin-left:50px;padding-top: 7px;}
div#searchArea dl#foodList dd ul#food li.li09 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li09 a:hover{display:block;background:url(../img/btn_food09_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li10{display:block;width:160px; height:53px;background:url(../img/btn_food10_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li10 p{ margin-left:50px;padding-top: 15px;}
div#searchArea dl#foodList dd ul#food li.li10 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li10 a:hover{display:block;background:url(../img/btn_food10_02.jpg) top no-repeat;}

div#searchArea dl#foodList dd ul#food li.li11{display:block;width:160px; height:53px;background:url(../img/btn_food11_01.jpg) top no-repeat;}
div#searchArea dl#foodList dd ul#food li.li11 p{ margin-left:50px;padding-top: 15px;}
div#searchArea dl#foodList dd ul#food li.li11 a{ display:block;width:160px;height:50px;}
div#searchArea dl#foodList dd ul#food li.li11 a:hover{display:block;background:url(../img/btn_food11_02.jpg) top no-repeat;}
   
/*---------------
sub
---------------*/
/* topBanner */
div#topBanner{ text-align:center; margin-bottom:10px;}

/* pickUp */
div#pickUp a {display:block;margin-bottom:5px;}
div#pickUp ul.pick01{ margin:7px;}
* html div#pickUp ul.pick01{ margin:3px;}/* for IE6 */
div#pickUp ul.pick01 a img {left:0;}
* html div#pickUp ul.pick01 a img {left:-87px;}/* for IE6 */

div#pickUp ul.pick01 li ,
div#pickUp ul.pick01 li.noline {min-height:65px;}
div#pickUp ul.pick01 li div.pick02{ min-height:70px;}
* html div#pickUp ul.pick01 li div.pick02{ height:75px;}/* for IE6 */
div#pickUp ul li {background:transparent url(../img/line_01.gif) repeat-x scroll left bottom;padding:5px 5px 5px 0;position:relative;}
div#pickUp ul li.noline {background: none;padding:5px;position:relative;}
div#pickUp ul.pick01 div.pick02 p.nearest{ text-align:right;margin-top: -28px;}
div#pickUp ul.pick01 p.txt{ margin-left:2px; width:210px;}
div#pickUp ul.pick01 div.pick02 a img{ float:left;display:inline;margin-right:8px;}
div#pickUp ul.pick01 div.pick02 a { height:60px;}

/* pr */
div#pr{ margin:10px auto 5px;}
#pr div img{ margin:10px;}

/* mobile */
div#mobile{ margin-top:10px;}
div#mobile p.mobile01{ float:right; width:140px; padding-top:10px; margin-right:7px;}
div#mobile p.mobile02{ float:left; width:75px;}
div#mobile p.mobile02 img{ margin:5px 5px 0 8px;}
* html div#mobile p.mobile02 img{ margin:5px 2px 0 4px;}/* for IE6 */

/* link */
div#link{ margin-top:10px;}
div#link ul{ margin:10px 0 10px 10px;}
div#link ul li{background:transparent url(../img/bg_disc.gif) no-repeat scroll 0 8px; margin-bottom:5px; padding:0 0 0 9px;}

.pageTop{float:right; margin:10px auto 5px;}

/* footer */	
div#footer{ width:950px; margin:55px 0 0; text-align:center; padding:4px 0 24px;}
div#footer p.p01{ border-top:1px solid #999; padding-top:3px;}
div#footer p.p02{ margin-bottom:25px;}

/*
	float clear, clearfix hack
==================================================*/

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.clearfix{
	display:inline-block;
}
/* MacIEO \*/
.clearfix{
	display:block;
}
/* */

/*================================================*/