@charset "UTF-8";

/* ページ名
--------------------------------------------------------------------
対象ファイル
-----------------------------
/c/entry/index.htm
/c/entry/index2.htm
--------------------------------------------------------------------*/
/*=== index.htmスタイル ===========================================*/
/* リセット
--------------------------------------------------------------------*/
.enttop {
padding-top:10px !important;
}
/* Pontaカードの入会・登録方法
--------------------------------------------------------------------*/
#enttop-head span {
display:none;
}
#enttop-cont {
margin:0 auto;
width:880px;
line-height:1.3;
}
/* カード紹介ボックス：共通
--------------------------------------------------------------------*/
#enttop-cont .box {
margin:0 auto;
padding-bottom:15px;
width:880px;
background:#FFFFFF url(../img/bg_box880_bottom.gif) no-repeat bottom left;
}
#enttop-cont .box .cont {
border-left:#FF9123 solid 4px;
border-right:#FF9123 solid 4px;
}
/* 各提携社Pontaカード
--------------------------------------------------------------------*/
#enttop-ptn .ptncd {
margin:0 22px 4px 22px;
}
#enttop-ptn .ptncd li {
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
padding-bottom:6px;
}
#enttop-ptn .listtx {
margin-left:22px;
font-size:12px;
color:#666666;
}
#enttop-ptn .btnbox {
clear:both;
position:relative;
min-height:60px;
height:auto !important;
height:60px;
}
#enttop-ptn .btnbox .btn {
position:absolute;
top:0;
right:16px;
}
/* その他のPontaカード
--------------------------------------------------------------------*/
#enttop-ohter {
margin-top:5px !important;
font-size:12px;
}
#enttop-ohter .left {
width:349px;
float:left;
}
#enttop-ohter .left p {
margin-left:9px;
}
#enttop-ohter .left p.prm {
margin-bottom:15px;
}
#enttop-ohter .left p.prmtx {
margin:2px 0 10px 25px;
color:#79512C;
}
#enttop-ohter .right {
float:right;
width:523px;
}
#enttop-ohter .right p {
padding:0 16px 0 30px;
}
#enttop-ohter .right p.tt {
padding:0 16px 0 20px;
}
#enttop-ohter ul {
margin:4px 10px 14px 25px;
}
#enttop-ohter ul li {
margin-right:-0.5em;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
padding-bottom:6px;
padding-right:5px;
}
#enttop-ohter .btn {
margin-top:40px;
text-align:right;
}
/* まだPontaカードをお持ちでない方
--------------------------------------------------------------------*/
.enttop-entry {
margin:25px 4px;
}
.enttop-entry .btn {
padding-left:12px;
}
/* Pontaカードは1枚でどの店舗でもご利用いただけます。
--------------------------------------------------------------------*/
#enttop-bmcopy span {
display:none;
}
#enttop-bmcopy .tx {
width:880px;
height:191px;
background:url(../img/enttop_bmcopy_tx.gif) no-repeat;
}
#enttop-bmcopy .tx .btn {
padding:85px 10px 0 0;
text-align:right;
}

/*=== index2.htmスタイル ===========================================*/
/*2012.01.13改修*/
#getcd-howto {
width: 880px;
margin: 0 auto;
}
.textnone {
display:none;
}
.card-box {
padding:15px 5px 0 15px;
background:#FFF1D2;
}
.card-box ul li {
margin-right:-0.5em;
padding:0 15px 15px 0;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}
.card-box ul li p {
line-height:1.2;
padding-top:3px;
text-align:center;
font-size:11px;
}
.card-box ul li p a {
font-weight:bold !important;
}
.card-box ul.credit li p {
margin-top:8px;
}
.card-tx {
padding:20px 20px 13px 20px;
background:#FFF8DE;
}
.card-tx ul li {
line-height:1.5;
margin-bottom:5px;
padding-left:12px;
background:url(../img/ic_orcircle.gif) no-repeat left 0.3em;
}
.card-tx ul li.att-red {
background:none;
color:#FF0000;
}
.card-tx ul li.img {
margin-left:0 !important;
padding:0;
background:none;
}
.card-tx ul li a {
font-weight:400 !important;
}
.pontajpentry {
width:100%;
border-collapse:separate;
border-spacing:0;
}
.pontajpentry .card-box {
padding:15px 0;
width:200px;
text-align:center;
}
.pontajpentry .card-tx ul {
padding:0 15px;
}
.pontajpentry .card-tx ul li {
margin-left:7px;
}

/* ヘッダ - Pontaカードの入手方法
--------------------------------------------------------------------*/
#howget{
	position: relative;
	width: 880px;
	margin: 0 auto;
	text-align: center;
}

	#howget .text{
		position: absolute;
		top: 130px;
		left:242px;
	}

	#howget .text a{
		padding-left: 20px;
		background: url(/c/common/img/arrow_m.gif) no-repeat 0 50%;
	}


	#howget ul{
		position: absolute;
		top: 180px;
		left: 10px;
	}

	#howget ul li{
		float: left;
		width: 425px;
		margin-right: 10px;
	}


/* 共通
--------------------------------------------------------------------*/
table.entrytable {
	width: 880px;
	border-collapse: collapse;
}

	.entrytable th {
		text-align: center;
		vertical-align: middle;
	}

	/* カードデザイン */
	table.entrytable .card-design{
		background: #ffbe74;
		border-top: 8px solid #ff7f00;
		border-bottom: 1px solid #ff7f00;
	}

	/* 入手方法 */
	table.entrytable .howto-get{
		width: 100%;
		background: #ffe2b8;
		border-top: 8px solid #ffc686;
		border-bottom: 1px solid #ffc686;
	}

			table.entrytable th span {
				color: #666666;
				font-size: 85%;
				font-weight: normal;
			}

	/* 境界線 */
	table.entrytable td.design {
		background: #fff1d2;
		padding: 20px 31px 20px 31px;
		vertical-align: top;
		text-align: center;
		border-bottom: 1px solid #ff7f00;
	}

	table.entrytable td {
		background: #fff8de;
		padding: 20px 42px 20px 42px;
		vertical-align: top;
		text-align: left;
		border-bottom: 1px solid #ffc686;
	}

	/* 最下段のみ境界線解除 */
	table.entrytable tr.last-child td {
		border-bottom: none;
	}

	table.entrytable tr.last-child td.design {
		border-bottom: none;
	}


	/* 詳細
	----------------------------------------------*/

	/* 画像 */
	table.entrytable td .vis{
		padding-top: 7px;
	}

	table.entrytable td .vis a{
		padding-right: 5px;
	}

	/* テキスト */
	table.entrytable td .text{
		padding-top: 7px;
	}

		table.entrytable td .text span{
			color: #ff0000;
		}

		#main table.entrytable td .text span a{
			color: #ff0000;
			font-weight: normal;
		}


	/* リンク */
	table.entrytable td .link{
		margin-top: 10px;
	}

		table.entrytable td .link{
			padding-left: 20px;
			background: url(/c/common/img/arrow_m.gif) no-repeat 0 2px;
		}

	/* ※キャプション */
	table.entrytable td .caption{
		padding-top: 10px;
		text-indent: -1em;
		padding-left: 1em;
	}

		table.entrytable td .caption span{
			color: #ff0000;
		}




/* ページの先頭へ */
#main .pagetop{
	padding-top: 10px;
	text-align: right;
}

	#main .pagetop a{
		padding-left: 20px;
		background: url(/c/common/img/arrow_pt.gif) no-repeat 0 50%;
	}


/* Pontaカードをお持ちでない方
---------------------------------------------------------------------*/
#havenot-card{
	padding-top: 40px;
	width: 880px;
	margin: 0 auto;
	text-align: center;
}



/* Pontaカードをお持ちの方
---------------------------------------------------------------------*/
#have-card{
	padding-top: 30px;
	width: 880px;
	margin: 0 auto;
	text-align: center;
}

/* シェルカード */
.cts-l{
	float: left;
	width: 256px;
}

.cts-r{
	float: right;
	width: 256px;
}