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


@import url("../../css/common_deli.css");

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

div#Main{float:right;width:710px;}
div#Sub{float:left;width:230px;margin-right:8px;}

div#MobileMain{margin: 20px auto; width:740px;}

/*---------------
 Flow Style
---------------*/
div#Contents h1#pagetop{background:#7E3F07; padding:1px; margin-bottom:15px;}
div#Contents h1#pagetop p{background:#AB5B14; border:1px #fff solid; padding: 5px 10px; color:#fff;}

/* Main Area */
div#Main h2{background:url(../img/bg_h2.gif) repeat-x #f1f1f1; margin-bottom:10px; padding:7px 10px 5px; color:#512700; font-size:112.5%;} 
div#Main div.step img{float:right;}

div#Main div.stepr{float:right; width:350px;}
div#Main div.stepl{float:left; width:350px;}

div#Main h3{background:#927451; color:#EEE; padding:2px 10px; margin-bottom:10px;font-size:92.5%;}
div#Main img{margin: 0 10px 10px;}

div#Main p.exp{margin: 0 10px;width:330px;color:#666;}
div#Main dl{margin: 0 10px 20px; width:330px;}
div#Main dl dt{margin:15px 0 5px;font-weight:bold;padding-left:25px;height:20px;font-size:112.5%;color:#555;}
.icona{background:url(../img/icon_a.gif) no-repeat;}
.iconb{background:url(../img/icon_b.gif) no-repeat;}
.icon1{background:url(../img/icon_1.gif) no-repeat;}
.icon2{background:url(../img/icon_2.gif) no-repeat;}
.iconblank{background:url(../img/icon_blank.gif) no-repeat;}
div#Main dl dd{color:#666; margin-left:25px;}
div#Main p.gotop{margin-bottom:25px;text-align:right;font-size:87.5%;}

/* Sub Area */
div#Sub ol li{background:url(../img/bg_btn.gif) center no-repeat #FF5E0A; margin-bottom:1px; width:230px;}
div#Sub ol li a{background:url(../img/bg_btn_top.gif) top no-repeat; display:block;text-decoration:none;}
div#Sub ol li a:link {color:#555;}
div#Sub ol li a:visited {color: #555;}
div#Sub ol li a:hover {background:url(../img/bg_btn_02.gif) top no-repeat #FF5E0A; color: #CC0000;}
div#Sub ol li a:active {background:url(../img/bg_btn_02.gif) top no-repeat #FF5E0A; color: #CC0000;}
div#Sub ol li a em{background:url(../img/bg_btnbtm.gif) bottom no-repeat;width:214px;min-height:33px;height: auto !important;height: 26px;padding:10px 8px 7px;display:block;font-weight:bold;}
div#Sub ol li a em span{font-size:87.5%;}
div#Sub ol li.end{margin-bottom:1px; width:230px;}
div#Sub ol li.end a em{background:url(../img/bg_btnend.gif) bottom no-repeat;width:214px;min-height:22px;height: auto !important;height: 18px;padding:10px 8px 7px;display:block;font-weight:bold;}


/*---------------
 First Style
---------------*/

div#FirstMain{background:url(../img/pic_first01.jpg) center top no-repeat; background-position: 50% 30px; min-height:540px;height: auto !important;height: 530px;}
div#FirstMain p img{margin:0 0 15px 10px;}

div#FirstMain div#search{float:left; width:280px;}
div#FirstMain div#merit{float:right; width:280px;}

div#FirstMain h2 img{margin-bottom:10px;}
div#FirstMain dl{background:#FFF6E5;}
div#FirstMain dl dt{margin-bottom:5px; padding:10px 10px 0 35px;height:20px;vertical-align:middle;}

div#FirstMain dl dt.iconb{background:url(../img/icon_b1.gif) no-repeat; background-position:10px 10px;}
div#FirstMain dl dt.icon1{background:url(../img/icon_1.gif) no-repeat; background-position:10px 10px;}
div#FirstMain dl dt.icon2{background:url(../img/icon_2.gif) no-repeat; background-position:10px 10px;}
div#FirstMain dl dt.icon3{background:url(../img/icon_3.gif) no-repeat; background-position:10px 10px;}

div#FirstMain dl dd{color:#473F25; padding: 0 10px 10px; border-bottom:10px solid #fff;}
div#FirstMain dl dd a{text-align:right; font-size:87.5%; display:block;}
div#FirstMain p a{text-align:center; display:block;margin:15px 0;}


/*---------------
 Mobile Style
---------------*/
div.delitop{text-align:center; margin-top:20px;}


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