@charset "utf-8";

/*============================================================================
	
	3.カードを使う
		3-0 共通スタイル
		3-1 トップページ
		3-2 クレジットカードを安心してご利用いただくために

=============================================================================*/


/* @group 3-0 共通スタイル
---------------------------------------------------------------------- */
.transmission{
	text-align: center;
}





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


/* @group 3-1 トップページ
---------------------------------------------------------------------- */
#use div.page_title{
	background: url(../images/index/page_title.gif) top left no-repeat;
	height: 81px;
}

#use div#domestic div.card{
	float: left;
	width: 310px;
}

#use div#domestic div.card dl{
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#use div#domestic div.card dl:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

#use div#domestic div.card dl{
     display: inline-block;
     min-height: 1%;
} 

/* Hides from IE-mac \*/
* html #use div#domestic div.card dl{
     height: 1%;
}

#use div#domestic div.card dl{
     display: block;
}
/* End hide from IE-Mac */

#use div#domestic div.card dl dt{
	float: left;
}

#use div#domestic div.card dl dd{
	float: right;
	width: 214px;
}

#use div#domestic div.cycle{
	float: right;
	width: 316px;
}

#use div#domestic div.cycle ol{
	margin-bottom: 5px;
}

#use div#domestic div.cycle ol li.step0102{
	padding-bottom: 40px;
	background: url(../images/index/arrow_b.gif) 30px 33px no-repeat;
}

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

#use div#times div.column table.th_gray02{
	width: 100%;
	margin-bottom: 10px;
}

#use div#times div.column table.th_gray02 th{
	text-align: center;
	padding: 5px 10px;
}

#use div#times div.column table.th_gray02 td{
	text-align: center;
	padding: 5px 10px;
}

#use div#times div.column table.th_gray02 th.title{
	width: 25%;
	text-align: left;
}

#use div#times div.column table.th_gray02 .text_l{
	text-align: left!important;
}

#use div#times div.column div.revo_example{
	background-color: #fdf7dd;
	padding: 20px;
}

#use div#times div.column div.revo_example table.th_gray02{
	margin-bottom: 0px;
}

#use div#times div.column div.revo_example table.th_gray02 th{
	text-align: left;
	width: 20%;
}

#use div#times div.column div.revo_example table.th_gray02 td{
	background-color: #ffffff;
	text-align: left;
}

#use div#times div.column div.revo_example table.w60{
	width: 60%;
}

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

#use div#foreign div.card{
	border-bottom: 1px dotted #999999;
	padding-bottom: 20px;
}

#use div#foreign div.card dl.visa{
	float: left;
	width: 316px;
}

#use div#foreign div.card dl.jcb{
	float: right;
	width: 316px;
}

#use div#foreign div.card dl:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

#use div#foreign div.card dl{
     display: inline-block;
     min-height: 1%;
} 

/* Hides from IE-mac \*/
* html #use div#foreign div.card dl{
     height: 1%;
}

#use div#foreign div.card dl{
     display: block;
}
/* End hide from IE-Mac */

#use div#foreign div.card dl dt{
	float: left;
}

#use div#foreign div.card dl dd{
	float: right;
	width: 216px;
}

#use div#charge dl.edy{
	margin-bottom: 20px;
}

#use div#charge dl.edy dt{
	float: left;
}

#use div#charge dl.edy dd{
	float: right;
	width: 544px;
	margin-bottom: 1em;
}

#use div#charge ol.step li{
	width: 304px;
}

#use div#charge ol.step li#step01{
	float: left;
	padding-right: 40px;
	background: url(../images/index/arrow_r.gif) 304px 0 no-repeat;
}

#use div#charge ol.step li#step02{
	float: right;
}

#use div#charge ol.step li dl{
	background: url(../images/index/step_bg.gif) bottom left no-repeat;
	height: 147px;
}

#use div#charge ol.step li dl dd{
	padding: 10px;
}

#use div#revoca div.revo_course{
	background-color: #fff;
	border: 1px solid #999999;
	margin-bottom: 0px;
	padding: 10px 20px 0 20px;
	text-align: center;
	font-size: 120%;
}

#use div#revoca h5.top{
	margin: 0 ;
	font-size: 100%;
}
#use div#revoca h5{
	margin: 30px 0 0 0;
	font-size: 100%;
}



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


/* @group 3-2 クレジットカードを安心してご利用いただくために
---------------------------------------------------------------------- */
#security div.page_title{
	background: url(../images/security/page_title.gif) top left no-repeat;
	height: 81px;
}

#security div#about_ic div.column div.img{
	float: left;
	width: 160px;
}

#security div#about_ic div.column div.txt{
	float: right;
	width: 464px;
	margin-bottom: 20px;
}

#security div#about_ic div.column div.txt h4{
	margin-bottom: 5px;
}

#security div#about_ic div.column div#number_attention{
	border: 3px solid #0d3078;
	background-color: #fdf7dd;
	margin: 0 auto 30px auto;
	width: 594px;
}

#security div#about_ic div.column div#number_attention p{
	padding: 0 10px;
}

#security div#about_ic div.column div#number_attention ul{
	padding: 0 10px;
	margin-bottom: 1em;
}

#security div#charged div.column h4{
	color: #005bac;
	margin: 0;
	font-size: 100%;
}

#security div#charged div.column ul.point{
	margin-bottom: 30px;
}

#security div#charged div.column ul.point li{
	margin-bottom: 1em;
}

#security div#charged div.column ul.point li dl dt{
	color: #005bac;
	font-weight: bold;
}

#security div#charged div.column table.customer{
	margin-bottom: 20px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	width: 100%;
}

#security div#charged div.column table.customer th{
	background-color: #fdf7dd;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-weight: bold;
	color: #0d3078;
	padding: 10px 20px;
}

#security div#charged div.column table.customer td{
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
	padding: 10px;
	width: 30%;
}

#security div#charged div.column ul.about_site{
	background-color: #eeeeee;
	padding: 20px;
	margin-bottom: 20px;
}

#security div#charged div.column ul.about_site li{
	margin-bottom: 1em;
}

#security div#phishing div.column h5{
	margin-bottom: 5px;
	font-size: 100%;
}

#security div#phishing div.column ul li{
	background: url(../../common/images/icon_square.gif) center left no-repeat;
	padding-left: 20px;
	float: left;
	margin-right: 15px;
}

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

/* @group 3-3 リボカショッピングシュミレーション
---------------------------------------------------------------------- */
p.transmission{
	text-align: center;
}

div#detail{
	float: left;
	width: 410px;
}

table#rate{
	float: right;
	width: 200px
}

table#rate caption{
	margin-bottom: 10px;
}

#use table.normal th{
	width:200px;
}



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