@charset "UTF-8";

#cardinfo dl.taxi {
	float: right;
	width: 335px;
	clear: none;
}
#cardinfo dl.taxi dt {
	position: relative;
	font-weight: bold;
	padding-left: 10px;
	background-color: #EEE;
}

#cardinfo p.img {
	text-align: center;
}
#cardinfo p.no {
	margin: 10px 20px 0px 20px;
}
#cardinfo ul {
	margin: 0 0 30px 40px;
}
#cardinfo dl {
	clear: both;
}
#cardinfo h2 {
	display: block;
	height: 40px;
	margin: 20px auto;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-image: url(../img/h2_cardinfo.gif);
}
#cardinfo h2#feature {
	background-image: url(../img/h2_cardfeature.gif);
}

#cardinfo h2#gift {
	background-image: url(../img/h2_gift.gif);
}

#cardinfo h3 {
	display: block;
	height: 40px;
	margin: 0 auto 12px auto;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: bottom center;
}
#cardinfo h3#corporate {
	background-image: url(../img/h3_card_c.gif);
	margin-top: 30px;
}
#cardinfo h3#personal {
	background-image: url(../img/h3_card_p.gif);
	margin-top: 80px;
}
#cardinfo h3#giftcard {
	background-image: url(../img/h3_card_g.gif);
	margin-top: 30px;
}
#cardinfo h3#feature {
	background-image: url(../img/h3_cardfeature.gif);
	margin-top: 80px;
}
#cardinfo h3#taxi {
	background-image: url(../img/h3_card_taxi.gif);
	margin-top: 80px;
}
#cardinfo h4 {
	display: block;
	margin: 40px 20px 10px 20px;
	border-bottom: 1px solid gray;
	font-size: 1.1em;
	clear: both;
}
#cardinfo ul.personal {
	background-image: url(../img/cards_01.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 90px;
	margin: 0 20px;
}
#cardinfo ul.personal li {
	display: inline;
}
#cardinfo ul.personal li a {
	display: block;
	height: 33px;
	float: left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#cardinfo ul.personal li.jcb a {
	background-image: url(../img/card_info_p_jcb.gif);
	background-position: left top;
	width: 208px;
}
#cardinfo ul.personal li.jcb a:hover { background-position: left bottom; }

#cardinfo ul.personal li.visa a {
	background-image: url(../img/card_info_p_visa.gif);
	background-position: left top;
	width: 211px;
}
#cardinfo ul.personal li.visa a:hover { background-position: left bottom; }

#cardinfo ul.personal li.waku a {
	clear: both;
	background-image: url(../img/card_info_p.gif);
	background-position: left top;
	width: 419px;
	margin: 15px 0;
}
#cardinfo ul.personal li.waku a:hover { background-position: left bottom; }

#cardinfo dl.corporate {
	margin: 0 20px;
	height: 190px;
	background-image: url(../img/cards_03.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#cardinfo dl.corporate dt {
	clear: both;
	display: block;
	height: 33px;
	width: 60px;
	float: left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#cardinfo dl.corporate dt.j {
	background-image: url(../img/card_info_jcb.gif);
}
#cardinfo dl.corporate dt.v {
	background-image: url(../img/card_info_visa.gif);
}
#cardinfo dl.corporate li {
	display: inline;
}
#cardinfo dl.corporate li a {
	display: block;
	height: 33px;
	float: left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#cardinfo ul.j,
#cardinfo ul.v {
	clear: both;
	margin: 0;
}

#cardinfo ul.j li.c a {
	clear: both;
	background-image: url(../img/card_info_h_g.gif);
	background-position: left top;
	width: 419px;
}
#cardinfo ul.j li.c a:hover { background-position: left bottom; }

#cardinfo ul.j li.g a {
	background-image: url(../img/card_info_h_jcb_gra.gif);
	background-position: left top;
	width: 208px;
	margin: 15px 0;
}
#cardinfo ul.j li.g a:hover { background-position: left bottom; }

#cardinfo ul.j li.gra a {
	background-image: url(../img/card_info_h_jcb_gra.gif);
	background-position: left top;
	width: 208px;
	margin: 15px 0;
}
#cardinfo ul.j li.gra a:hover { background-position: left bottom; }

#cardinfo ul.v li.c a {
	clear: both;
	background-image: url(../img/card_info_h_g.gif);
	background-position: left top;
	width: 419px;
}
#cardinfo ul.v li.c a:hover { background-position: left bottom; }

#cardinfo ul.j li.p a {
	background-image: url(../img/card_info_h_jcb_p.gif);
	background-position: left top;
	width: 211px;
	margin: 15px 0;
}
#cardinfo ul.j li.p a:hover { background-position: left bottom; }

#cardinfo ul.v li.g a {
	background-image: url(../img/card_info_h_visa_g.gif);
	background-position: left top;
	width: 208px;
	margin: 15px 0;
}
#cardinfo ul.v li.g a:hover { background-position: left bottom; }

#cardinfo ul.v li.p a {
	background-image: url(../img/card_info_h_visa_p.gif);
	background-position: left top;
	width: 211px;
	margin: 15px 0;
}
#cardinfo ul.v li.p a:hover { background-position: left bottom; }

#cardinfo div.giftcard {
	display: block;
	float: left;
	width: 300px;
}
#cardinfo p.g_jcb,
#cardinfo p.v_jcb {
	display: block;
	float: right;
	text-align: center;
	width: 150px;
	margin: 10px 0;
	font-size: x-small;
}

#cardinfo table.gift {
	width: 93%;
	border-collapse: collapse;
	margin: 0 auto 10px auto;
	font-size: 82%;
	margin: 0 20px;
	clear: both;
}
#cardinfo table.gift tr th {
	text-align: right;
	background-color: #EEEEEE;
}
#cardinfo table.gift tr th,
#cardinfo table.gift tr td {
	padding: 0 5px;
	border: 1px solid #CCC;
}