@charset "utf-8";

/*============================================================================
	
	2.カードをつくる
		2-0 共通スタイル
		2-1 membership
		2-2 top
		2-3 visa・jcb
		2-4 revoca
		2-5 ouen
		2-6 supporters
		2-7 etc
		2-8 quicpay
		2-9 aft
		2-10 gourmet
		2-11 boxplus
		2-12 kitara
		2-13 scene
		2-14 wine
		2-14 prince
	
=============================================================================*/


/* @group 2-0 共通
---------------------------------------------------------------------- */
table.common_face{
	margin-left: 16px;
	width: 664px;
}

table.common_face th{
	padding: 0;
}

table.common_face td{
	padding: 0;
	text-align: right;
	vertical-align:top;
	width: 280px;
}

h4.address{
	font-size: 100%;
	margin: 0;
}

ul.benefit li{
	margin-bottom: 20px;
}

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

ul.benefit li{
     display: inline-block;
     min-height: 1%;
} 
/*address*/
div.section div.column h5.adress{
	margin-bottom: 0;
}
div.section div.column address{
	padding: 10px 16px;
	border: 1px solid #999999;
}
dl.copy{
	margin-bottom: 25px;
}

/* Hides from IE-mac \*/
* html ul.benefit li{
     height: 1%;
}

ul.benefit li{
     display: block;
}
/* End hide from IE-Mac */

ul.benefit li .img{
	float: left;
}

ul.benefit li dl{
	float: right;
	width: 560px;
}

ul.benefit li dl dt{
	margin-bottom: 5px;
}
/*ポイントは商品券で還元*/
table.about_point{
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	margin-bottom: 20px;
	width: 680px;
}

table.about_point th.area{
	padding: 20px 20px 20px 0;
	border-right: 1px solid #999999;
	width: 479px;
}

table.about_point td.btn{
	text-align: center;
	width: 200px;
}

table.point_gift{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-bottom: 20px;
	width: 464px;
}

table.point_gift th{
	background-color: #005bac;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

table.point_gift td{
	text-align: center;
	background-color: #fdf7dd;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

table.point_gift td.white{
	text-align: center;
	background-color: #ffffff;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

table.point_gift td.yellow{
	text-align: center;
	background-color: #fdf7dd;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

div.bonus_point{
	margin-bottom: 20px;
	width: 464px;
}

div.bonus_point .img{
	float: left;
}

div.bonus_point dl{
	width: 380px;
	float: right;
}

div.bonus_point dl dt{
	margin-bottom: 1em;
}

table.example{
	margin-bottom: 10px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	width: 464px;
}

table.example tr.main_th th{
	background-color: #005bac;
	color: #ffffff;
	font-weight: bold;
}

table.example th.bg{
	background-color: #eeeeee!important;
}

table.example th{
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
}

table.example td{
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
}

table.example td.bg{
	background-color: #fdf7dd;
}

table.service{
	margin-left: 17px;
	width: 430px;
}
/*カード基本情報*/
table.card_info{
	width: 100%;
	margin-bottom: 20px;
}

table.card_info th{
	
}

div.section{
	margin: 0 0 25px 0;
}

div.section h3{
	margin: 0 0 24px 0;
}

div#application_delivery ul{
	width: 600px;
	margin: 0 auto 25px auto;
}

div#application_delivery ul li.bt{
	text-align: center;
}

div#application_delivery{
	border-bottom: 1px solid #666666;
}

div#membership div.column{
	padding: 0 16px;
	margin: 0 0 25px 0;
}

div#membership div.column h4{
	margin: 0 0 8px 0;
}

div#membership div.column ul.point{
	border: 1px solid #999999;
	padding: 10px 16px;
	margin-bottom: 5px;
}

div#membership div.column p.attention{
	margin: 0;
	text-indent: -1em;
	padding-left: 1em;
}

div#membership div.column dl#consultation dt{
	color: #ffffff;
	padding: 3px 0 0 16px;
	margin-bottom: 16px;
	background: url(../images/common/membership_bg.gif) top left no-repeat;
	height: 21px;
}

div#membership div.column dl#consultation dd table{
	margin: 0 auto 16px auto;
	border-top: 2px solid #999999;
	border-right: 2px solid #999999;
	width: 400px;
}

div#membership div.column dl#consultation dd table th{
	font-weight: bold;
	background-color: #ededed;
	border-left: 2px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px 16px;
}

div#membership div.column dl#consultation dd table td{
	border-bottom: 1px solid #999999;
	padding: 5px 16px;
}

div#membership div.column dl#consultation dd table tr.last th,
div#membership div.column dl#consultation dd table tr.last td{
	border-bottom: 2px solid #999999;
}

div#membership div.column p.number{
	text-align: center;
}

table.th_gray td.none{
	border-right: none;
}

table.th_gray td.img{
	text-align: right;
	padding-top:0px;
}

/*新規ご入会特典*/
div.column dl.newmember{
	float: left;
	width: 430px;
}

div.column dl.newmember dt{
	margin-bottom: 20px;
}

div.column div.ph_b{
	float: right;
	width: 160px;
}

/*ほくせんETCカード・ほくせんQUICpay*/
table.entry_tel_top {
	border: 1px solid #cccccc;	
	width: 600px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

table.entry_tel_top th {
	background-color: #fdf7dd;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	width: 379px;
	padding-left: 18px;
	}

table.entry_tel_top td {
	width: 187px;
	padding-left: 15px;
	}

ul.entry_tel_bottom	{
	border: 1px solid #cccccc;	
	width: 600px;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	}

ul.entry_tel_bottom li.left {
	float:left;
	padding-left: 18px;
	padding-top: 15px;
	}

ul.entry_tel_bottom li.right {
	float:right;
	padding-right: 7px;
	padding-top: 16px;
	}


/*AFTカード・北海道ワイン倶楽部カード・PRINCEカード*/
div.otoku {
	margin-bottom: 30px;
	}

div.otoku h4{
	margin-bottom: 0;
}

div.otoku div.left {
	float:left;
	}

table.aft_shopping{
	margin-bottom: 10px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	width: 319px;
	}

table.aft_shopping tr.main_th th{
	background-color: #005bac;
	color: #ffffff;
	font-weight: bold;
}

table.aft_shopping tr.main_th th{
	background-color: #005bac;
	color: #ffffff;
	font-weight: bold;
}

table.aft_shopping th.bg{
	background-color: #eeeeee!important;
}

table.aft_shopping th{
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
	}

table.aft_shopping td{
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
}

table.aft_shopping td.bg{
	background-color: #fdf7dd;
}



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



/* @group 2-1 membership
---------------------------------------------------------------------- */
#member div.page_title{
	background: url(../images/membership/page_title.gif) top left no-repeat;
	height: 81px;
}

#member table.face{
	margin-bottom: 10px;
	width: 100%;
}

#member table.face th{
	padding: 0;
}

#member table.face td{
	text-align: center;
	width: 268px;
	padding: 0;
	vertical-align: top;
}

#member table.face td p{
	padding-top: 10px;
	margin: 0;
}

#member table.th_gray{
	margin-bottom: 20px;
}

#member table.th_gray th{
	width: 20%;
	border-right: none;
	padding: 7px 5px;
}

#member table.th_gray td.img{
	text-align: right;
	width: 15%;
}

#member table.ouen{
	margin-bottom: 20px;
}


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



/* @group 2-2 トップ
---------------------------------------------------------------------- */
#card div.page_title{
	background: url(../images/index/page_title.gif) top left no-repeat;
	height: 81px;
}

#card  div.section div.column ul.card_list:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

#card  div.section div.column ul.card_list{
     display: inline-block;
     min-height: 1%;
} 

/* Hides from IE-mac \*/
* html #card  div.section div.column ul.card_list{
     height: 1%;
}

#card  div.section div.column ul.card_list{
     display: block;
}
/* End hide from IE-Mac */

#card div.section div.column{
	width: 648px;
	overflow: hidden;
}

#card div.section div.column ul.card_list li div p{
	margin: 0;
}

#card div.section div.column ul.card_list li div a{
	padding-top: 10px;
	display: block;
}

#card div.section div.column ul.card_list li{
	float: left;
	width: 316px;
	margin: 0 16px 0 0;
}

#card div#standard div.column ul.card_list{
	margin: 0 0 30px 0;
	width: 664px;
}

#card div#standard div.column ul.card_list li div{
	text-align: center;
	width: 244px;
	margin: 0 auto;
}

#card div#standard div.column ul.card_list li.ouen .ph{
	float: left;
}

#card div#standard div.column ul.card_list li.ouen p{
	float: right;
	width: 160px;
}

#card div#addition div.column ul.card_list{
	margin-bottom: 30px;
	width: 664px;
}

#card div#addition div.column ul.card_list li div{
	padding: 0 10px;
	margin: 0;
}

#card div#addition div.column ul.card_list li div .ph{
	float: left;
}

#card div#addition div.column ul.card_list li div p{
	float: right;
	width: 162px;
	text-align: center;
}

#card div#cooperation div.column ul.card_list{
	width: 664px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #999999;
}

#card div#cooperation div.column ul.last{
	border: none;
	margin: 0;
	padding: 0;
}

#card div#cooperation div.column ul.card_list li:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

#card div#cooperation div.column ul.card_list li{
     display: inline-block;
     min-height: 1%;
} 

/* Hides from IE-mac \*/
* html #card div#cooperation div.column ul.card_list li{
     height: 1%;
}

#card div#cooperation div.column ul.card_list li{
     display: block;
}
/* End hide from IE-Mac */

#card div#cooperation div.column ul.card_list li{
	padding-left: 10px;
	width: 306px;
}

#card div#cooperation div.column ul.card_list li .ph{
	float: left;
}

#card div#cooperation div.column ul.card_list li div{
	float: right;
	width: 170px;
}

#card div#cooperation div.column ul.card_list li div p{
	margin: 0;
}

#card div#cooperation div.column ul.card_list li div p a{
	padding: 0;
}




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


/* @group 2-3 visa・jcb
---------------------------------------------------------------------- */
#visa-jcb div.page_title{
	background: url(../images/visa-jcb/page_title.gif) top left no-repeat;
	height: 81px;
}

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

/* @group 2-4 revoca
---------------------------------------------------------------------- */
#revoca div.page_title{
	background: url(../images/revoca/page_title.gif) top left no-repeat;
	height: 81px;
}

#revoca dl.revo_shopping {
	margin-top: 24px;
	}

#revoca dl.revo_shopping dt{
	margin-bottom: 5px;
	}

#revoca div.revo_course {
	margin-top: 15px;
	width: 648px;
	height: 40px;
	background-color: #fdf7dd;
	border: 1px solid #999999;
	}
	
#revoca div.revo_course p {
	text-align: center;
	padding-top: 12px;
}	 

#revoca div.revo_example {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 17px;
	}

#revoca div.revo_example div.simulation {
	border: 1px solid #999999;
	width: 350px;
	margin:0px;
	}

#revoca div.revo_example div.simulation dl {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#revoca div.revo_example div.simulation dl dt {
	float: left;
	width: 120px;
	}

#revoca div.revo_example div.simulation dl dd {
	float: left;
	}

#revoca div.revo_example p.example_text {
	margin-top: 8px;
	margin-bottom: 20px;
	}

#revoca table.card_info th {
	width:142px;
}

	
#revoca table.card_info td.payment {
	width:124px;
	}
	
#revoca table.card_info td.percent {
	width: 380px;
	}

/*リボルビング払いの詳しくはこちら*/
#revoca table.card_info td.revocaimg{
	text-align: right;
	vertical-align: middle;
}

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

/* @group 2-5 ouen
---------------------------------------------------------------------- */
#ouen div.page_title{
	background: url(../images/ouen/page_title.gif) top left no-repeat;
	height: 81px;
}

#ouen div.ouen_top {
	margin-left:0px;
	width: 680px;
}
#ouen div.ouen_top table.common_face_ouen {
	margin-left: 0px;
	width: 680px;
	}

#ouen div.ouen_top table.common_face_ouen th{
	text-align: center;
	width: 400px;
}

#ouen div.ouen_top table.common_face_ouen td{
	padding: 0;
	text-align: right;
	vertical-align:top;
	width: 280px;
}
#ouen div.ouen_top table.common_face_ouen td p{
	text-align: center;
	margin-top: 15px;	
}

#ouen div.section ul.list li{
	float: left;
	margin-right: 5px;
	margin-bottom: 20px;
}

#ouen div.section ul.list li.last{
	margin-right: 0;
}

#ouen div.ouen_top div.top_right ul.ouen_btn {
	background-color: #fdf7dd;
	border: 1px solid #0E3078;
	margin-top: 10px;
	margin-bottom: 23px;
	height: 48px;
	width: 545px;
	}

#ouen div.ouen_top div.top_right ul.ouen_btn li.left {
	float:left;
	padding-left: 60px;
	padding-top: 7px;
	}

#ouen div.ouen_top div.top_right ul.ouen_btn li.right {
	float:right;
	padding-right: 60px;
	padding-top: 7px;
	}

#ouen dl.ouen_point {
	margin-bottom: 15px;
	padding-left: 8px;
	}

#ouen dl.ouen_point dt {
	margin-bottom: 7px;
	}

#ouen table.card_info th {
	width:156px;
	padding-left: 10px;
	}

#ouen table.card_info td {
	width:463px;
	padding-left: 20px;
	}

#ouen p.caution{
	border: 1px solid #0d3078;
	padding: 10px;
	text-align: center;
}

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

/* @group 2-6 supporters
---------------------------------------------------------------------- */
#supporters div.page_title{
	background: url(../images/supporters/page_title.gif) top left no-repeat;
	height: 81px;
}

#supporters div.contribution div.left {
	float: left;
	width:315px;
	}

#supporters div.contribution div.left dl {
	margin-top: 30px;
	}

#supporters div.contribution div.right {
	float: right;
	width: 315px;
	}

#supporters div.contribution div.right table.card_info th {
	width: 88px;
	text-align: center;
	}

#supporters div.contribution div.right table.card_info td {
	width: 229px;
	text-align: center;
	}

#supporters table.consadole{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-bottom: 10px;
	width: 464px;
}

#supporters table.consadole th{
	background-color: #005bac;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	
}

#supporters table.consadole td{
	text-align: center;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	
}

#supporters table.consadole td.total{
	text-align: center;
	background-color: #fdf7dd;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

#supporters table.consadole td.left{
	text-align:left;
	padding-left: 20px;
}

#supporters table.consadole td.bg{
	text-align:left;
	padding-left: 20px;
	background-color: #eeeeee!important;
}



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

/* @group 2-7 etc
---------------------------------------------------------------------- */
#etc div.page_title {
	background: url(../images/etc/page_title.gif) top left no-repeat;
	height: 81px;
}
	
/* @end -------------------------------------------------------------- */

/* @group 2-8 quicpay
---------------------------------------------------------------------- */
#quicpay div.page_title{
	background: url(../images/quicpay/page_title.gif) top left no-repeat;
	height: 81px;
}

#quicpay dl.convenience-store{
	width: 648px;
	border: 1px solid #999999;
	padding: 10px;
	margin-bottom: 20px;
	}

#quicpay dl.convenience-store dt{
	float:left;
	width: 320px;
}

#quicpay ul.convenience-store li.boder{
	border: 1px solid #cccccc;
	padding: 10px;
}

#quicpay h4{
	margin-bottom: 0;}

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

/* @group 2-9 aft
---------------------------------------------------------------------- */
#aft div.page_title{
	background: url(../images/aft/page_title.gif) top left no-repeat;
	height: 81px;
}

#aft div.otoku {
	margin-bottom: 30px;
	}

#aft div.otoku div.left {
	float:left;
	}

#aft div.otoku div.left table.aft_shopping{
	height: 223px;
	}

#aft div.otoku div.right {
	width: 145px;
	float:left;
	}

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

/* @group 2-10 gourmet
---------------------------------------------------------------------- */
#gourmet div.page_title{
	background: url(../images/gourmet/page_title.gif) top left no-repeat;
	height: 81px;
}

#gourmet div.guide {
	border-top: 1px solid #999999;
	}

#gourmet div.guide p {
	margin-top: 10px;
	}

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

/* @group 2-11 boxplus
---------------------------------------------------------------------- */
#boxplus div.page_title{
	background: url(../images/boxplus/page_title.gif) top left no-repeat;
	height: 81px;
}
/* @end -------------------------------------------------------------- */

/* @group 2-12 kitara
---------------------------------------------------------------------- */
#kitara div.page_title{
	background: url(../images/kitara/page_title.gif) top left no-repeat;
	height: 81px;
}

#kitara table.kitara_club{
	margin-bottom: 10px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	width: 100%;
}

#kitara table.kitara_club tr.main_th th {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 7px;
}

#kitara table.kitara_club tr.main_th th.kojin {
	background-color: #005bac;
	}

#kitara table.kitara_club tr.main_th th.family {
	background-color: #0E3078;
	}
	
#kitara table.kitara_club tr.main_th th.gold {
	background-color: #333333;
	}


#kitara table.kitara_club th{
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #eeeeee;
	width: 136px;
	padding-left: 12px;
}

#kitara table.kitara_club td {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#kitara table.kitara_club td.bg{
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
	background-color: #fdf7dd;
	
}

#kitara table.kitara_club td.member{
	padding-left: 20px;
	white-space:nowrap;
	background-color: #ffffff;
	}

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

/* @group 2-13 scene
---------------------------------------------------------------------- */
#scene div.page_title{
	background: url(../images/scene/page_title.gif) top left no-repeat;
	height: 81px;
}
#kitara dl.copy,
#scene dl.copy{
	margin-bottom: 25px;
}

#scene dl.copy dt{
	margin-bottom: 1em;
}

#scene h5{
	margin-bottom: 0;
}


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

/* @group 2-14 wine
---------------------------------------------------------------------- */
#wine div.page_title{
	background: url(../images/wine/page_title.gif) top left no-repeat;
	height: 81px;
}

#wine p.wine_info {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-bottom: 30px;
	}

#wine div.otoku div.left table.aft_shopping{
	height: 176px;
	}

#wine div.otoku div.right {
	width: 144px;
	float:left;
	}

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

/* @group 2-14 prince
---------------------------------------------------------------------- */
#prince div.page_title{
	background: url(../images/prince/page_title.gif) top left no-repeat;
	height: 81px;
}

#prince div.otoku div.left table.aft_shopping{
	height: 223px;
	}

#prince div.otoku div.right {
	width: 144px;
	float:left;
	}
	
	
/* @end -------------------------------------------------------------- */

/* @group 2-15 agreement
---------------------------------------------------------------------- */
#agreement div.page_title{
	background: url(../images/agreement/page_title.gif) top left no-repeat;
	height: 81px;
}

#agreement div.section div.column ul.no_border li{

}

#agreement div.section div.column ul.no_border li ul li{
	margin: 0;
	padding: 0;
}

#agreement div.section div.column ul.border li{
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #cccccc;
}

#agreement div.section div.column ul.border li ul li{
	border: none;
	margin: 0;
	padding: 0;
}





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

/* @group 2-16 membership
---------------------------------------------------------------------- */
#membership div.page_title{
	background: url(../images/membership/page_title.gif) top left no-repeat;
	height: 81px;
}
/* @end -------------------------------------------------------------- */

/* @group 2-17 入会申込書をご請求
---------------------------------------------------------------------- */
div#flow{
	border-bottom: 1px solid #999999;
}

table.entry_flow{
	margin: 0 auto 10px auto;
	width: 600px;
}

table.entry_flow td{
	padding: 0;
}

div.entry_attention{
	border: 1px solid #999999;
	padding: 10px 20px;
	margin-bottom: 10px;
}

table.consult{
	width: 410px;
	margin: 0 auto 20px auto;
	border: 2px solid #999999;
}

table.consult th{
	border-right: none;
	padding: 5px 10px;
}

table.consult td{
	padding: 5px 10px;
}

p#registration{
	text-align: center;
	margin-bottom: 30px;
}




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