@charset "shift-JIS";

ul,dl{
	margin:0;
}

h1#title{
	width:740px;
	height:27px;
	background:url(../image/index/title.gif) no-repeat;
}

div.section{
	margin:0 30px 50px;
	text-align:left;
}

h2{
	width:690px;
	height:35px;
	clear:left;
}

h2#use{background:url(../image/index/h2_03.jpg);}
h2#point_service{background:url(../image/index/h2_04.jpg);}
h2#recommend{background:url(../image/index/h2_05.jpg);}
h2#site{background:url(../image/index/h2_06.jpg);}

ul#jump{
	border-right:1px solid #D3B494;
	border-bottom:1px solid #D3B494;
	border-left:1px solid #D3B494;
	background:#fff;
	padding:7px 28px;
}

ul#jump li{
	float:left;
	padding:0 10px 0 8px;
	font-weight:bold;
	background:url(../image/index/bullet.gif) no-repeat 0 50%;
	white-space:nowrap;
	line-height:2;
}

ul#jump li a{
	text-decoration:none;
}
div#services{
	border-right:1px solid #D2B494;
	border-left:1px solid #D2B494;
	background:#F3F4EC;
	padding:12px 0 6px;
}

div#services_foot{
	background:url(../image/index/services_foot.gif) left bottom no-repeat;
	height:6px;
	font-size:0;
}

div#services ul{
	padding:4px 0 7px 23px;
	margin:0 9px 6px;
	background:url(../image/index/bg1.gif) no-repeat left bottom;
}

div#services ul.bg2{
	background:url(../image/index/bg2.gif) no-repeat left bottom;
}

div#services ul li{
	float:left;
	margin:0 6px 6px 0;
	line-height:0;
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
*:first-child+html .clearfix {display: inline-block;}
* html .clearfix {height: 1%;}

/* clear */
.clear {
	display: block;
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	}
	
div.main {
margin: 15px;
}

div.unit {
margin: 0 10px;
}

/* ul.flow
---------------------------------- */

ul#btns_anc	{
	background:url(../image/creditcharge_flow4/btn_bg.gif);
	clear:both;
	padding: 5px 85px 1px;
	margin:0 0 16px;
}
	
	ul#btns_anc	li.left{
		float:left;
	}
	ul#btns_anc	li.right{
		float:right;
	}
#contents  p.txt	{
	padding:0 0 2em;}	

#contents  p.imgL	{
	text-align:left;}

#contents  p.flowtext.sp	{
	width:215px;
	padding:.5em .5em 62px;}

#contents  p.flowtext.sp.t	{
	width:230px;
	padding:.5em 1em 62px;}

div.box_flow.m	{
	float:left;
	}

#contents .article	{
	width:710px;
	margin:0 auto;
	text-align:left}


ul.flow	{
	clear:both;
	margin:0;
	* margin:0 0 2em;	
	}
	
ul.flow li	{
	float:left;
	margin:0 0 2em;	
	padding:0;
	}

ul.flow li img	{
	display:block;
	
	}

ul.flow li span.text	{
	display:block;
	padding-left:2em;
}


ul.hedge.bgGray	{
	background:#f3f4ec;
	padding:.5em 1em;
	margin-bottom:32px;
	}

div.hedge{
	margin:15px;
	font-size:80%;
	background:#F3F4EC url(../image/bg_hedge_top.gif) no-repeat top;
}
div.hedge ul{
	padding:5px;
	background:url(../image/bg_hedge_btm.gif) no-repeat bottom;
}
ul.hedge{
	font-size:80%;
}

.clearboth	{
	clear:both;}

.attentionBox{
	border:2px solid #f00;
	width:100%;
	text-align:left;
	margin-bottom:20px;}

.attentionBox p{
	color:#f00;
	font-weight:bold;
	margin:10px;}

.attentionBox p.poplink{
	font-weight:normal;}

p.linkTxt2 img {
vertical-align: middle;
margin-right: 5px;
}



.chargeLink { position:relative;}
.chargeLink .link {
	position:absolute;
	bottom:10px;
	left:15px;

}
.chargeLink .link p {
	font-size:100%;
	margin-bottom:5px;
}
.chargeLink .link p a {
	padding-right: 15px;
	background: url(../image/index/icn_link.gif) no-repeat right center;
}