@charset "UTF-8";

/* payment.css */
/*
Last update : 2008/12/08 @GL-MA
-------------------------------------

Index:
-------------------------------------
001/ Payment 		(@_01)
002/ Credit			(@_02)
003/ Conveni		(@_03)
-------------------------------------

/* ================================================================================================
001/ Payment (@_01)
================================================================================================ */
div#payment {
		}
div#method {
	margin: 15px auto;
	}
p.imageLeft{
	float: left;
	width: 135px;
	height: 130px;
	}
div.methodConveni {
	background: #fff url(./images/image_conveni.jpg) no-repeat right top;
	padding: 0 180px 0 0;
	}
div.methodCredit {
	background: #fff url(./images/image_credit.jpg) no-repeat right top;
	padding: 0 180px 0 0;
	}
div.methodBank {
	background: #fff url(./images/image_bank.jpg) no-repeat right top;
	padding: 0 180px 0 0;
	}

dl#method dd{
	float: left;
	width: 225px;
	height: 130px;
	margin: 0;
	padding: 10px 170px 10px 0;
	border-bottom: 1px solid #ccc;
	}
dl#method dd.convenience {
	background: #fff url(./images/image_convenience.jpg) no-repeat right;
	}
dl#method dd.card {
	background: #fff url(./images/image_card.jpg) no-repeat right;
	}
dl#method dd.bank {
	background: #fff url(./images/image_bank.jpg) no-repeat right;
	}
/* ================================================================================================
002/ Credit	(@_02)
================================================================================================ */
/* ================================================================================================
003/ Conveni (@_03)
================================================================================================ */
p.conveniLogo {
	text-align: center;
	margin: 20px 10px;
	padding: 10px;
	border: 1px solid #ccc;
	}

/* Privilege */
dl.privilege {
	margin: 20px;
	}

dl.privilege dt {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 10px 0 10px;
	border-bottom: 1px solid #ccc;
	}
dl.privilege dd {
	margin: 0 0 0 20px;
	padding: 10px;
	}

/* prerequisite */
dl.prerequisite {
	margin: 20px;
	}

dl.prerequisite dt {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 10px 0 10px;
	border-bottom: 1px solid #ccc;
	}
dl.prerequisite dd {
	margin: 0 0 0 20px;
	padding: 10px;
	}

/* ConvenienceMethod */

dl.convenienceMethod {
	background: #fff;
	margin: 10px;
	padding: 10px;
	}
dl.convenienceMethod dt.methodNumber {
	clear: both;
	float: left;
	width: 60px;
	padding: 10px 0;
	}
dl.convenienceMethod dd.methodNumber {
	float: left;
	width: 430px;
	margin: 0 0 20px 0;
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
	}
dl.convenienceMethod dd.methodNumber h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 20px 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #aaa;
	}
dl.convenienceMethod dt.methodNumber2 {
	clear: both;
	float: left;
	width: 96px;
	text-align: center;
	padding: 0 10px 0 0;
	}
dl.convenienceMethod dd.methodNumber2 {
	float: left;
	width: 324px;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #ccc;
	}

dl.convenienceMethod dd.bottom {
	border-bottom: 0px dotted #ccc;
	}
/* END PAYMENT */