@charset "utf-8";

/*============================================================================
	
	2.カードをつくる
		2-0 共通スタイル
		2-1 カード一覧
		2-2 プロパーカード
		2-3 リボカ
		2-4 OUENカード
		2-5 サポーターズカード
		2-6 ETCカード
		2-7 QUICPay
		2-8 AFTカード
		2-9 グルメ倶楽部カード
		2-10 BOX plusカード
		2-11 ハローPGクラブカード
		2-12 Kitaraクラブカード
		2-13 SCENEカード
		2-14 ワイン倶楽部カード
		2-15 お問合わせ
		2-16 家族カード
		
=============================================================================*/

/* @group 2-0 共通
---------------------------------------------------------------------- */

/* @group カードフェイス
---------------------------------------------------------------------- */

div#cardFace {
	margin-bottom: 30px;
}

div#cardFace:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#cardFace {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#cardFace {
	height: 1%;
}

div#cardFace {
	display: block;
}
/**/

div#cardFace h3 {
	float: left;
}

div#cardFace div.column {
	width: 320px;
	float: right;
}

div#cardFace h4 {
	margin-bottom: 20px;
}

div#cardFace address {
	margin: 10px 0 12px;
	padding-left: 45px;
	background: url(../images/ico_pc.gif) no-repeat 0 0;
}

div#cardFace ul {
	padding-left: 45px;
	padding-bottom: 5px;
	background: url(../images/ico_tel.gif) no-repeat 0 3px;
}

div#cardFace p {
	text-align: center;
}
/* @end -------------------------------------------------------------- */



/* @group カードの特徴
---------------------------------------------------------------------- */

div.feature div {
	width: 320px;
	border: 1px solid #afafaf;
	margin: 0 0 20px;
	padding: 10px;
}

div.feature ul {
	text-align: right;
}

div.feature div.everyday,
div.feature div.webService {
	float: left;
}

div.feature div.support,
div.feature div.foreign {
	float: right;
}

/* @end -------------------------------------------------------------- */



/* @group ご入会について
---------------------------------------------------------------------- */
div#admission ul {
	margin: 0 0 20px;
}

div#admission ul.square {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 10px;
}

div#admission ul.square li {
	margin: 0 0 0 15px;
}

/* @end -------------------------------------------------------------- */



/* @group お申込みからお届けまでの流れ
---------------------------------------------------------------------- */

div#flow ul {
	text-align: right;
	margin-top: 20px;
}

div#flow ul li a {
	background: url(../../common/images/ico_link.gif) no-repeat 0 50%;
	padding: 0 0 0 12px;
}

/* @end -------------------------------------------------------------- */



/* @group カードのご案内
---------------------------------------------------------------------- */

div#cardInfo table th,
div#cardInfo table td {
	padding: 10px 7px;
	vertical-align: middle;
}

div#cardInfo div.column {
	margin-bottom: 20px;
}

div#cardInfo h4 {
	margin-bottom: 10px;
}

div#cardInfo dl {
	width: 48%;
}

div#cardInfo dl.clear {
	width: 100%;
}

div#cardInfo dl dt {
	font-weight: bold;
	font-size: 116%;
	padding-bottom: 5px;
}

div#cardInfo table .size11 {
	white-space: nowrap;
}

/* @end -------------------------------------------------------------- */


/* @group 特典について
---------------------------------------------------------------------- */

div#cardPrivilege div.column div.fl {
	width: 48%;
}

div#cardPrivilege div.column h4 {
	margin-bottom: 12px;
}

div#cardPrivilege div.column h5 {
	font-size: 116%;
	color: #ef7e00;
	margin-bottom: 5px;
}

div#cardPrivilege div.column table {
	width: 48%;
	float: right;
}

/* @end -------------------------------------------------------------- */

/* @end -------------------------------------------------------------- */

/* @group 2-1 カテゴリーから選ぶ
---------------------------------------------------------------------- */

div.card {
	width: 341px;
	margin-bottom: 20px;
}

div.card ul {
	text-align: right;
}

div.card img.fl {
	padding-right: 10px;
	padding-bottom: 30px;
}

/* @end -------------------------------------------------------------- */

/* @group 2-2 プロパーカード
---------------------------------------------------------------------- */

/* @end -------------------------------------------------------------- */

/* @group 2-3 revocaカード
---------------------------------------------------------------------- */

/*簡単便利なショッピング*/

div#useInfo div.column div {
	height: 140px;
}

div#useInfo #useFlow {
	width: 445px;/*403*/
	background: transparent url(../../common/images/ico_arrowR.gif) no-repeat 252px 60px;
	float: left;
}

div#useInfo #useFlow .fl {
	width: 248px;
	border: 1px solid #ababab;
	margin-left: 0;
}

div#useInfo #useFlow .fr {
	width: 155px;
	border: 1px solid #ef7e00;
	padding: 5px;
	height: 130px;
	margin: 0;
}

div#useInfo .fr {
	width: 218px;
	border: 1px solid #ababab;
}

div#useInfo #useFlow p,
div#useInfo .fr p {
	padding: 0 10px;
	margin-bottom: 0;
}

div#useInfo #useFlow .fr p {
	margin-bottom: 0;
	font-size: 85%;
}

/* @end -------------------------------------------------------------- */

/* @group 2-4 OUENカード
---------------------------------------------------------------------- */

div#ouen h3 {
	width: 140px;
	float: left;
	margin: 0;
}

div.ouen_intro {
	width: 550px;
	float: right;
}

div.ouen_intro ul {
	width: 100%;
	margin: 0 0 18px;
}

div.ouen_intro ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.ouen_intro ul {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div.ouen_intro ul {
	height: 1%;
}

div.ouen_intro ul {
	display: block;
}
/**/

div.ouen_intro ul li {
	float: left;
}

div.ouen_intro ul li img#max300 {
	padding: 0 2px;
}

div.ouen_intro p {
	clear: both;
	margin-bottom: 0;
}

div#ouen5 h4 {
	width: 160px;
	float: left;
	margin: 0;
	padding-right: 10px;
}

div#ouen5 table.sheet {
	width: 500px;
	height: 102px;
}

div#ouen5 table.sheet th,
div#ouen5 table.sheet td {
	vertical-align: middle;
	text-align: center;
}

div#ouen5 table.sheet td.orange {
	color: #ef7e00;
	font-weight: bold;
}

div#ouen5 table.sheet th span {
	display: block;
}

div#slide {
	width: 49%;
	float: left;
}

div#revo {
	width: 49%;
	float: right;
}

div#slide table th,
div#revo table th,
div#slide table td,
div#revo table td {
	text-align: center;
}

div#revo table em,
div#net em {
	color: #ef7e00;
}

div#net {
	width: 330px;
	float: left;
	margin-bottom: 20px;
}

div#net ul {
	margin-bottom: 10px;
}

div#post {
	width: 330px;
	float: right;
	margin-bottom: 20px;
}

div#net h5 {
	margin-bottom: 7px;
}

div#post ul li {
	text-indent: -2em;
	padding-left: 2em;
	margin-bottom: 1em;
}

div#post ul.list {
	color: #ef7e00;
}

div#post ul.list span {
	color: #454545;
}

table.ouen_border {
	clear: both;
	margin-bottom: 30px;
	border-top: 1px solid #a9a9a9;
}

table.ouen_border th,
table.ouen_border td {
	border-bottom: 1px solid #a9a9a9;
	padding: 10px;
}

div#useWay .fl,
div#useWay .fr {
	width: 330px;
}

div#useWay .fr table {
	font-size: 85%;
}

div#useWay .fr table th,
div#useWay .fr table td {
	vertical-align: middle;
	padding-bottom: 10px;
	padding-right: 5px;
}

div#useWay img.fr {
	margin-bottom: 30px;
}

div#useWay dl {
	margin-bottom: 7px;
}

div#useWay dl dt {
	font-weight: bold;
	padding-bottom: 1px;
}

div#useWay dl dd {
	font-size: 93%;
}

div.bank ul {
	width: 696px;
	list-style: none;
	margin: 0 0 0 -16px;
}

div.bank ul li {
	float: left;
	margin: 0 0 16px 16px;
	padding: 0;
	display: inline;
}

/* @end -------------------------------------------------------------- */

/* @group 2-5 サポーターズカード
---------------------------------------------------------------------- */

div#consa em {
	color: #ef7e00;
}

div#consa th,
div#consa td {
	text-align: center;
}

/* @end -------------------------------------------------------------- */

/* @group 2-6 ETCカード
---------------------------------------------------------------------- */

div#etcFlow div.fl,
div#etcFlow div.fr {
	width: 320px;
}

div#etcFlow ol li {
	margin-bottom: 5px;
	padding-bottom: 20px;
	background: transparent url(../../common/images/ico_arrowB.gif) no-repeat 50% 100%;
}

div#etcFlow ol li.last {
	background: none;
}

div#cardInfo dl.fullSize {
	width: 100%;
}

div#cardInfo dl.fullSize dt {
	font-size: 116%;
	padding-bottom: 4px;
}

div#cardInfo dl.fullSize dd {
	margin-bottom: 15px;
}

/* @end -------------------------------------------------------------- */

/* @group 2-7 QUICPay
---------------------------------------------------------------------- */

/* @end -------------------------------------------------------------- */

/* @group 2-8 AFTカード
---------------------------------------------------------------------- */

div#cardPrivilege div.column div#getPoint {
	background: url(../../card/images/aft/img_arrow.gif) no-repeat 53% 100%;
	margin: 40px 0 20px;
}

div#cardPrivilege div.column div#getPoint:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#cardPrivilege div.column div#getPoint {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#cardPrivilege div.column div#getPoint {
	height: 1%;
}

div#cardPrivilege div.column div#getPoint {
	display: block;
}
/**/

div#cardPrivilege div.column div#getPoint table {
	width: 55%;
	float: left;
	margin-bottom: 25px;
	text-align: center;
}

div#cardPrivilege div.column div#getPoint img.fr {
	margin-top: 18px;
}

/* @end -------------------------------------------------------------- */

/* @group 2-9 グルメ倶楽部カード
---------------------------------------------------------------------- */

/* @end */

/* @group 2-10 BOX plusカード
---------------------------------------------------------------------- */

div#boxPlus h4 {
	color: #ef7e00;
}

div#join h4{
	margin-bottom: 20px;
}

div#join ul{
	margin-bottom: 20px;
}

div#join ul li.left{
	float: left;
	width: 320px;
}

div#join ul li.right{
	float: right;
	width: 320px;
}

div#join ul li .join_txt{
	width: 196px;
	float: left;
}

div#join ul li .join_txt .attention{
	font-size: 78%;
}

div#join ul li .join_txt dl dt{
	font-weight: bold;
}

div#join ul li div.join_img{
	float: right;
	width: 110px;
}

div#join ul li div.join_img p{
	font-size: 77%;
	padding-top: 5px;
}


/* @end -------------------------------------------------------------- */

/* @group 2-11 ハローPGクラブカード
---------------------------------------------------------------------- */

.lineBox {
	margin: 0 auto 20px;
	padding: 10px;
	border: 1px solid #ef7e00;
}

.lineBox p {
	margin-bottom: 0;
}

div.pgv h4 {
	color: #ef7e00;
}

/* @end -------------------------------------------------------------- */

/* @group 2-12 Kitaraクラブカード
---------------------------------------------------------------------- */

div#cardPrivilege div.kitara table {
	width: 100%;
	float: none;
}

div#cardPrivilege div.kitara table th {
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}

div#cardPrivilege div.kitara table tr.first th {
	padding-top: 10px;
	padding-bottom: 10px;
}

div#cardPrivilege div.kitara table th.family {
	background-color: #ffeec2;
}

div#cardPrivilege div.kitara table th.gold {
	background-color: #ffc27d;
}

div#cardPrivilege div.kitara table td {
	vertical-align: middle;
}

div#cardPrivilege div.kitara dl {
	margin-top: 20px;
}

/* @end -------------------------------------------------------------- */

/* @group 2-13 SCENEカード
---------------------------------------------------------------------- */

div.scene h4 {
	color: #ef7e00;
}

div.scene .pr {
	padding-left: 20px;
}

dl.roadStation {
	margin-bottom: 20px;
}

dl.roadStation dt {
	padding-bottom: 4px;
	font-size: 116%;
	font-weight: bold;
}

div#cardPrivilege div#scenePremium {
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 55px;
	/*border: 1px solid #b5b5b5;*/
	background: transparent url(../images/scene/bg.gif) no-repeat 50% 0%;
	/*font-family: serif;*/
}

div#cardPrivilege div#scenePremium:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#cardPrivilege div#scenePremium {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#cardPrivilege div#scenePremium {
	height: 1%;
}

div#cardPrivilege div#scenePremium {
	display: block;
}
/**/

div#cardPrivilege div#scenePremium h4 {
	float: left;
	width: 190px;
	margin: 15px 0 0 0;
}

div#cardPrivilege div#scenePremium p {
	font-size: 93%;
}

div#cardPrivilege div#scenePremium div.fl {
	width: 380px;
}

/* @end -------------------------------------------------------------- */

/* @group 2-14 ワイン倶楽部カード
---------------------------------------------------------------------- */

div#cardPrivilege div#wineClub img.visual {
	padding-bottom: 10px;
}

div#cardPrivilege div#wineClub table {
	float: left;
	width: 400px;
	margin-bottom: 30px;
}

div#cardPrivilege div#wineClub table th,
div#cardPrivilege div#wineClub table td {
	text-align: center;
	vertical-align: middle;
}

div#cardPrivilege div#wineClub img.fr {
	padding-top: 20px;
}

div#cardPrivilege div#wineClub ul.link {
	margin-bottom: 20px;
}

div#wineInfo dl.fl {
	width: 290px;
}

div#wineInfo dl.fr {
	width: 360px;
}

div#wineInfo dl.fl dt,
div#wineInfo dl.fr dt {
	font-size: 116%;
	padding-bottom: 4px;
	font-weight: bold;
}

div#wineInfo dl span {
	font-size: 85%;
}

div#wineInfo dl address {
	margin-bottom: 20px;
}

div#wineInfo dl li {
	line-height: 1.6;
}
/* @end -------------------------------------------------------------- */

/* @group 2-15 お問合わせ
---------------------------------------------------------------------- */

/* @end -------------------------------------------------------------- */
/* @group 2-16 家族カード
---------------------------------------------------------------------- */
div.use img{
	float: right;
	margin-left: 20px;
}

div.feature_full div {
}

div.feature_full ul {
	text-align: right;
}

div.feature_full div.everyday{
	width: 320px;
	border: 1px solid #afafaf;
	margin: 0 0 20px;
	padding: 10px;
	float: left;
}

div.feature_full div.support{
	width: 320px;
	border: 1px solid #afafaf;
	margin: 0 0 20px;
	padding: 10px;
	float: right;
}

div.feature_full div.foreign {
	width: 680px;
	border: 1px solid #afafaf;
	margin: 0 0 20px;
	padding: 10px;
	float: right;
}


/* @end -------------------------------------------------------------- */