/*
	http://www.gnavi.co.jp/
	Layout Control CSS "style.css"

	GOURMET NAVIGATOR INC.
*/

/********************************************
 HTML styles
********************************************/
body {
background:#FFF;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin:0;}

#allLayout{
	width: 742px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	border: 1px none #fff;
}

h1,h2,h3,h4,h5,h6,p,form,input,select{
margin:0;
padding:0;}

img{
border:0;}


/********************************************
 Head styles
********************************************/
/* header */
.header{
margin:15px 0 0 0;
}

.header h1{
color:#666;
font-weight:normal;
margin:0;
padding:0 0 0 0;
}

.headnavi{
line-height:125%;
font-weight:normal;}

.pankuzuNavi .tools{
float:right;
white-space:nowrap;
}
/* Footer */	
div#Footer{margin:20px 0 0;border-top:1px solid #999; text-align:center;padding:4px 0 24px;}
/* Footer ForIE6*/	
* html div#Footer{margin-top:10px;border-top:1px solid #999; text-align:center;padding:4px 0 24px;}
/* Footer ForIE7*/	
*+html div#Footer{margin-top:10px;border-top:1px solid #999; text-align:center;padding:4px 0 24px;}

.pankuzuNavi{
margin:0 0 20px 0;
}

/********************************************
 QLEP Head styles
********************************************/
div#headerQlep {border-top: 3px solid #FF3300;}
div#headerQlep div#headerNavi {float: right; text-align: right; padding: 5px;}
div#headerQlep div#headerNavi li {display: inline; font-size: .95em; }
div#headerQlep div#headerNavi img {vertical-align: middle; }
div#headerQlep div#headerNavi div#g_logo { margin-top: 15px;}

div#headerQlep div.logoarea{float:left; margin:0;padding: 0;}
div#headerQlep div.logoarea div.tagline{margin:0;padding: 0;text-decoration:none;}
div#headerQlep div.logoarea div.tagline strong.tline{color:#666666;display:block;font-weight:normal;margin:2px 0 2px;padding:0;text-decoration:none;font-size:67.5%;}
div#headerQlep div.logoarea a {color:#666666;text-decoration:none;}
div#headerQlep div.logoarea a:visited {color:#666666;text-decoration:none;}
div#headerQlep div.logoarea a:hover {color:#666666;text-decoration:none;}

/********************************************
 Resol Head styles
********************************************/
div#HeaderResol{display:block; width:740px ; 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:750px ; height:45px; }
div#HeaderFmosaka .logoarea{float:left; width:190px; margin:5px ;}
div#HeaderFmosaka .logoarea2{float:left; width:250px; margin:5px ;}

/********************************************
 belove Head styles
********************************************/
div#HeaderBelove {display:block; width:740px ; height:70px; }
div#HeaderBelove .logoarea{float:left; width:96px; margin:2px ;}
div#HeaderBelove .logoarea2{float:left; width:99px; margin:2px ;}
div#HeaderBelove .logoarea3{float:left; width:115px; margin:2px ;}
div#HeaderBelove .logoarea4{float:left; width:161px; margin-top: 27px; margin-left:7px ;}

/********************************************
 Pankuzu styles
********************************************/
.pankuzu{
float:left;
}

#pankuzu{
margin:0 0 0 0;
padding:4px 0 0 0;
border-top:1px solid #999;
text-align:left;}

.pankuzu1 {font-weight:bold;}


/********************************************
 Main Contents styles
********************************************/
/* 帯 */
.bgorangel{
background:#f96;
margin-top:0px;
margin-bottom:25px;
width:740px;
text-align:left;
}

.bgorangel h3{
padding:5px 10px;
}

.bgorange{
background:#f96;
margin-top:25px;
margin-bottom:10px;
width:580px;
text-align:left;
}

.bgorange h3{
padding:5px 10px;
}

.bgoranges{
background:#f96;
margin-top:25px;
margin-bottom:10px;
width:150px;
text-align:left;
}

.bgoranges h3{
padding:5px 10px;
}

/* クーポンリスト */
.couponlist{
margin:0;
padding:0;
list-style:none;
}

.couponlist li{
margin:5px 0;
}

/* ライン */
.line{
margin:10px 0;
color:#ccc;
background:#ccc;
border:0;
height:1px;
}


/* 右寄せのリンク */
.linkr{
text-align:right;
}


/********************************************
【店舗TOP】Main Contents styles
********************************************/
/*** インフォメーション ***/
/* ロゴ */
#logo{
width:90px;
}

#logo img{
margin-right:10px;
}

/* 店舗名 */
#shopname{
width:360px;
}

/* 店舗インフォメーション */
.shopinfoarea{
text-align:right;
vertical-align:top;
width:290px;
}

#shopinfo{
margin-left:10px;
padding:1px;
width:280px;
background:#ccc;
}

#shopinfo table{
border-collapse: collapse;
}

#shopinfo table th{
border:1px #ccc solid;
padding:5px;
width:60px;
background:#f1f1f1;
font-weight:normal;
vertical-align:top;
text-align:left;
}

#shopinfo table td{
border:1px #ccc solid;
padding:5px;
background:#fff;
}

/* 配達インフォメーション */
#deliveryinfo{
width:440px;
}

#deliveryinfo th{
text-align:left;
padding-top:3px;
}

#deliveryinfo td{
padding-top:3px;
}


.destination{
text-align:right;
}

/* クーポン */
#coupon{
margin-top:15px;
border-collapse: collapse;
}

#coupon th{
width:145px;
border:1px #ccc solid;
background:#FFE5D9;
padding:5px;
}

#coupon th img{
margin-bottom:5px;
}

#coupon td{
border:1px #ccc solid;
padding:5px 10px;
}


/*** メニューを見る ***/
.gomenu{
margin:30px 0 15px 0;
}

/*** おすすめメニュー ***/
.pickup{
width:246px;
}

.pickup img{
margin:0 0 10px 0;
}

.pickup div{
margin:0 0 10px 0;
}

.pickup_1{
width:740px;
}
.pickup_2{
width:375px;
}

/*** PR ***/
.pr{
width:680px;
text-align:left;
}

.pr50{
margin:15px 0 5px 0;
}

/*** トピックス ***/
#topic{
margin-top:20px;
border-collapse: collapse;
}

#topic th{
width:145px;
border:1px #ccc solid;
background:#f1f1f1;
padding:5px;
}

#topic td{
border:1px #ccc solid;
padding:5px 10px;
}

/*** 詳細情報 ***/
#detail{
margin-top:30px;
border-collapse: collapse;
}

#detail th{
border:1px #ccc solid;
background:#f1f1f1;
padding:5px;
}

#detail td{
border:1px #ccc solid;
padding:5px 5px 5px 10px;
}


.qr table img{
margin-right:10px;
}

#detail .qr table td{
border:none;
padding:0;
margin:0;
}

.area{
padding:0;
border-collapse: collapse;
}

.area table{
width:530px;
border:none;
}

#detail .area table td{
border:none;
padding:0;
margin:0;
}

/********************************************
【メニュー】Main Contents styles
********************************************/
/*** インフォメーション ***/
/* お届けまでの目安時間 */
#time{
width:290px;
}

#time table{
width:280px;
margin-left:10px;
}

#time table th{
width:150px;
text-align:left;
}

#time table td{
text-align:center;
}

/* クーポン注意 */
.couponterm{
margin:0;
padding:0;
list-style:none;
}

.couponterm li{
margin:0;
margin-top:3px;
width:500px;
float:left;
}

/*** 左側 ***/
.left{
padding-right:10px;
}

/* メニューカテゴリー */
.menucate{
width:140px;
margin: 0 3px;
}

.menucate img{
margin:3px;
}

.info{
margin-bottom:10px;
}

/* 店舗情報 */
#orangebox{
border:1px #f96 solid;
margin-top:25px;
}

.bgorn{
background:#f96;
margin-bottom:10px;
width:150px;
text-align:left;
}

.bgorn h3{
padding:5px 10px;
}

.menushopinfo{
margin:15px 5px 0 5px;
}

.menushopinfo p, .menushopinfo table{
margin:5px 0 5px;
}

/*** 右側 ***/
.exp{
border-top:5px #f96 solid;
background:#fc9;
padding:20px 10px;
text-align:center;
}

.listtop{
margin:10px 0 5px 0;
}

.exp2{
background:#fc9;
padding:5px 10px;
text-align:center;
}

.exp3{
background:#fc9;
padding:5px 10px;
text-align:left;
}


.menulist{
margin:10px 0;
width:580px;
background:url(../img/bg_menulist.gif);
}

.menulistpic{
width:160px;
padding-right:5px;
}

.menulistexp{
width:380px;
}

.menulistexp2{
width:530px;
}

.menulistexp h4, .menulistexp2 h4{
margin-bottom:5px;
}

.menuorder{
border:0;
margin-top:3px;
}

.menuorder td{
padding: 0 3px;
}

.price{
text-align:right;
}

/*** 下 ***/
.menulink{
width:700px;
margin-top:30px;
}

.menutop{
width:740px;
text-align:right;
}

.menutop img{
margin:0 3px;
}

td p.ci {
padding-top:7px;
}

td p.lci {
float:left;
width:115px;
}

/********************************************
 Foot styles
********************************************/
.footer{margin:0;width:740px;}
.copyright{
border-top:1px solid #999;
width:740px;
text-align:center;
margin:20px 0 20px 0;
padding:4px 0;
font-size:70%;
}


.text8{font-size:8pt;font-family:osaka,"ＭＳ ゴシック"}
.text12{font-size:12px;font-family:osaka,"ＭＳ ゴシック"}
.text14{font-size:14px;font-family:osaka,"ＭＳ ゴシック"}
.name{font-size:20px;font-family:osaka,"ＭＳ ゴシック"}

div#emergency {
	border:solid 1px #cc0000;
	padding:10px;
	text-align: left;
	font-size:80%;
}
div#emergency p {
}

/* 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;
    padding: 0 3px;
}
