@charset "Shift_JIS";

/*おトクなクーポン　coupon_list〜用CSS
----------------------------------------------------------*/
#kfc_print{
display:none;
}

#contents .inner{
}
#contents .inner:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}
#contents .inner p{
font-size:73%;
line-height:160%;
margin:10px 0;
}

/*左メインコンテンツ*/
#coupon{
float:left;
width:725px;
padding:0 0 15px 0;
}
#coupon .block{
width:725px;
}

/* #coupon .block #nltbox 非ログイン時
-------------------------------------------------- */
#coupon .block #nltbox{
width:725px;
height:430px;
position:relative;
background:url(/ec/coupon2013/img/nltbox_bg.png?202412) no-repeat 0 0;
border-radius:5px;
}

#coupon .block #nltbox h2{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
}

#coupon .block #nltbox p.to_regist a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:346px;
height:66px;
position:absolute;
bottom:27px;
right:37px;
}

#coupon .block #nltbox p.to_regist a:hover{
background:#fff;
border-radius:10px;
opacity:0.2;filter:alpha(opacity=20);-ms-filter:"alpha(opacity=20)";
}

#coupon .block #nltbox p.to_info{
position:absolute;
bottom:12px;
left:70px;
font-size:15px;
line-height:130%;
}

#coupon .block #nltbox p.to_info a{
display:block;
}

#coupon .block .sns.login_none{
position:relative;
width:100%;
height:45px;
}

#coupon .block .sns.login_none:before{
position:absolute;
top:0;
left:0;
content:"";
float:left;
width:100%;
height:57px;
background:#fff;
}

#coupon .block .sns.login_none:after{
position:absolute;
bottom:-12px;
left:0;
background:url(/ec/img/h2_coupon_nlt.png) no-repeat 0 0;
content:"";
float:left;
width:100%;
height:5px;
}

#coupon .block .sns.login_none .socialbutton_suntory{
position:absolute;
top:12px;
right:-80px;
}


/* #coupon .block .h2Box ログイン時
-------------------------------------------------- */
#coupon .block .h2Box{
width:725px;
height:102px;
position:relative;
}

#coupon .block .h2Box:before{
position:absolute;
top:-10px;
left:0;
background:#fff;
content:"";
float:left;
width:725px;
height:2px;
}

#coupon .block .h2Box h2{
position:absolute;
top:-10px;
left:0;
}

#coupon .block .h2Box .sns{
position:absolute;
top:5px;
right:-10px;
}






/* #coupon .block_bd
------------------------ */
#coupon .block_bd{
width:725px;
background:url(/ec/game2013/img/block_bg.png) repeat-y 0 0;
padding:10px 0 10px 0;
}
#coupon .block_bd:after{
display:block;
height:1px;
content:"";
clear:both;
}
#coupon .block_ft{
width:725px;
background:url(/ec/game2013/img/block_ft.png) no-repeat 0 bottom;
padding:0 0 10px 0;
}
#coupon .block_ft p{
font-size:12px;
line-height:1.4;
}
#coupon .block_ft p.lead{
margin:0 0 0 18px;
}





/*クーポン一覧ボックス*/
/*
#coupon .coupon_block_ft{
width:690px;
background:url(/ec/coupon/img/coupon_box_ft.gif) 0 bottom no-repeat;
margin:17px 0 0 17px;
padding:0 0 10px 0;
cursor:pointer;
}
*/


.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}


#list_wrap {
	width: 700px;
	margin-left: 4px !important;
}

#coupon .coupon_block {
width:335px;
height: 387px;
background:url(/ec/coupon2013/img/coupon_block_bg.png) 0 50px no-repeat;
margin: 20px 0 0 15px;
padding:0;
float: left;
}

	#coupon .coupon_block.h358{
	height: 408px;
	background:url(/ec/coupon2013/img/coupon_block_bg_h358.png) 0 50px no-repeat;
	}


	#coupon .coupon_block.c_odd{
	margin-right: 20px;
	}


#coupon .coupon_block .coupon_hd{
margin: 0;
padding: 0;
width: 335px;
height: 50px;
}

#coupon .coupon_block .coupon_hd img{
margin: 0;
padding: 0;
width: 335px;
height: 50px;
border: 0;
}


#coupon .coupon_block .coupon_img{
margin:25px 25px 0 25px;
width:285px;
height:237px;
text-align: center;
}


#coupon .coupon_block .coupon_img img{
max-width: 285px;
max-height: 217px;
border: 0;
margin: 0;
padding: 0;
}

#coupon .coupon_block .coupon_list {
margin: 0 auto;
width:246px;
height:50px;
display:block;
}

#coupon .coupon_block .coupon_list a {
margin: 0 auto;
width:246px;
height:50px;
display:block;
text-indent:-9999px;
background:url(/ec/coupon/img/btn_coupon.png) no-repeat 0 0;
}

#coupon .coupon_block .coupon_list a:hover {
background:url(/ec/coupon/img/btn_coupon.png) no-repeat 0 -50px;
cursor: pointer;
}


	#coupon .coupon_block .coupon_list.coupon_ienoba a {
	background:url(/ec/town/coupon/ienoba/img/banner/btn_coupon_ienoba.png) no-repeat 0 0;
	}

	#coupon .coupon_block .coupon_list.coupon_ienoba a:hover {
	background:url(/ec/town/coupon/ienoba/img/banner/btn_coupon_ienoba.png) no-repeat 0 -50px;
	}





/* 2015 10/30 17:00 〜　Wald9 非表示 */
#coupon li.coupon_block:nth-child(7) {
	display: none;
}

ul#list_wrap > *:first-child + * + * + * + * + * + * {
	display: none;	
}






/*
#coupon .coupon_block .coupon_txt_ft{
display:block;
float:right;
background: url(/ec/coupon/img/txt_box_ft.gif) bottom left no-repeat;
width:420px;
margin:15px 35px 0 0;
}
#coupon .coupon_block .coupon_txt_bd{
float:right;
background: url(/ec/coupon/img/txt_box.gif) top left no-repeat;
margin: 0 0 15px 0;
width:420px;
}
#coupon .coupon_block .coupon_txt_bd .coupon_txt .icn{
float:left;
width:70px;
background: url(/ec/coupon/img/icn_off.gif) top left no-repeat;
margin:15px 5px 5px 15px;
padding:30px 0 0 0;
color:#cc0000;
font-size:12px;
}
#coupon .coupon_block .coupon_txt_bd .coupon_txt .txt{
float:left;
width:310px;
margin:15px 0 0 0;
font-weight:bold;
font-size:14px;
line-height:1.6;
}
#coupon .coupon_block .coupon_txt_bd .coupon_txt .txt span{color:#FF0000;}
#coupon .coupon_block .coupon_txt_bd .coupon_txt:after{
display:block;
height:0px;
content:"";
visibility:hidden;
clear:both;
}
#coupon .coupon_block .coupon_txt_bd ul{
margin:8px 0 3px 85px;
}
#coupon .coupon_block_ft .coupon_block .coupon_txt_bd li{
width:246px;
height:50px;
display:block;
text-indent:-9999px;
background:url(/ec/coupon/img/btn_coupon.png) no-repeat 0 0;
}
#coupon .coupon_block_ft.over .coupon_block .coupon_txt_bd li{
background:url(/ec/coupon/img/btn_coupon.png) no-repeat 0 -50px;
}
#coupon .coupon_block_ft .coupon_block .coupon_txt_bd li.clist{
background:url(/ec/coupon/img/btn_coupon1.png) no-repeat 0 0;
}
#coupon .coupon_block_ft.over .coupon_block .coupon_txt_bd li.clist{
background:url(/ec/coupon/img/btn_coupon1.png) no-repeat 0 -50px;
}
*/



/*非ログイン対応*/
#coupon #nlt_coupon_list{
position:relative;
width:683px;
height:220px;
background:#e4f6fa;
border:solid #4dc5db 4px;
border-radius:8px;
margin:8px 0 0 17px;
padding:0;
}
#coupon #nlt_coupon_list p{
position:absolute;
top:26px;
left:99px;
width:487px;
height:68px;
background:url(/ec/img/nlt_txt_coupon_list.png) no-repeat 0 0;
text-indent:-9999px;
margin:0;
padding:0;
}
#coupon #nlt_coupon_list ul{
position:absolute;
top:116px;
left:94px;
width:500px;
height:88px;
}
#coupon #nlt_coupon_list ul li a{
display:block;
width:500px;
height:88px;
background:url(/ec/img/nlt_btn_login.png) no-repeat 0 0;
text-indent:-9999px;
}
#coupon #nlt_coupon_list ul li a:hover{
background:url(/ec/img/nlt_btn_login.png) no-repeat 0 -88px;
}