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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;margin:0;padding:0;}																		

body{ background:#FFF}
table{border-spacing:0;}
address,caption,cite,code,dfn,em,th,td,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}

a:link {color: #0000FF;}
a:visited {color: #990099;}
a:hover {color: #CC0000;}
a:active {color: #CC0000;}

/*---------------
 Font
---------------*/
/*body,table {font:13px/1.22 "Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;*font-size:small;*font:x-small;}*/
body,table {font:13px/1.22 Arial,sans-serif;*font-size:small;*font:x-small;}
body *{line-height:1.33em;*line-height:1.2em;}
/*XX-Large*/
.xxl{font-size:180%;}
/*X-Large*/
.xl{font-size:120%;}
/*Large*/
.l{font-size:112.5%;}
html* .l{font-size:110%;}
* html .l{font-size:112.5%;}
*:first-child+html .l{font-size:112.5%;}
/*Normal*/
.m{font-size:100%;}
html* .m{font-size:92.5%;}
* html .m{font-size:100%;}
*:first-child+html .m{font-size:100%;}
/*Small*/
.s{font-size:92.5%;}
html* .s{font-size:85%;}
* html .s{font-size:92.5%;}
*:first-child+html .s{font-size:92.5%;}
/*X-Small*/
.xs{font-size:87.5%;}
html* .xs{font-size:77.5%;}
* html .xs{font-size:80%;}
*:first-child+html .xs{font-size:80%;}

/*font-weight*/
.b{font-weight:bold;}
div#Header div.logoarea div.tagline strong{font-weight:normal;}
div#Header div.logoarea div.tagline a{text-decoration:none;}

/*---------------
 Base Layout
---------------*/

/* GnaviArea */
div#GA{width:100%;margin:0;background:#EEE;text-align:right; padding:0;border-bottom:1px solid #CCC;min-width:950px; min-height:30px;}
html > body div#GA{overflow:hidden;}
html:first-child div#GA {min-height:27px;}
html* div#GA{padding-bottom:1px;}
* html div#GA{height:30px;}
*:first-child+html div#GA{ min-height:29px;}

div#GA form{position:relative;top:3px;}
* html div#GA form{margin:3px 0 0;}

div#GA span.gnv{position:relative;top:6px; padding-right:17px;}
html*div#GA span.gnv{top:6px;}
html:first-child div#GA span.gnv{top:4px;}
* html div#GA span.gnv{padding-right:13px;top:4px;}
*:first-child+html div#GA span.gnv{padding-right:13px;}

div#GA span.gnv a{margin:0 5px;}

div#GA span.srcarea{float:left;padding:0 0 0 22px; color:#333333;font-family:osaka,"ＭＳ Ｐゴシック";}
* div#GA span.srcarea {margin-top:1px;}

div#GA span.srcarea input.txtarea{margin-left:2px;}
html*div#GA span.srcarea input.txtarea{margin:0 0 0 3px;height:16px;}
*:first-child+html div#GA span.srcarea input.txtarea{margin:0 0 0 2px; padding:0; width:172px;height:16px;}
* html div#GA span.srcarea input.txtarea{margin:0 0 0 2px; padding:1; width:172px;height:20px;}

*:first-child+html div#GA span.srcarea input.gnvbt{font-size:80%;padding:1px 0 0 1px; letter-spacing:1px},
* html div#GA span.srcarea input.gnvbt{font-size:80%;padding:1px 0 0 1px; letter-spacing:1px}

/* AllLayout */
div#allLayout {width:950px;margin: 0 auto;padding: 0px;text-align: left;border: 1px none #fff;}

/* Header */
div#Header{padding:4px 0 0;text-align:right;background:#FFF;}
* html div#Header{padding:6px 0 0;}
*:first-child+html div#Header{padding:6px 0 0;}
div#Header div.logoarea{float:left; text-align:left;}

div#Header div.logoarea div.tagline{margin:0;padding: 1px 0px 0;color:#333;}

div#Header div.logoarea div.tagline strong.tline{color:#666666;display:block;font-weight:normal;margin:0px;padding:0px 0px 3px;}
div#Header div.logoarea a {color:#666666;text-decoration:none;}
div#Header div.logoarea a:visited {color:#666666;text-decoration:none;}
div#Header div.logoarea a:hover {color:#666666;text-decoration:none;}

div#Header span.gnvpr{position:relative;top:18px;}
* html div#Header span.gnvpr{position:relative;top:17px;}
*:first-child+html div#Header span.gnvpr{position:relative;top:17px;}
/*Add Below@091008*/
div#Header div.linkarea{float:right;}
div#Header div.linkarea ul.gnv{text-align:right; margin:5px 0;}
div#Header div.linkarea ul.gnv li{display:inline;margin-left:3px;padding-left:15px;background:url(../img/common/line_side_short.gif) no-repeat scroll 3px 50%;}
div#Header div.linkarea ul.gnv li.first{margin:0; padding:0; background:none;}
div#Header div.linkarea p.comglink{text-align:right; margin:5px 0;}
/*End Add Below@091008*/

/* BreadcrumbList */
div#BreadcrumbList{margin:4px 0 0;padding:4px 0 0;border-top: 1px solid #CCC;}
* html div#BreadcrumbList{margin:2px 0 0;}
*:first-child+html div#BreadcrumbList{margin:2px 0 0;}
div#BreadcrumbList span.punkulist{float:left; text-align:left;}
div#BreadcrumbList span.contlink{float:right; text-align:right;}
div#BreadcrumbList span.punkulist a{margin:0;}
div#BreadcrumbList span.contlink a{margin:0 5px;}

/*---------------
 SUb 
---------------*/

/*special*/
#Sub div#special{ margin:0;}
#Sub div#special dl{border:solid 1px #e3b5b7;margin-bottom:10px; padding-bottom:10px;}
#Sub div#special dt{background-color:ffdee0;color:#000;padding:4px;margin:1px; font-weight:bold;}
#Sub div#special li{position:relative;padding:5px; font-weight:bold;}
#Sub div#special a {display:block;}
#Sub div#special a img {position:absolute;top:5px;}
#Sub div#special a span {display:block;line-height:1.5;}
#Sub div#special .pickup li.end {background-image:none;margin-bottom:0;}
#Sub div#special .pickup li {min-height:50px;_height:50px;padding-left:70px;}
* html #Sub div#special .pickup li{margin:5px 0;}
#Sub div#special .pickup a img {left:10px;}


/*infomation*/
#Sub div#infomation{width:230px;border:solid 1px #e3b5b7;}
#Sub div#infomation h2{background-color:ffdee0;padding:4px;margin:1px}
#Sub div#infomation div.infobox{padding:6px 6px 12px 6px;}
#Sub div#infomation div.infobox ul{}
#Sub div#infomation div.infobox li{padding:2px 0;}
#Sub div#infomation div.orderlist{padding:5px 0px;vertical-align:top;}
#Sub div#infomation .image{padding-right:10px;float:left;}

/*baseinfo*/
#Sub div#baseinfo{padding-bottom:10px;}
#Sub div#baseinfo dt{background-color:ffdee0;color:#000;padding:4px;margin:1px; font-weight:bold;}
#Sub div#baseinfo li{position:relative;padding:5px 5px 5px 10px;}
#Sub div#baseinfo a {display:block;}
#Sub div#baseinfo a img {position:absolute;top:5px;}
#Sub div#baseinfo a span {display:block;line-height:1.5;}
#Sub div#baseinfo .pickup li.end {background-image:none;margin-bottom:0;}
#Sub div#baseinfo .pickup li {min-height:50px;_height:50px;padding-left:70px;}
* html #Sub div#baseinfo .pickup li{margin:5px 0;}
#Sub div#baseinfo .pickup a img {left:10px;}

/*greport*/
#Sub div#greport{ margin:0;}
#Sub div#greport dl{border:solid 1px #e3b5b7;margin-bottom:10px; padding-bottom:10px;}
#Sub div#greport dt{background-color:ffdee0;color:#000;padding:4px;margin:1px; font-weight:bold;}
#Sub div#greport li{position:relative;padding:5px; font-weight:bold;}
#Sub div#greport a {display:block;}
#Sub div#greport a img {position:absolute;top:5px;}
#Sub div#greport a span {display:block;line-height:1.5;}
#Sub div#greport .pickup li.end {background-image:none;margin-bottom:0;}
#Sub div#greport .pickup li {min-height:50px;_height:50px;padding-left:70px;}
* html #Sub div#greport .pickup li{margin:5px 0;}
#Sub div#greport .pickup a img {left:10px;}


/*areag*/
#Sub div#areag{padding-bottom:10px;}
#Sub div#areag dt{background-color:ffdee0;color:#000;padding:4px;margin:1px; font-weight:bold;}
#Sub div#areag ul{margin-left:20px; list-style:outside disc;}
#Sub div#areag li{position:relative;padding:5px 5px 5px 0;}
#Sub div#areag a {display:block;}
#Sub div#areag a img {position:absolute;top:5px;}
#Sub div#areag a span {display:block;line-height:1.5;}
#Sub div#areag .pickup li.end {background-image:none;margin-bottom:0;}
#Sub div#areag .pickup li {min-height:50px;_height:50px;padding-left:70px;}
* html #Sub div#areag .pickup li{margin:5px 0;}
#Sub div#areag .pickup a img {left:10px;}

/*typeg*/
#Sub div#typeg{padding-bottom:10px;}
#Sub div#typeg dt{background-color:ffdee0;color:#000;padding:4px;margin:1px; font-weight:bold;}
#Sub div#typeg ul{margin-left:20px; list-style:outside disc;}
#Sub div#typeg li{position:relative;padding:5px 5px 5px 0;}
#Sub div#typeg a {display:block;}
#Sub div#typeg a img {position:absolute;top:5px;}
#Sub div#typeg a span {display:block;line-height:1.5;}
#Sub div#typeg .pickup li.end {background-image:none;margin-bottom:0;}
#Sub div#typeg .pickup li {min-height:50px;_height:50px;padding-left:70px;}
* html #Sub div#typeg .pickup li{margin:5px 0;}
#Sub div#typeg .pickup a img {left:10px;}


/*---------------
 Footer 
---------------*/
div#Footer{margin:20px 0 0;border-top:1px solid #999; text-align:center;padding:4px 0 24px;}


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

/*20110516*/
div#smArea {
	margin: 5px 0;
	overflow: hidden;
}

div#smArea ul {
	float: right;
}