@charset "utf-8";
/* 
http://www.gnavi.co.jp/present/
Layout Style CSS "style.css"
present Common / 2column - arealist,list

GOURMET NAVIGATOR INC.
*/

@import url("common.css");
@import url("top.css");
@import url("areanavi.css");
@import url("daily.css");



/*---------------------------------------------
 present Common
---------------------------------------------*/
/*---------------
 Contents Layout
---------------*/
div#Container{margin:0 0 20px;}
div#Contents{float:left;width:710px;}
div#Sub{float:right;width:230px;}

/* 3column -top*/
div#Contents div#Main-3col{float:right;width:470px;}
div#Contents div#Left-3col{float:left;width:230px;}


/*---------------
 Round
---------------*/
#Contents .sb-inner { background:#fff;}
#Contents .sb-border { background:#E7E2D8;}
#Sub .sb-border{ background:#B5D1D8;}
.sb, .sbi, .sb *, .sbi * { position:relative; z-index:1; }
* html .sb, * html .sbi { height:1%; }
.sbi { display:inline-block; }

/*---------------
 Sub
---------------*/
div#Sub .end{background:none;margin:0;padding:0;}

/*LoginBox*/
div#Login{margin-bottom:10px;border:1px solid #FECF5B;}
div#Login div.headline{display:block;padding:3px 5px 0 5px;background:url(../img/common/bg_h2_mg.gif) repeat-x bottom #FFF; border-bottom:1px solid #FECF5B;}
div#Login div.headline h2{width:50%;float:left;margin:0;font-weight:bold;}
div#Login div.headline h2 a{display:block;min-height:20px;_height:20px;padding:0 0 0 27px;background:url(../img/common/icon_sub_mg.gif) no-repeat scroll 0 50%;}
div#Login div.headline p.hl{width:50%;float:left;text-align:right;white-space:nowrap;}
div#Login dl{padding:10px;background:#FFFFE6;}
div#Login dl dt{margin-bottom:5px;text-align:center;font-weight:bold;}
div#Login dl dd ul.tool{list-style:none;}
div#Login dl dd ul.tool li.clfix p.lth{width:100px;float:left;text-align:right;}
div#Login dl dd ul.tool li.clfix p.rtd{float:left;text-align:left;}
div#Login dl dd ul.tool li{margin-bottom:5px;padding-bottom:5px;background:url(../img/common/bd_dash_g.gif) repeat-x bottom;text-align:center;}
div#Login dl dd ul.tool li.ar a{padding-left:9px;background:url(../img/common/navi_arrow.gif) no-repeat scroll 0 50%;}
div#Login dl dd ul.tool li.pm{margin:0;padding:0;background:none../;}
div#Login dl dd ul.tool li.pm span{margin:0 8px 0 0;padding:0 9px 0 0;background:url(../img/common/line_side_short.gif) no-repeat scroll right 50%;border:0;}
div#Login dl dd ul.tool li.pm span.end{margin:0;padding:0;background:none;}
/* Common */
div#Topics,
div#More,
div#Mobile,
div#Giftcard,
div#Mail,
div#twitter{margin-bottom:10px;}
div#Mobile dl,
div#Mail dl{ padding:0 8px 8px;}
div#Topics h2,
div#More h2,
div#Mobile h2,
div#Giftcard h2,
div#Mail h2{font-weight:bold; position:relative;display:block;min-height:35px;_height:35px;text-indent:40px;line-height:35px;color:#fff;}
/*Topics*/
div#Topics h2{background:url(../img/common/bg_Sub_news.gif) no-repeat top left;}
div#Topics ul{margin:5px 6px 8px;}
div#Topics ul li{margin-bottom:3px;padding-bottom:3px;background:url(../img/common/bd_dash_g.gif) repeat-x bottom;}
div#Topics ul li a{padding:0 0 0 14px;background:url(../img/common/bg_disc.gif) no-repeat scroll 2px center;position:relative;background-image: url(../img/common/bg_disc.gif); display:block;}
* html div#Topics ul,
* html div#Topics ul li.end,
* html div#Topics ul li.end a{ padding-bottom:0; margin-bottom:0;}
div#Topics ul li:last-child {background: none;}
/* More */
div#More h2 {background:url(../img/common/bg_Sub_more.gif) no-repeat top left;}
div#More ul {margin:2px 5px 7px 5px;border-top:1px solid #ddd;}
div#More li{border:1px solid #ddd; border-top:0;padding:0 4px; _height:20px; min-height:20px;line-height:20px;}
div#More li a{background:url(../img/common/bg_arrow.gif) no-repeat center left;padding:0 0 0 9px; position:relative;}
div#More li.sub{text-indent:15px;}
div#More li.even{background-color:#f1f1e5;}
/* Mobile */
div#Mobile h2 {background:url(../img/common/bg_Sub_mobile.gif) no-repeat top left;}
div#Mobile p{padding:5px 9px 5px 9px;}
div#Mobile p.osusume_photo{float:left; width:100px; height:100px;}
div#Mobile p.osusume_txt{float:left; width:90px;}
div#Mobile dt,
div#Mobile dt{color:#7FAF05;font-weight:bolder;margin-top:7px;}
* html div#Mobile dt{margin-top:10px;}
div#Mobile dd form input#user{ width:80px;}
div#Mobile dd form select{margin:4px 0 0 0;padding:0; width:105px;}
div#Mobile dd form{margin-bottom:5px;}
div#Mobile dd form p{text-align:center;}
.note-g{ background:#EBEBEB;}
div#Mobile dd img{float:left; margin-right:5px; border:1px solid #ddd;}
/* Mail */
div#Mail h2 {background:url(../img/common/bg_Sub_mail.gif) no-repeat top left;}
div#Mail p{padding:5px 9px 5px 9px;}
div#Mail p.photo{padding:0px 2px 5px 10px;}
div#Mail a{ float:right; margin:0 8px 8px;}
* html div#Mail a{ float:right; margin:5px 4px 8px;}
div#Mail dt,
div#Mail dt{color:#7FAF05;font-weight:bolder;margin-top:7px;}
* html div#Mail dt{margin-top:10px;}
div#Mail dd form input#user{ width:80px;}
div#Mail dd form select{margin:4px 0 0 0;padding:0; width:105px;}
div#Mail dd form{margin-bottom:5px;}
div#Mail dd form p{text-align:center;}
.note-g{ background:#EBEBEB;}
div#Mail dd img{float:left; margin-right:5px; border:1px solid #ddd;}
/*Giftcard*/
div#Giftcard h2{background:url(http://present.gnavi.co.jp/img/common/bg_Sub_news.gif) no-repeat top left;}
div#Giftcard p {margin:0 6px; display:inline;}
div#Giftcard p img {border: 0 none;}
div#Giftcard p span.txt { display:block;margin:0 6px 5px;}
div#Giftcard p a:hover span.txt { text-decoration:underline;}

/*---------------
 icon
---------------*/
a.cir-arrow{ padding-left:14px;padding-top:2px;background:url(../img/common/ico_arrow.gif) no-repeat 0 0.4em;display:block;}
a.cir-arrow.xs { padding-left:15px;background:url(../img/common/ico_arrow.gif) no-repeat scroll 0 50%;display:block;}


/*---------------
 PageTop
---------------*/
p.PageTop{text-align:right; margin-bottom:5px; float:right;}
p.PageTop a{ padding-left:15px;background:url(../img/common/bg_arrow_up.gif) no-repeat left center;}


/*---------------
 CleraFix
---------------*/
div#Container,div#Contents{zoom:1;}
div#Container:after,div#Contents:after{display:block;clear:both;height:0;content: url(../img/common/space.gif);}
div#Container,div#Contents{display: inline-block;}
/* Mac”ĹIE‚𬶩O \*/
div#Container,div#Contents{display: block;}
/* */


/*---------------------------------------------
 2column
---------------------------------------------*/
div#Campaign-list h1{font-weight:bold;display:block;min-height:36px;_height:36px;text-indent:42px;line-height:36px;color:#fff; background:url(../img/common/bg_h1_campaign.gif) no-repeat top left;}
div#Tickets-list h1{font-weight:bold;display:block;min-height:36px;_height:36px;text-indent:42px;line-height:36px;color:#fff; background:url(../img/common/bg_h1_tickets.gif) no-repeat top left;}
div#DailyPresent-list h1{font-weight:bold;display:block;min-height:36px;_height:36px;text-indent:42px;line-height:36px;color:#fff; background:url(../img/common/bg_h1_daily.gif) no-repeat top left;}

div#DailyPresent-list p,
div#DailyPresent-list ul,
div#Tickets-list p,
div#Campaign-list p.lead,
div#Tickets-list ul,
div#Campaign-list ul{ margin:0 8px 4px 8px;}

div#DailyPresent-list p.icoNote,
div#Tickets-list p.icoNote,
div#Campaign-list p.icoNote{ border:#ccc 1px dotted;padding:5px;float:right;margin:0 8px 4px 8px;}
* html div#Campaign-list p.icoNote{ margin-right:4px; line-height:22px;}
div#Campaign-list p.icoNote span{ margin-right:5px;}
div#DailyPresent-list p.icoNote img,
div#Tickets-list p.icoNote img,
div#Campaign-list p.icoNote img{ vertical-align:middle; margin-right:5px;}

/* List */
div#DailyPresent-list ul li,
div#Campaign-list ul li,
div#Tickets-list ul li{ background:url(../img/common/bd_dash_g.gif) repeat-x bottom left; padding:10px 0 5px;}
* html div#DailyPresent-list ul li,
* html div#Campaign-list ul li,
* html div#Tickets-list ul li{ padding-bottom:0;}
*:first-child+html div#DailyPresent-list ul li,
*:first-child+html div#Campaign-list ul li,
*:first-child+html div#Tickets-list ul li{ padding-bottom:0;}
div#DailyPresent-list ul li .photo,
div#Campaign-list ul li .photo,
div#Tickets-list ul li .photo{float:left;}
div#DailyPresent-list ul li div.info,
div#Campaign-list ul li div.info,
div#Tickets-list ul li div.info{float:right;width:545px;}
div#DailyPresent-list ul li div.info div.title,
div#Campaign-list ul li div.info div.title,
div#Tickets-list ul li div.info div.title{display:block;background:#f2edca;border-bottom:1px solid #ded7ab;padding:4px 4px 2px 4px;margin-bottom:5px;line-height:24px;}
div#DailyPresent-list  ul li div.info div.title img,
div#Campaign-list ul li div.info div.title img,
div#Tickets-list  ul li div.info div.title img{ vertical-align:bottom; margin-right:6px;}
* html div#DailyPresent-list ul li div.info div.title img,
* html div#Campaign-list ul li div.info div.title img,
* html div#Tickets-list ul li div.info div.title img{margin-bottom:3px;}
div#DailyPresent-list ul li div.info div.txt,
div#Campaign-list ul li div.info div.txt,
div#Tickets-list ul li div.info div.txt{float:left;width:420px;}
div#DailyPresent-list ul li div.info div.txt p,
div#Campaign-list ul li div.info div.txt p,
div#Tickets-list ul li div.info div.txt p{margin:0 0 4px 0;line-height:1.28em;}
div#DailyPresent-list ul li div.link,
div#Campaign-list ul li div.link,
div#Tickets-list ul li div.link{float:right;width:117px;_height:70px;min-height:70px; text-align:right;margin-top:2px;}
div#Campaign-list ul li div.link span{margin:0 1px 10px;display:block;width:90px;float:right;}
div#DailyPresent-list ul li div.link span,
div#Tickets-list ul li div.link span{margin:0 1px 10px;display:block;float:right;}
div#Campaign-list ul li div.link span img{margin-right:3px;float:left;}
div#DailyPresent-list ul li div.link span img,
div#Tickets-list ul li div.link span img{margin-right:5px;float:left;}
div#DailyPresent-list ul li.sp  div.link span img,
div#Tickets-list ul li.sp  div.link span img{margin-right:0;float:left;}
div#DailyPresent-list ul li div.link span span.area,
div#Tickets-list ul li div.link span span.area{width:70px;padding:0 2px;height:27px;line-height:27px;text-align:center; font-weight:bold;color:#fff;float:right;display:block;}
div#Campaign-list ul li div.link span img.pc{float:left;}
/*div#Campaign-list ul li div.link span img.mob{float:right;}*/
div#DailyPresent-list ul li.end,
div#Campaign-list ul li.end,
div#Tickets-list ul li.end{ background:none;}

/* Tickets Special */
div#Tickets-list ul li.sp{ background-color:#ffffcc;background-image:url(../img/common/bd_dash_g_sp.gif) repeat-x bottom left;}
div#Tickets-list ul li.sp .photo{margin-left:10px;}
div#Tickets-list ul li.sp div.info div.title{display:block;background:#ffffcc;border-bottom:1px solid #dfca3f;padding:4px 4px 2px 4px;margin-bottom:5px;line-height:24px;}
div#Tickets-list ul li.sp div.info{float:right;width:525px;margin-right:10px;}
div#Tickets-list ul li.sp div.info div.txt{float:left;width:400px;margin-left:2px;}


.pageNavi{ text-align:center;margin:10px 0;}
.pageNavi a{ margin:0 5px;}

/* area Color */
.all div#Tickets-list ul li div.link span span.area{background-color:#8c8c8c;}
.all div#DailyPresent-list ul li div.link span span.area{background-color:#8c8c8c;}
.kanto div#Tickets-list ul li div.link span span.area{background-color:#30C1BF;}
.kansai div#Tickets-list ul li div.link span span.area{background-color:#e59200}
.chubu  div#Tickets-list ul li div.link span span.area{background-color:#72be4d;}
.kyushu  div#Tickets-list ul li div.link span span.area{background-color:#e140a6;}
.hokkaido  div#Tickets-list ul li div.link span span.area{background-color:#2476c3;}
.tohoku  div#Tickets-list ul li div.link span span.area{background-color:#37c2e9;}
.hokuriku  div#Tickets-list ul li div.link span span.area{background-color:#c0b000;}
.chugoku  div#Tickets-list ul li div.link span span.area{background-color:#cf582e;}
.shikoku  div#Tickets-list ul li div.link span span.area{background-color:#8961a3;}
.okinawa  div#Tickets-list ul li div.link span span.area{background-color:#bd2c58;}

/* socialmedia */
#socialmedia { float: right;}