@charset "Shift_JIS";

/*-------------------------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					1.4.1.2;
	Author.					Kenta Aga(admin)
							aki@sps
	Aptx.						4.8.6.9;

	PROGRAM-ID.		"only benefits category"
-------------------------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/

#contents .section{
	margin-left				: 2px;
	margin-right				: 3px;
}

#main h3{
	margin-bottom			: 17px;
}
.note{
	color:#ff0000;
	font-size:87%;
}


/*------------------------------------------------
	最上部インラインリンク
------------------------------------------------*/
#innerlink-box{
	background: url(../../img/benefits/index/visual.jpg) no-repeat;
	width: 547px;
	height: 240px;
	position						: relative;
}

#innerlink-box li dl{
	position						: absolute;
}


#innerlink-box li dl.happypresent{
	top:140px;
	left:160px;
}

#innerlink-box li dl.cacheback{
	top:140px;
	left:340px;
}

#innerlink-box li dl.guide{
	top:182px;
	left:160px;
}











/*------------------------------------------------
	ページ中のインラインリンク
------------------------------------------------*/
.pagelink-box.divide{
	padding-top				: 22px;
	border-top					: 1px solid #cac5c5;
}

.pagelink-box li{
	margin-bottom			: 10px;
	text-align					: center;
}

.pagelink-box li span{
	padding						: 0 13px;
	border-left					: 1px solid #555555;
}
.pagelink-box li span.lastChild{
	border-right				: 1px solid #555555;
}

.pagelink-box a:link{
	color						: #ad2631;
}
.pagelink-box a:visited{
	color						: #d99a9f;
}
.pagelink-box a:hover{
	color						: #ad2631;
	text-decoration	: none;
}

/*------------------------------------------------
	特典リスト
------------------------------------------------*/
.benefitList{
	width: 549px;
}

.benefitList h5{
	margin-bottom: 12px;
	padding-top: 6px;
}

.benefitList dd p#mh-bene{
	display:block;
	min-height:70px;
}

* html .benefitList dd p#mh-bene{
	height:70px;
}

.benefitList li{
	margin-bottom: 16px;
	background: url(../../img/benefits/cmn/frame-btm.gif) no-repeat bottom left;
}

.benefitList li.subsection{
	height:195px;
}


.benefitList dl{
	zoom: 1;
	padding: 6px;
	background: url(../../img/benefits/cmn/frame-top.gif) no-repeat top left;

}

.benefitList dt{
	float: left;
	margin-bottom: 6px;
	padding-top: 8px;
	width: 208px;
	text-align:center;
}
.benefitList dd{
	float: right;
	width: 317px;
	line-height: 1.3;
}

.link-box{
	margin-top: 10px;
	margin-bottom: 6px;
	padding: 7px 8px;
	color: #5d5c5c;
	background: #eeeeed;
}
.link-box li{
	margin: 0 0 4px 0;
	padding: 0;
	background: none;
	border: none;
}
.link-box li a{
	display						: inline-block;
	padding-left				: 16px;
	background				: url(../../img/lineup/arrow-linkbox.gif) no-repeat left center;
}


.link-box p{
	margin-bottom: 0;
}

.link-boxnone{
	margin-top: 10px;
	margin-bottom: 6px;
	padding: 7px 8px;
	color: #5d5c5c;
	background: #eeeeed;
}
.link-boxnone li{
	margin: 0 0 4px 0;
	padding: 0;
	background: none;
	border: none;
}
.link-boxnone li a{
	display						: inline-block;
}


.link-boxnone p{
	margin-bottom: 0;
}



/*------------------------------------------------
	詳細共通
------------------------------------------------*/

#benefit-secframe{
	background:url(../../img/benefits/cmn/frame-mdl.gif) left top repeat-y;
	min-height:1px;
}

#benefit-secframe-top{
	background:url(../../img/benefits/cmn/frame-top.gif) left top no-repeat;
	min-height:1px;
}

#benefit-secframe-btm{
	background:url(../../img/benefits/cmn/frame-btm2.gif) left bottom no-repeat;
	min-height:1px;
}

* html #benefit-secframe{
	height:1px;
}

* html #benefit-secframe-top{
	height:1px;
}

* html #benefit-secframe-btm{
	height:1px;
	
}



#benefit-secframe-inner{
	padding:12px 5px 10px 5px;
}

#benefit-secframe h3{
	text-align:center;
}

#benefit-secframe h4{
	text-align:center;
	margin:0 0 15px 0;
}

#benefit-secframe .conbox{
	margin:0 0 20px 0;
}

#benefit-secframe #bh-inq dd{
	padding:0 0 0 20px;
}

#benefit-secframe .t-small{
	font-size:80%;
}

#benefit-secframe #bh1{
	margin:0 0 5px 0;

}

#benefit-secframe #bh1 dl{
	padding:0 5px 0 0;

}

* html #benefit-secframe #bh1 dl{
	display:inline-block;
}

#benefit-secframe #bh1 dt{
	float:left;
	width:200px;
	text-align:center;
	padding-bottom:10px;
}


#benefit-secframe #bh1 dd{
	float:right;
	width:320px;
	padding:10px 0 0 0;
}

#benefit-secframe #bh1 dd.noimg{
	float:none;
	clear:both;
	width:auto;
	padding:10px 12px 0 17px;
}

#benefit-secframe .conbox-inner{
	padding:0 17px 0 17px;
	margin:0 0 0 0;
}

#benefit-secframe .conbox-inner dt{
	margin:10px 0 0 0;
}

#benefit-secframe .conbox-inner dt img{
	display:block;
}

#benefit-secframe .conbox-inner dd{
	margin:5px 0 0 0;
}

#benefit-secframe .marklist{
	padding:0 0 0 15px;
}

#benefit-secframe .marklist li{
	list-style-type:disc;
}

/*------------------------------------------------
	ハッピープレゼント
------------------------------------------------*/

#benefit-happy #tbl1{
	width:506px;
	border:1px solid #9d9d9d;
	margin:0 0 0 17px;
}

#benefit-happy #tbl1 th{
	border:1px solid #9d9d9d;
	width:253px;
	text-align:center;
	background-color:#fff1c2;
}

#benefit-happy #tbl1 td{
	border:1px solid #9d9d9d;
}

#benefit-happy #tbl1 td .link-box{
	margin:0;
}

#benefit-happy #tbl1 td.center{
	vertical-align:middle;
	text-align:center;
	padding:10px 0 5px 0;
}

#benefit-happy #tbl1 td.ntbor{
	border-width:0 1px 0px 1px;
}



/*------------------------------------------------
	clearfix
------------------------------------------------*/
#benefit-secframe #bh1 dl:after,
.benefitList li:after{
	content						: ".";
	display						: block;
	clear							: both;
	height							: 0;
	visibility						: hidden;
}