@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{ width:705px; height:80px; background: url(../img/h1_bg.jpg) top no-repeat;}
div#titleBanner h1{ padding:7px 245px 7px 10px; font-size:145%; color:#404040;}
div#titleBanner p{ padding:0 245px 10px 10px; color:#404040;}



/* breadcrumb */
body #breadcrumb ol#logobreadcrumbs-breadcrumb {
	border:none;
}

body div#breadcrumb {
	border-top: 1px solid #ccc;
	padding-top: 3px;
}

#logobreadcrumbs-breadcrumb{
	float:left;
}

#socialmedia{
	float:right;
}

/*---------------
mainArea
---------------*/
/* special */
div#special{ margin-top:15px; padding-bottom:3.5px; 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;}


/* panelUnit */
.panelUnitList {
  margin: 0 1px;
  background-color: #fdead3;
  padding-bottom: 5px;
}
.panelUnit {
  padding: 5px 5px 0;
}
.panel {
  display: block;
  height: 250px;
  position: relative;
  overflow: hidden;
}
.panel:hover {
  opacity: .4;
}
.panel__layer{
  box-sizing: border-box;
  width: 100%;
  padding: 13px 10px 13px;
  background-color: rgba(0,0,0,.4);
  bottom: 0;
  position: absolute;
  color: #fff;
}

.panel__headline {
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
}

.panel__contents {
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  padding-top: 3px;
}

/* 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;}


/* 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:5px;}/* for IE6 */
*:first-child+html div#searchArea dl#areaList dd ul.area03{ padding-bottom:5px;}/* for IE7 */


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

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

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

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

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

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

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

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

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

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

div#mainArea dl#foodList dd ul#food li.li11{display:block;width:160px; height:53px;background:url(../img/btn_food11_01.jpg) top no-repeat;}
div#mainArea dl#foodList dd ul#food li.li11 p{ margin-left:50px;padding-top: 15px;}
div#mainArea dl#foodList dd ul#food li.li11 a{ display:block;width:160px;height:50px;}
div#mainArea 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:15px;}

/* pickUp */
div#pickUp{margin-bottom:15px;}
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;}
div#pr{ margin:0px auto 10px;}*/
#pr div img{ margin:10px 10px 15px 10px;}

/* mobile */
div#mobile{ margin-bottom:15px;}
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-bottom:15px;}
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{ clear:both; margin:0 0 10px;border-top:1px solid #CCC;text-align:center;padding:3px 0;}
div#footer ul{margin:0 0 5px 0;text-align:center;}
div#footer ul li{display:inline;}
div#footer ul li a{margin:0 0 0 3px;padding-left:10px;background:url(../img/line_side_short.gif) no-repeat scroll 0 50%;}
div#footer ul li.start a{margin:0;padding:0;background:none;}
div#footer p{text-align:center;margin:10px 0 0;}
div#footer p.copy{margin:0;}


/* globalNavi rds link */
#gnavi-info-link {
    margin: 0 auto;
    width: 950px;
}
#gnavi-info-link #gnavi-restaurant-search {
    float: right;
    margin-top: 10px;
    text-align: right;
    width: 630px;
}
#gnavi-info-link #gnavi-restaurant-search ul {
    float: right;
    margin: 0;
}
#gnavi-info-link #gnavi-restaurant-search ul li.first {
    background: none repeat scroll 0 0 transparent;
}
#gnavi-info-link #gnavi-restaurant-search ul li {
    background: url("../img/gnavi-info-link.png") no-repeat 0 2px;
    float: left;
    font-size: 10px;
    padding: 0 6px;
	list-style: none;
}
#gnavi-info-link #gnavi-restaurant-search ul li.last {
    padding-right: 0;
}

/* Add 20121218 suzuki-ke */
#footerWordLink {
	border-top: 1px solid #ccc;
	clear: both;
	margin: 0 auto 5px;
	width: 950px;
}

#footerWordLink dl {
	padding: 8px 5px;
}

#footerWordLink dt {
	color: #313131;
	display: block;
	line-height: 1.3;
	text-align: left;
}

#footerWordLink li {
	float: left;
	line-height: 1.3;
	list-style: none;
	padding-right: 1em;
	white-space: nowrap;
}