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


@import url("common.css");
/*---------------
 Contents Layout
---------------*/
body{margin:0 10px;}

div#Container{margin:0 0 20px;background:url(../img/common/bg_body.gif) repeat-y right}

div#Main{width:720px;float:left;}
div#Sub{float:right;width:230px;}




/*---------------
 Main
---------------*/

#CamDetail{margin-bottom:0;}
#CamDetail li{float:left;margin-bottom:20px;padding:0;width:179px;height:228px;background:url(../img/common/bd_break.gif) repeat-x bottom;}
#CamDetail li a{display:block;height:165px;padding-right:10px;}
#CamDetail li a img.thm{display:block;border:2px solid #CCC;margin-bottom:5px;}
#CamDetail li a:hover img.thm{border:2px solid #F90;}
#CamDetail li p.lead{height:32px;padding-right:10px;margin-bottom:3px; font-size: 12px;}
#CamDetail li p.date{color:#7C8A98;}
#CamDetail li p.date img{ vertical-align:middle; padding-right:3px;}
#exBox{border:1px solid #ccc; background-color:#f7f7f7; padding:8px; margin-top:10px; margin-right:10px; text-align:center;}
#exBox span.ex{padding-right:15px;}
#exBox span.ex img{ vertical-align:middle; padding-right:3px;}

/*---------------
 Sub
---------------*/
#Renewal{margin:5px 5px 25px;padding:5px;border:1px solid #E4E4E4;background:#FFF;text-align:left;}
#Renewal dt{padding:0 5px 5px;border-bottom:2px solid #D9DDE1;font-weight:bold;}
#Renewal dd{padding:0 5px;}
#Renewal dd li{padding:6px 0 5px;background:url(../img/common/bd_break.gif) repeat-x top;}
#Renewal dd li.start{background:none;}
#Renewal dd li span.ar{display:block;padding-left:9px;background:url(../img/common/navi_arrow.gif) no-repeat scroll 0 5px;}
#Renewal dd li span.date{display:block;color:#7C8A98;}

#ContLink{margin:5px 5px 25px;padding:5px;border:1px solid #F3F5F8;text-align:left;}
#ContLink dt{padding:0 5px 5px;border-bottom:2px solid #D9DDE1;font-weight:bold;}
#ContLink dd{padding:5px 5px 0;}
#ContLink dd li{padding:0 0 5px;}
#ContLink dd li span.ar{display:block;padding-left:9px;background:url(../img/common/navi_arrow.gif) no-repeat scroll 0 5px;}

#BannerArea{margin:0;text-align:center;}
#BannerArea li{margin-bottom:10px;}

/*---------------
 PageTop
---------------*/
p.PageTop{text-align:right;margin-bottom:5px;}





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