@charset "utf-8";
/* CSS Document */


/* ========================================
　基本設定
======================================== */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
html{overflow: scroll;}


body{
	width: 100%;
	text-align: center;
}
.red{color:#CA0000;}
.mb_20{margin-bottom:20px;}

p{
	font-size:13px;
	text-align:left;
	line-height:140%;
}
p.indent{
	text-indent:-1.2em;
	padding-left:1.5em;
	margin-bottom:3px;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* ========================================
　リンク設定
======================================== */

a img{border:none;}
a {
	color:#CA0000;
	text-decoration:underline;
}
a:hover{text-decoration:none;}

a.link{
	background:url(../img/index/foundationcp_icon-link.gif) no-repeat left;
	padding-left:15px;
	display:block;
	margin:5px 0;
}
a.link_right{
	background:url(../img/index/foundationcp_icon-link.gif) no-repeat left;
	padding-left:15px;
	margin:5px 0;
	float:right;
	display:block;
}

/* ========================================
　H1設定
======================================== */
#h1{
	background: #ca0000;
	text-align: center;
}
#h1 h1{
	width: 900px;
	margin: 0 auto;
	padding: 5px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/* ========================================
　div#containerエリア設定
======================================== */

#container{
	text-align: center;
	margin: 0 auto;
	background:  url(../../publick/img/common/bg_container.jpg) repeat-y;
	color: #333;
}


/*  -------------------------------------
　メインエリア設定
 -------------------------------------*/
#container div#main_area{
	width:960px;
	text-align:center;
	margin:0 auto 0px auto;
	position:relative;
}

/*  -------------------------------------
　フッターエリア設定
 -------------------------------------*/

#container #footer ul{
	margin: 5px auto;
}
#container #footer li{
	display: inline;
	font-size: 12px;
	color: #fff;
}
#container #footer a:link,#footer a:visited{
	color: #fff;
	text-decoration: none;
}
#container #footer a:hover,#footera:active{
	color: #f00;
	text-decoration: underline;
}
address{
	text-align: center;
	background: #ca0000;
	color: #fff;
	font-style: normal;
	font-size: 12px;
	padding: 10px;
}



/*  ====================================
　　100715 追加 キャンペーンページ
====================================  */

body#campaignBlow{background:url(../img/index/campaignblow_bg.jpg) no-repeat center top #000;}

div#ancher{
	width:920px;
	background:url(../img/index/campaignblow_bg_ancher.gif) no-repeat bottom left;
	position:relative;
	display:block;
	height:220px;
	margin:0 auto;
}
div#ancher .box1{
	width:290px;
	float:left;
	margin-right:25px;
	position:absolute;
	top:-40px;
	left:0;
}
div#ancher .box2{
	width:290px;
	float:left;
	margin-right:25px;
	position:absolute;
	top:-40px;
	left:315px;
}
div#ancher .box3{
	width:290px;
	float:left;
	margin-right:0px;
	position:absolute;
	top:-40px;
	left:630px;
}
div#ancher .box1 p,
div#ancher .box2 p,
div#ancher .box3 p{
	text-align:left;
	margin:5px 15px;
}
div#ancher a.ancher {
	text-align:right;
	float:right;
	display:block;
	padding-left:15px;
	background:url(../img/index/campaignblow_icon_ancher.gif) no-repeat left;
	font-size:12px;
	margin:15px;
	position:absolute;
	top:210px;
	right:0px;
}

div.campaignblow_technique{
	width:960px;
	text-align:center;
	margin:15px auto;
	position:relative;
}
div.campaignblow_technique .body{
	overflow:hidden;
	display:inline-block;
	padding-bottom:20px;
	position:relative;
	margin:-2px 0 0 0;
	background:url(../img/index/campaignblow_bg_technique.gif) repeat-y center top #fff;
}

div.campaignblow_tool{
	width:960px;
	text-align:center;
	margin:15px auto;
	position:relative;
	color:#000;
}
div.campaignblow_tool .body{
	overflow:hidden;
	position:relative;
	overflow:hidden;
	display:inline-block;
	margin:-2px 0 0 0;
	background:url(../img/index/campaignblow_bg_technique.png) repeat-y left top;
}
div.campaignblow_tool .toolStyle{
	width:870px;
	margin:30px auto;
	overflow:hidden;
}
.toolStyle p.left{
	width:235px;
	float:left;
	margin-right:35px;
}
.toolStyle div.right{
	width:600px;
	text-align:left;
	float:left;
}
.toolStyle div.right p{
	margin-top:20px;
	font-size:14px;
	line-height:180%;
}
div.campaignblow_tool ul{
	clear:both;
	list-style-type:none;
	width:870px;
	margin:0 auto;
	_margin:0 0;
}

div.campaignblow_tool ul li{
	float:left;
	width:208px;
	margin-right:12px;
	
}
div.campaignblow_tool ul li.lastChild{
	margin-right:0px;
}
div.campaignblow_tool ul li img{
	margin-bottom:5px;
}
div.campaignblow_tool ul li p{
	font-size:12px;
	margin-bottom:10px;
}


div.campaignblow_technique .body div.left{
	width:490px;
	float:left;
	margin-left:50px;
	_margin-left:25px;
	overflow:hidden;
}
div.campaignblow_technique .body div.right{
	width:370px;
	float:right;
	margin-right:50px;
	_margin-right:25px;
	overflow:hidden;
}
div.campaignblow_technique .body div.left p,
div.campaignblow_technique .body div.right p{
	margin-top:20px;
	font-size:12px;
	line-height:180%;
}
div.campaignblow_technique .body div.right img{
	margin:20px 0 0 0;
	_margin-top:30px;
}
div.campaignblow_technique .body div.right p.interbank{
	margin:40px 0 0 0;
}
div.campaignblow_technique .body div.left ul{
	list-style-type:square;
	text-align:left;
	margin:5px 15px;
	
}
div.campaignblow_technique .body div.left li{
	line-height:140%;
	font-size:12px;
	margin-top:5px;
	
}

img.spread{margin:0 0;}
img.simple{margin:0 auto;}
img.completion{margin:10px auto 0 auto;}
img.expression{margin:5px auto 0 auto;}
img.load{margin:5px auto 0 auto;}
p.screentechnique02{
	position:absolute;
	left:690px;
	top:0px;
}
p.screentechnique03{
	position:absolute;
	left:690px;
	top:235px;
}
p.spreadDataAttention{
	margin:10px 0 0px 60px;
	color:#000;
	font-size:12px;
}
p.simpleOrder{
	margin:10px 0 30px 60px;
	color:#000;
	font-size:12px;
}
p.HighFunctionality{
	margin:20px 300px 40px 60px;
	color:#000;
	text-align:left;
	font-size:12px;
}

div.campaignblow_technique p.techniquefoot{ margin:0 0;}
p.pairspread{
	position:absolute;
	left:295px;
	top:248px;
	color:#000;
	font-size:12px;
	text-align:center;
}
p.spreadagreement{
	margin:0 0 0 45px;
}
p.spreadagreement span{
	color:#000;
	font-size:12px;
	margin:0 0 6px 5px;
	_margin:0 0 0px 5px;
	display:inline-block;
	overflow:hidden;
	_padding-bottom:5px;
}

div.spreadData{
width:900px;
background-color:#000;
margin:0 auto 10px auto;
padding:10px 0;
}
div.spreadData table{
margin:0 auto;
border-left:1px solid #5F0000;
border-top:1px solid #A70000;
width:880px;
background-color:#330000;
color:#FFF;
font-size:12px;
}
div.spreadData table th,
div.spreadData table td{
border-right:1px solid #5F0000;
border-bottom:1px solid #A70000;
padding:5px 0;
text-align:center;
}
div.spreadData table tr.zebla{background:#230000;}
div.spreadData table td{color:#999;}
div.spreadData table tr.head{background:#000000;}
div.spreadData table td.color_y{background:#FFF666; color:#000;}
div.spreadData table td.color_r{background:#FFF; color:#000;}


#container div.accountestablish{
	background-color:#FFF;
	overflow:hidden;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	width:100%;
}
#container div.accountestablishSec{
	background-color:#FFF;
	overflow:hidden;
	text-align:center;
	display:inline-block;
	margin:20px auto 10px auto;
	width:100%;
}

#container div.accountBody{
	text-align:center;
	width:960px;
	margin:0 auto;
}
#container div.accountestablish div.left,
#container div.accountestablishSec div.left{
	float:left;
	margin:2px 5px 0 30px;
	_margin:2px 5px 0 15px;
}
#container div.accountestablish div.right,
#container div.accountestablishSec div.right{
	float:right;
	margin:10px 20px 5px 0px;
	_margin:10px 15px 5px 0px;
}
div.accountestablish div.right p,
div.accountestablishSec div.right p{
	margin-bottom:5px;
	text-align:center;
}

img.cashback{
	margin:0px auto 20px auto; 
	display:block;
	text-align:center;
	width:960px;
}
img.cashbackTop{
	margin:0 0 20px 0; 
	display:block;
	/margin-top:-2px;
}

/* ========================================
　div#containerエリア設定
======================================== */


/* -------------------------------------
　ヘッダーエリア設定
 ------------------------------------- */
body#campaignBlow #header{
	width: 960px;
	position:absolute;
	left:30px;
	top:10px;
}
body#campaignBlow #header h2{
	float: left;
	_margin-top:-38px;
}
body#campaignBlow #header span{
	float: left;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	margin:38px auto auto 10px;
}
body#campaignBlow #header div#hmrhd{
	margin:20px 40px auto auto; 
	_margin:-20px 20px auto auto; 
	float:right;
	display:block;
}
/*  -------------------------------------
　会社概要・注意事項エリア設定
 -------------------------------------*/

#container div.blow_attention_area{
	width:960px;
	margin:15px auto 0 auto;
}
#container div.blow_attention_areaLastchild{
	margin-bottom:20px;
}

#container div.blow_attention_area .head{
	margin:0;
	padding:0;
}
#container div.blow_attention_area .foot{
	margin:0;
	padding:0;
}
#container div.blow_attention_area .body{
	overflow:hidden;
	display:inline-block;
	padding:0 0 10px 0;
	width:960px;
	color:#FFF;
}
#container div.blow_attention_area .body h2{
	padding:5px 0;
}
#container div.blow_attention_area .body p.indent{
	margin:5px 60px;
	font-size:12px;
}

/* -- 会社概要内 2カラム設定 --*/
#container div.blow_attention_area .company_left{
	float:left;
	width:360px;
	text-align:center;
	height:120px;
	padding-top:20px;
}
#container div.blow_attention_area .company_right{
	float:left;
	width:450px;
	text-align:left;
	margin-left:100px;
	font-size:12px;
	line-height:150%;
}
#container div.blow_attention_area .company_right a{
	color:#CCC;
}

#container div.blow_attention_area .company_left .company_url{
	margin:10px auto 0 100px;
}

#container div.blow_attention_area img.accountflow{ margin-top:20px;}


/* -- 特別追加 --*/
div.campaignblow_technique2{
	width:960px;
	text-align:center;
	margin:15px auto;
	position:relative;
}
div.campaignblow_technique2 .body{
	overflow:hidden;
	display:inline-block;
	padding-bottom:20px;
	position:relative;
	margin:-2px 0 0 0;
	background:url(../img/index/campaignblow_bg_technique.gif) repeat-y center top #d87f7d;
}


div.campaignblow_technique2 .body div.left{
	width:490px;
	float:left;
	margin-left:50px;
	_margin-left:25px;
	overflow:hidden;
}
div.campaignblow_technique2 .body div.right{
	width:370px;
	float:right;
	margin-right:50px;
	_margin-right:25px;
	overflow:hidden;
}
div.campaignblow_technique2 .body div.left p,
div.campaignblow_technique2 .body div.right p{
	margin-top:20px;
	font-size:12px;
	line-height:180%;
}
div.campaignblow_technique2 .body div.right img{
	margin:20px 0 0 0;
	_margin-top:30px;
}
div.campaignblow_technique2 .body div.right p.interbank{
	margin:40px 0 0 0;
}
div.campaignblow_technique2 .body div.left ul{
	list-style-type:square;
	text-align:left;
	margin:5px 15px;
	
}
div.campaignblow_technique2 .body div.left li{
	line-height:140%;
	font-size:12px;
	margin-top:5px;
	
}
div.campaignblow_technique2 p.techniquefoot{ margin:0 0;}