@charset "utf-8";
/* 
http://www.gnavi.co.jp/
Layout Style CSS "style.css"
GOURMET NAVIGATOR INC.
*/


@import "common_deli.css";

/*---------------
 Contents Layout
---------------*/
div#Contents{margin:20px 0 0;}


/*------------------------------
 ブランドページ
------------------------------*/
/* title */
div#brand div#title_wrap{width:100%;padding-bottom:30px;}
div#brand div.pic01{float:left;}
div#brand div.pic02{float:right;}
div#brand div#title{margin-left:210px;margin-right:210px;}
div#brand div#title h1{color:#6e4219;margin:5px 0px 12px 0px;padding:10px 0px;background:url(../img/brand_bg_01.gif) repeat-x bottom;}
div#brand div#title p span{color:#ff0000;font-weight:bold;}

div#brand h2{background:url(../img/bg_h2.gif) repeat-x top; color:#512700; margin: 0 auto;  margin-bottom:15px; padding:8px; text-align:left;}
div#brand h2.search{background:url(../img/bg_h2.gif) repeat-x top; color:#512700; margin: 0 auto;  margin-bottom:3px; padding:8px; text-align:left;}
div#brand h3{background:#6e4219; color:#ffffff;margin: 0 auto; margin-bottom:10px; padding:4px 8px; text-align:left;}


/* Searcharea */
div#brand #search{background-color:#fff6e5;padding:40px 0px;margin-bottom:7px;}
div#brand #search #post_wrap{width:750px;margin:0 auto; text-align:center;}
div#brand #search #post{width:375px;float:left; text-align:left;}
div#brand #search #post p.txt_search{float:left;display:inline;font-weight:bold;padding-top:3px;padding-bottom:2px;padding-right:10px;}
div#brand #search #post p.txt_input{float:left;margin-right:10px;display:inline;}
div#brand p.pickup{text-align:right;margin-bottom:25px;}
div#brand p.pickup a{background:url(../img/list_mark01.gif) no-repeat 0% 50%;padding-left:10px;}


/* ShopList */
div.area_wrap{clear:both;margin-bottom:20px;}
div#brand p.area_title{font-weight:bold;margin:0px 0px 25px 8px;color:#666666;}
div#brand dl{clear:both;width:100%;background:url(../img/brand_bg_02.gif) repeat-x bottom;}
div#brand dl.lastitem{clear:both;width:100%;background:none;}
div#brand dt{float:left;padding:10px 15px;font-weight:bold;}
div#brand dd{float:left;padding:10px 0px;}
.spname01,.spname02{width:240px;}
.area01{width:240px;}
.area02{width:168px;}
div#brand dd a{background:url(../img/list_mark01.gif) no-repeat 0% 0.5em; padding:5px 0px 5px 10px;margin-left:10px;}


#pagetop{clear:both;text-align:right;margin-top:10px;}
#pagetop p a{background:url(../img/list_mark02.gif) no-repeat 0% 50%;padding-left:10px;}
p.topbtn{text-align:center;}

/* Facebook */
div#brand #facebook {
    margin-bottom: 10px;
    padding: 10px 0;
	text-align: center;
}

/*---------------
 CleraFix
---------------*/
.clfix, div#GA, div#Header, div#BreadcrumbList, div#Contents, div#brand{zoom:1;}
.clfix:after, div#GA:after, div#Header:after, div#BreadcrumbList:after, div#Contents:after, div#brand:after{display:block;clear:both;height:0;content: url(../img/spacer.gif);}
.clfix, div#GA, div#Header, div#BreadcrumbList, div#Contents, div#brand{display: inline-block;}
/* Mac版IEを除外 \*/
.clfix, div#GA, div#Header, div#BreadcrumbList, div#Contents, div#brand{display: block;}
/* */


/********************************************
 Resol Head styles
********************************************/
div#HeaderResol{display:block; width:950 ; height:65px; }
div#HeaderResol .logoarea{float:left; width:356px; margin:5px ;}
div#HeaderResol .logoarea2{float:right; margin:5px ;}

/********************************************
 FM osaka Head styles
********************************************/
div#HeaderFmosaka{display:block; width:950px ; height:45px; }
div#HeaderFmosaka .logoarea{float:left; width:190px; margin:5px ;}
div#HeaderFmosaka .logoarea2{float:left; width:291px; margin:5px ;}
div#HeaderFmosaka .logoarea3{float:right; margin:5px ;}

/* social styles */
#social {
	width:740px;
	text-align: right;
}
#social ul.site_link {
	list-style-type: none;
}
#social ul.site_link li {
	background: none repeat scroll 0 0 transparent;
	display: inline-block;
    padding: 0 3px;
}