@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 #header{
	width: 901px;
	text-align: center;
	margin: 10px auto;
	overflow:hidden;
}
#container #header h2{
	float: left;
}
#container #header span{
	float: left;
	font-size:12px;
	vertical-align:bottom;
	font-weight:bold;
	margin:25px auto auto 10px;
}

/*  -------------------------------------
　メインエリア設定
 -------------------------------------*/
#container div#main_area{
	width:901px;
	text-align:center;
	margin:0 auto 25px auto;
}
#container div#main_area div#main_visual{
	background:url(../img/index/foundationcp_bg-main.jpg) no-repeat top left;
	width:900px;
	height:260px;
	margin-bottom:15px;
	text-align:left;
	display:inline-block;
}

#container div#main_area div#main_visual div#toptext{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	margin:40px 0 0 360px;
}
#container div#main_area div#main_visual div#cashback{
	margin-top:8px;
	margin-left:360px;
	
}
#container div#main_area div#main_visual div#data{
	background:url(../img/index/foundationcp_bg-cpndata.gif) no-repeat top left;
	width:500px;
	height:30px;
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#1B1464;
	margin-left:360px;
}
#container div#main_area div#main_visual div#data p{
	margin:0 0 0 140px;
	padding-top:7px;
}

#container div#main_area div#main_visual div#details{
	margin-left:475px;
	margin-top:15px;
	
}
*:first-child+html #container div#main_area div#main_visual div#details{
	margin-left:475px;
	margin-top:5px;
	
}
#container div#main_area div#main_visual div#detailsattention{
	margin-top:6px;
	margin-left:436px;
}
/*  -------------------------------------
　口座開設エリア設定
 -------------------------------------*/

#container div.bg_account{
	background-color:#F2F2F2;
	padding:15px;
	overflow:hidden;
	text-align:center;
}
#container div.bg_account div.account{
	clear:both;
	width:840px;
	margin:0 auto;
	height:62px;
}
#container div.account div.left{
	float:left;
	margin:5px 15px 0 0px;
}
#container div.account div.right{
	float:right;
	margin:0px 0px 0 0px;
}

#container div.account_attention{
	text-align:left;
	margin:10px auto 20px auto;
	font-size:13px;
	width:850px;
	line-height:140%;

}

/*  -------------------------------------
　設定
 -------------------------------------*/

#container div.contents_area{
	width:885px;
	margin:0 auto 20px auto;
}
#container div.contents_areaLastchild{
	margin-bottom:40px;
}
#container div.contents_area .head{
	margin:0;
	padding:0;
}
#container div.contents_area .foot{
	margin:0;
	padding:0;
}
#container div.contents_area .body{
	background:url(../img/index/foundationcp_bg-box01body.gif) repeat-y top left;
	overflow:hidden;
	padding-bottom:20px;
}

#container div.contents_area .body h2{
	margin:0 auto 20px auto;
	text-align:center;
	padding-top:20px;
}
#container div.contents_area .body h3{
	margin:20px auto 10px auto;
	text-align:center;
}
#container div.contents_area .body h4{
	margin:10px auto 15px auto;
	text-align:center;
}

/* ----- div.charmエリア -----*/

#container div.contents_area div#charm{
	width:800px;
	margin:auto;
}
#container div.contents_area div#charm div#charm_left{
	width:235px;
	float:left;
	margin-right:48px;
}
#container div.contents_area div#charm div#charm_center{
	width:235px;
	float:left;
}
#container div.contents_area div#charm div#charm_right{
	width:235px;
	float:right;
	margin-bottom:20px;
}

/* ----- div.charm_areaエリア -----*/

#container div.contents_area div.charm_area{
	width:850px;
	background-color:#FFF;
	border:1px solid #B3B3B3;
	margin:20px auto 0 auto;
	overflow:hidden;
}
#container div.contents_area div.charm_area p{
	margin:0 20px;
}
#container div.contents_area div.charm_area p.lastchild{
	margin-bottom:15px;
}

/* -- 通貨ペア最小値エリア --*/
#container div.contents_area div.charm_area ul.currency_list{
	width:812px;
	margin:10px auto;
	overflow:hidden;
}
* html #container div.contents_area div.charm_area ul.currency_list{
	width:812px;
	margin:10px 0;
}
#container div.contents_area div.charm_area ul.currency_listLastchild{
	margin-bottom:10px;
}
* html #container div.contents_area div.charm_area ul.currency_listLastchild{
	margin-bottom:10px;
}
#container div.contents_area div.charm_area ul.currency_list li.currency{
	list-style-type:none;
	float:left;
	margin-right:10px;

}
#container div.contents_area div.charm_area ul.currency_list li.currencyLastchild{
	list-style-type:none;
	float:left;
	margin-right:none;
}

/* -- 約定実績テーブルエリア --*/

#container div.contents_area .body div.charm_area div.bg_blc{
	background-color:#000;
	width:812px;
	padding:1px;
	font-size:14px;
	margin:10px auto;
}
#container div.contents_area .body div.charm_area div.bg_blc table{
	width:100%;
	border-top:1px solid #666;
	border-left:1px solid #666;
}
#container div.contents_area .body div.charm_area div.bg_blc table th{
	background-color:#4D4D4D;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	color:#F7931E;
	padding:8px 5px;
}
#container div.contents_area .body div.charm_area div.bg_blc table td{
	background-color:#FFF;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	text-align:center;
	padding:8px 5px;
}
#container div.contents_area .body div.charm_area div.bg_blc table td.color_r{
	background-color:#F9D0C6;
}
#container div.contents_area .body div.charm_area div.bg_blc table td.color_y{
	background-color:#FCF29F;
}

/* -- div.charm_areaエリア内 2カラム設定 --*/

#container div.contents_area div.charm_area div.module_contents{
	width:830px;
	margin: auto;	
}
#container div.contents_area div.charm_area div.module_contents p{
	margin:0 10px;
}
#container div.contents_area div.charm_area div.module_contents div.left_contents{
	float:left;
	text-align:left;
	width:410px;
	overflow:hidden;
	margin-bottom:15px;
}
#container div.contents_area div.charm_area div.module_contents div.right_contents{
	float:right;
	text-align:left;
	width:410px;
	overflow:hidden;
	margin-bottom:15px;
}
/* -- div.charm_areaエリア 2カラム内リスト設定 --*/
#container div.contents_area div.charm_area div.module_contents ul.list{
	margin:5px 10px 0 10px;
}
#container div.contents_area div.charm_area div.module_contents ul.list li{
	list-style-type:none;
	line-height:140%;
	background:url(../img/index/foundationcp_icon-list.gif) no-repeat left 5px;
	padding-left:15px;
	font-size:13px;
}


/* -- div.charm_areaエリア 初期画面リスト設定 --*/

#container div.contents_area div.charm_area #tool{
    margin-left:auto;
	margin-right:auto;
	width:600px;
	font-size:14px;
	line-height:180%;
}
#container div.contents_area div.charm_area #tool p.title{
	font-weight:bold;
	color:#FFF88C;
	margin:0 15px;
}

#container div.contents_area div.charm_area #tool .box01{
	background-color:#39608B;
	width:470px;
	display:block;
	overflow:hidden;
	float:left;
	padding:10px 0px;
	text-align:left;
	color:#FFF;

}
#container div.contents_area div.charm_area #tool .box02{
	background-color:#39608B;
	width:280px;
	overflow:hidden;
	float:left;
	padding:10px 0px;
	text-align:left;
	color:#FFF;
	min-height:95px;

}
#container div.contents_area div.charm_area #tool .box03{
	background-color:#39608B;
	width:280px;
	overflow:hidden;
	float:left;
	padding:10px 0px;
	text-align:left;
	color:#FFF;
	margin-bottom:10px;
	margin-left:25px;
	min-height:95px;
}
#container div.contents_area div.charm_area #tool .box02,
#container div.contents_area div.charm_area #tool .box03{
	height:105px;
	display:inline-block;
	overflow:hidden;
}

#container div.contents_area div.charm_area p.tool_attention{
	margin:10px 20px 40px 10px;
	text-align:right;
	clear:both;
}



/*  -------------------------------------
　会社概要・注意事項エリア設定
 -------------------------------------*/

#container div.attention_area{
	width:881px;
	margin:0 auto 20px auto;
}
#container div.attention_areaLastchild{
	margin-bottom:40px;
}

#container div.attention_area .head{
	margin:0;
	padding:0;
}
#container div.attention_area .foot{
	margin:0;
	padding:0;
}
#container div.attention_area .body{
	background-color:#F2F2F2;
	overflow:hidden;
	display:inline-block;
	padding:0 0 10px 0;
	width:881px;
}
#container div.attention_area .body h2{
	padding:15px 0;
}
#container div.attention_area .body p.indent{
	margin:5px 20px;
}

/* -- 会社概要内 2カラム設定 --*/
#container div.attention_area .company_left{
	float:left;
	width:360px;
	text-align:center;
	background:url(../img/index/foundationcp_bg-company.jpg) no-repeat 20px 5px;
	height:120px;
	padding-top:20px;
}
#container div.attention_area .company_right{
	float:left;
	width:450px;
	text-align:left;
	margin-left:20px;
	font-size:14px;
	line-height:150%;
}
#container div.attention_area .company_left .company_url{
	margin:10px auto 0 100px;
}



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

#container #footer ul{
	margin: 5px auto;
}
#container #footer li{
	display: inline;
	font-size: 12px;
	color: #666;
}
#container #footer a:link,#footer a:visited{
	color: #666;
	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;
}

/*  ====================================
　　　sp_zero.html 設定
====================================  */

.mb_40{margin-bottom:40px;}

#container div.spzero_main_area{
	width:905px;
	margin:0 auto 25px auto;
}
#container #spread_area{
	width:871px;
	height:120px;
	background:url(../img/sp_zero/sp_zero_spread-bg.jpg) no-repeat;
	margin:0 auto 50px auto;	
	text-align:left;
}
#container #spread_area #title{
	margin:18px 0 13px 17px;
	width:533px;
	float:left;
}
* html #container #spread_area #title{
	margin-left:8px;
}
#container #spread_area .btn{
	float:left;
	margin:21px 0 0 30px;
}
#container #spread_area p{
	clear:both;
	margin:0 0 0 25px;
}


/*  ====================================
　　　100324 追記 設定
====================================  */


#container div#main_area div#main_visual_area{
	width:900px;
	margin-bottom:20px;
	display:inline-block;
}

/*  ====================================
　　　100412 追記 設定-NEWツール
====================================  */

body#Newcamp{background:url(../img/common/campaign_bg.jpg) repeat-x left top;}

#container div.gpboxcover{
	width:901px;
	margin:0 auto;
	text-align:center;
}
#container div.gpbox{
	background:url(../img/index/newtool_gpboxside.gif) no-repeat bottom left;
	width:901px;
	margin:0 auto 20px auto;
	overflow:hidden;
}

#container div.gpbox p.left{ float:left; margin:18px 20px auto 20px;}
* html #container div.gpbox p.left{margin-left:10px;}
#container div.gpbox p.center{ float:left; margin:35px 0 0 0;}
#container div.gpbox p.right{ float:right; margin:8px 15px 11px 0px;}
* html #container div.gpbox p.right{ margin-right:7px;}

#container div.gpbox p.left2{ float:left;margin:20px 15px 20px 20px;}
* html #container div.gpbox p.left2{ margin-left:10px;}
#container div.gpbox p.right2{ float:right; margin:23px 20px 23px 23px;}
* html #container div.gpbox p.right2{margin-right:10px;}

#container div.bg_account div.cashback_accnt{
	clear:both;
	width:880px;
	margin:0 auto;
	height:62px;
}

#container div.charm_area div.cbcpimg{
	margin:10px auto;
	text-align:center;
}



/*  ====================================
　　　newtool.html  設定
====================================  */

#container #newtool_threecolumn{
	width:900px;
	margin:0 auto 40px auto;
	text-align:center;
	background:url(../img/index/newtool_detail_bg_charm.gif) no-repeat bottom left;
	overflow:hidden;


}
#container #newtool_threecolumn #left{
	float:left;
	width:290px;
	margin-right:15px;
}
#container #newtool_threecolumn #center{
	float:left;
	width:290px;
}
#container #newtool_threecolumn #right{
	float:right;
	width:290px;
}

#container #newtool_threecolumn div.text{
	float:left;
	width:110px;
	font-size:90%;
	line-height:180%;
	text-align:left;
	margin:10px auto auto 18px;
	
}
#container #newtool_threecolumn div.img{
	float:right;
	margin:10px 17px 24px auto;
}
* html #container #newtool_threecolumn div.text{
	margin-left:0px;
	width:133px;
	padding:0px 10px 5px 18px;

}
* html #container #newtool_threecolumn div.img{
	margin-right:10px;
}


#container div.cashb_account{
	background-color:#F2F2F2;
	padding:15px;
	overflow:hidden;
	text-align:center;
}
#container div.cashb_account div.account{
	clear:both;
	width:880px;
	margin:0 auto;
	height:62px;
}
#container div.account div.left{
	float:left;
	margin:5px 15px 0 0px;
}
#container div.account div.right{
	float:right;
	margin:0px 0px 0 0px;
}


#container #system_outline{
	width:900px;
	margin:40px auto 40px auto;
	text-align:center;
	overflow:hidden;
	background:url(../img/index/newtool_detail_body.jpg) repeat-y bottom #f0f0f0;
	padding:0 0;
	font-size:13px;
	
}
#container #system_outline #head{
	background:url(../img/index/newtool_detail_bghead.jpg) no-repeat top;
	height:6px;
}
#container #system_outline #foot{
	background:url(../img/index/newtool_detail_foot.jpg) no-repeat bottom;
	height:6px;
	clear:both;
}
#container #system_outline h2{
	margin:10px auto;
}
#container #system_outline #tool{
	margin:20px auto 10px auto;
	width:830px;
	font-size:14px;
	line-height:180%;
}
#container #system_outline #tool p.title{
	font-weight:bold;
	color:#FFF88C;
	margin:0 15px;
}
#container #system_outline #tool p{
	margin:0 15px;
}

#container #system_outline #tool .box01{
	background-color:#39608B;
	width:470px;
	display:block;
	overflow:hidden;
	float:left;
	padding:10px 0px;
	text-align:left;
	color:#FFF;

}
#container #system_outline #tool .box02{
	background-color:#39608B;
	width:406px;
	overflow:hidden;
	float:left;
	padding:10px 0px;
	text-align:left;
	color:#FFF;
	min-height:75px;

}
#container #system_outline #tool .box03{
	background-color:#39608B;
	width:406px;
	overflow:hidden;
	float:right;
	padding:10px 0px;
	text-align:left;
	color:#FFF;
	margin-bottom:10px;
	min-height:75px;
}
* html #container #system_outline #tool .box02,
* html #container #system_outline #tool .box03{
	height:95px;
	display:inline-block;
	overflow:hidden;
}

#container #system_outline p.tool_attention{
	margin:10px 30px 20px 10px;
	text-align:right;
	clear:both;
}

#container #system_outline #faq{
	text-align:left;
	padding:10px 25px;
}
#container #system_outline #faq dl{
	line-height:140%;
}
#container #system_outline #faq dt{
	border:1px solid #006;
	background-color:#39608B;
	padding:10px;
	color:#FFF;
	font-weight:bold;
	
}
#container #system_outline #faq dd{
	margin-bottom:10px;
	border:1px solid #006;
	border-top:none;
	background-color:#FFF;
	padding:10px;
}

#container #system_outline #flow{
	text-align:left;
	padding:10px 25px;
}
#container #system_outline #flow #flow_schedule{
	margin:10px 0;
	padding:10px;
}
#container #system_outline #flow #flow_schedule table{
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	font-size:12px;
}
#container #system_outline #flow #flow_schedule table th,
#container #system_outline #flow #flow_schedule table td{
	padding:5px;
	background-color:#FFF;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
}
#container #system_outline #flow #flow_schedule table th.border,
#container #system_outline #flow #flow_schedule table td.border{
	border-bottom:2px solid #999;
}

#container #system_outline #flow #flow_schedule table th.account{
	background-color: #CEEAD8;
}
#container #system_outline #flow #flow_schedule table th.date{
	background-color: #fff;
	font-size:12px;
	white-space:nowrap;
	font-weight:normal;
	color:#666;
}
#container #system_outline #flow #flow_schedule table th.holiday{
	background-color: #FEEAAD;
}
#container #system_outline #flow #flow_schedule table th.sunday{
	background-color: #FDD5D9;
	
}
#container #system_outline #flow #flow_schedule table th.satday{
	background-color: #D9ECFD;
}

#container #system_outline #flow #flow_schedule table td.former_system{
	background-color: #FFC;	
}
#container #system_outline #flow #flow_schedule table td.new_system{
	background-color: #F69;
	font-weight:bold;
	color:#fff;
}
#container #system_outline #flow #flow_schedule table td.future{
	background-color:#F60;
	color:#FFF;
	font-weight:bold;
}
#container #system_outline #flow #flow_schedule table td.maintenance{
	background-color: #dcdcdc;
	white-space:nowrap;
}
#container #system_outline #flow #flow_schedule table td.term{
	border-left:none;
	padding:10px 5px;
	
}
#container #system_outline #flow #flow_schedule table td.updata{
	background:url(../img/index/newtool_detail_bg_updata.gif) repeat;
}
#container #system_outline #flow #flow_schedule table td.dlinstall{
	background:url(../img/index/newtool_detail_bg_install.gif) repeat;
}
#container #system_outline #flow #flow_schedule table td.application{
	background:url(../img/index/newtool_detail_bg_application.gif) repeat;
}

/*  ====================================
　　　100412 追記 設定-争奪GP
====================================  */

#container div#main_area div#gp_visual_area{
	width:900px;
	background:url(../img/index/10gp_bg-main.jpg) repeat-x left;
	display:inline-block;
	height:290px;
}

#container div#main_area div#gp_visual_area div.title_area{float:left;}
#container div#main_area div#gp_visual_area div.title_area p.title01{margin:34px 0 0 24px;}
#container div#main_area div#gp_visual_area div.title_area p.title02{margin:17px 0 0 35px;}

#container div#main_area div#gp_visual_area div.countdown{
	float:right;
	margin:25px 25px auto auto;
	background:url(../img/index/10gp_bg_countdown.jpg) no-repeat left top;
	height:244px;
	width:195px;
}
* html #container div#main_area div#gp_visual_area div.countdown{
	margin-right:12px;
}

#container div#main_area div#gp_visual_area div.countdown p.caption_start{margin:16px 0 0 20px;}
#container div#main_area div#gp_visual_area div.countdown p.caption_cd{margin:22px 0 0 12px;}
#container div#main_area div#gp_visual_area div.countdown p.coutdown_btn{
	margin:10px auto 0 auto;
	text-align:center;
}
#container div#GPcontents_area{
	width:901px;
	margin:20px auto;
	text-align:center;
}
#container div#GPcontents_area div.GPcampboxhead{
	width:901px;
	margin:0 0;
	padding:0 0;
}
#container div#GPcontents_area div.GPcampboxfoot{
	background:url(../img/index/10gp_boxfoot.gif) no-repeat top;
	width:901px;
	height:5px;
	margin:0 0;
}

div.attention_area ul.attention_list{
	text-align:left;
	font-size:13px;
}
div.attention_area ul.attention_list li{
	margin:5px 20px;
	list-style-type:none;
	background:url(../img/index/10gp_icon_attention.gif) no-repeat left 5px;
	padding-left:20px;
}

div#container div#GPcamp-tabArea div.tabContents{
	margin:0 0;
}
div#container div#GPcamp-tabArea div.tabContentsinner{
	margin:30px auto 0 auto;
	text-align:center;
	width:850px;
	padding-bottom:20px;
}
div#container div#GPcamp-tabArea div.tabContentsinner h2{margin-bottom:30px;}
div#container div#GPcamp-tabArea table{
	border-top:1px solid #005E39;
	border-left:1px solid #005E39;
	line-height:130%;
}
div#container div#GPcamp-tabArea table th{
	border-bottom:1px solid #005E39;
	border-right:1px solid #005E39;
	background-color:#E4F3F0;
	padding:10px
	
}
div#container div#GPcamp-tabArea table td{
	border-bottom:1px solid #005E39;
	border-right:1px solid #005E39;
	background-color:#FFFEF9;
	padding:10px
}
div#container div#GPcamp-tabArea table.basic{
	margin:0 auto;
	text-align:center;
	font-size:13px;
}
div#container div#GPcamp-tabArea table.inner{
	margin:5px 0;
	font-size:12px;
}

div#container ul.gp_list{}
div#container ul.gp_list li{
	background:url(../img/index/10gp_icon_attention.gif) no-repeat left 5px;
	padding-left:20px;
	list-style-type:none;
	margin:5px;
	line-height:140%;
	text-align:left;
	font-size:14px;
}
div#container ul.link{
	overflow:hidden;
	margin:0px auto 20px auto;
	text-align:center;
	width:720px;
}
div#container ul.link li{
	background:url(../img/index/foundationcp_icon-link.gif) no-repeat left;
	float:left;
	margin:5px 20px 20px 0;
	padding-left:15px;
	list-style-type:none;
	line-height:140%;
	font-size:14px;
}


div#container div#GPcamp-tabArea p.attention{margin:5px 20px;}
	
div#container div#GPcamp-tabArea div.application{
	margin:10px auto 0 auto;
	width:817px;
}
div#container div#GPcamp-tabArea div.applicationbox{
	width:817px;
	background:url(../img/index/10gp_bg-application.gif) repeat-y top;
	margin:0 auto 10px auto;
	border-bottom:2px solid #006837;
	padding:20px 0;
}

div#container div#GPcamp-tabArea div.applicationbox p.application{
	padding-left:15px;

}
div#container div#GPcamp-tabArea div.center{
	margin:15px auto;
	text-align:center;
}

div#container div#GPcamp-tabArea a{
	color:#2C3091;
	text-decoration:underline;
}
div#container div#GPcamp-tabArea a:hover{text-decoration:none;}

/*
div#GPcamp-tabArea タブパネルモジュール（jQuery UI tabs使用）
---------------------------------------------------------*/
div#container div#GPcamp-tabArea {
	margin: 10px 0;
	width: 901px;
}

div#container div#GPcamp-tabAreaInner {
	padding:0 0;
	margin:0 0;
}

div#container div#GPcamp-tabArea ul#tabs {
	margin: 0 auto;
	padding: 0;
	width: 860px;
	height: 36px;
	background: url(../img/index/10gp_tab-bg.jpg) left top no-repeat;
}
* html div#container div#GPcamp-tabArea ul#tabs {
	margin:0px;

}
div#container div#GPcamp-tabArea ul#tabs li {
	margin: 0 0;
	padding: 0;
	display:block;
	float: left;
	width: 280px;
	background: none;
	list-style-type:none;
}

div#container div#GPcamp-tabArea ul#tabs li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 280px;
	height: 36px;
}

div#container div#GPcamp-tabArea ul#tabs li.firstChild {
	width: 280px;
}
div#container div#GPcamp-tabArea ul#tabs li.firstChild a {
	width: 280px;
}

div#container div#GPcamp-tabArea ul#tabs li.lastChild,
div#container div#GPcamp-tabArea ul#tabs li.lastChild a {
	width: 298px;
}

div#container div#GPcamp-tabArea div.tabContents {
	padding: 10px 0px 0px;
	clear: both;
	width:901px;
	background:url(../img/index/10gp_boxbody.gif) repeat-y top;
}

/*
Tabs（jQuery UI tabsで動的に制御、上記タブパネルモジュールに付随。）
---------------------------------------------------------*/
ul.ui-tabs-nav {
	position: relative;
}

ul.ui-tabs-nav li.ui-tabs-selected a {
	background: none;	/* for IE6 */
}

ul.ui-tabs-nav li.ui-tabs-selected a img {
	width: 0;
	height: 0;
}

div.ui-tabs-panel {
	display: block;
	background: none;
}

div.ui-tabs-hide {
	display: none !important;
}

/*
Countdown（jQuery countdownに付随）
---------------------------------------------------------*/

.hasCountdown {
	margin:6px 5px 0 5px;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 0px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 30px;
	color:#FFF;
	font-weight:bold;
}
.countdown_descr {
	display: block;
	width: 100%;
}

/* フォント Styles
******************************************************************************** */
.fs8 {font-size:8px !important;}
.fs9 {font-size:9px !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs19 {font-size:19px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs23 {font-size:23px !important;}
.fs28 {font-size:28px !important;}
.fs32 {font-size:32px !important;}


.fsp8 {font-size:8pt !important;}
.fsp9 {font-size:9pt !important;}
.fsp10 {font-size:10pt !important;}
.fsp11 {font-size:11pt !important;}
.fsp12 {font-size:12pt !important;}
.fsp13 {font-size:13pt !important;}
.fsp14 {font-size:14pt !important;}
.fsp15 {font-size:15pt !important;}
.fsp16 {font-size:16pt !important;}
.fsp17 {font-size:17pt !important;}
.fsp18 {font-size:18pt !important;}
.fsp19 {font-size:19pt !important;}
.fsp20 {font-size:20pt !important;}

.bold { font-weight:bold !important;}
.f_red{ color:#FF0000;}
/********************************************************************************* */
	
.mg0t {margin-top:0px !important;}
.mg0b {margin-bottom:0px !important;}
.mg0l {margin-left:0px !important;}
.mg3l {margin-left:3px !important;}
.mg5l {margin-left:5px !important;}
.mg8l {margin-left:8px !important;}
.mg10l {margin-left:10px !important;}
.mg15l {margin-left:15px !important;}
.mg20l {margin-left:20px !important;}
.mg25l {margin-left:25px !important;}
.mg30l {margin-left:30px !important;}
.mg35l {margin-left:35px !important;}
.mg40l {margin-left:40px !important;}
.mg45l {margin-left:45px !important;}
.mg50l {margin-left:50px !important;}
.mg0r {margin-right:0px !important;}


/*ポイントサイト用*/

.pt01{
	border:solid 2px #999999;
	width:780px;
	background-color:#F0F2FF;
	margin:0 auto 20px auto;
	text-align:left;
}

.pt01 .head{
	padding-left: 0px;
	padding-right: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 6px;
	background-color:#ffffff;
	border-bottom:1px dotted #999999;
}

.pt01 .foot{
	padding-left: 4px;
	padding-right: 4px;
	padding-left:10px;
	margin-bottom: 6px;
}

.pt01 .font1 {
	font-size:18px;
	line-height:130%;
	font-weight: bold;
	color:#E20001;
	}
	
.pt01 .font2 {
    font-size:14px;
	line-height:150%;
	font-weight: bold;
	color:#0F2188;
	}
	
.pt01 .font2 span{	
	color:#ff0000;
    font-size:100%;
	line-height:150%;
	font-weight: bold;
	}
.pt01 .font3 {
	font-size:120%;
	line-height:130%;
	color:#ff0000;
}

.pt01 .font4 {
	font-size:230%;
	line-height:130%;
	color:#3F5188;
}	


/*---------ZERO-CH Ver2.0 新規設定----------*/

#system #main-inner #tool{
	margin:20px auto 10px 20px;
	width:600px;
	font-size:14px;
	line-height:180%;
}
#system #main-inner #tool p.title{
	font-weight:bold;
	color:#FFF88C;
	margin:0 15px;
}

#system #main-inner #tool .box01{
	background-color:#39608B;
	width:470px;
	display:block;
	overflow:hidden;
	float:left;
	padding:10px 0px;
	text-align:left;
	color:#FFF;

}
#system #main-inner #tool .box02{
	background-color:#39608B;
	width:280px;
	overflow:hidden;
	float:left;
	padding:10px 0px;
	text-align:left;
	color:#FFF;
	min-height:95px;

}
#system #main-inner #tool .box03{
	background-color:#39608B;
	width:280px;
	overflow:hidden;
	float:left;
	padding:10px 0px;
	text-align:left;
	color:#FFF;
	margin-bottom:10px;
	margin-left:25px;
	min-height:95px;
}
#system #main-inner #tool .box02,
#system #main-inner #tool .box03{
	height:105px;
	display:inline-block;
	overflow:hidden;
}

#system #main-inner p.tool_attention{
	margin:10px 20px 40px 10px;
	text-align:right;
	clear:both;
}

#system #main-inner #newtool_threecolumn{
	width:620px;
	margin:0 auto 40px auto;
	text-align:center;
	background:url(../../system/img/system_newtool_detail_bg_charm.gif) no-repeat bottom left;
	overflow:hidden;
	padding-bottom:10px;


}
#system #main-inner #newtool_threecolumn #left{
	float:left;
	width:200px;
	margin-right:10px;
}
#system #main-inner #newtool_threecolumn #center{
	float:left;
	width:200px;
}
#system #main-inner #newtool_threecolumn #right{
	float:right;
	width:200px;
}

#system #main-inner  #newtool_threecolumn div.text{
	float:left;
	font-size:90%;
	line-height:180%;
	text-align:left;
	margin:0px 10px 5px 10px;
	
}
* html #system #main-inner #newtool_threecolumn div.text{
	margin-left:0px;
	padding:0px 10px 0px 10px;

}

#system #main-inner #newtool_threecolumn p.img{
	float:right;
	width:90px;
	margin:0 10px 5px 10px;
}
* html #system #main-inner #newtool_threecolumn p.img{
	margin:0 0;
	padding-left:10px;
}

/*  ====================================
　　　ZAIFX キャンペーンページ
====================================  */

table.zaifx{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
width:880px;
margin:0 auto 20px auto;
text-align:center;
font-size:13px;
}
table.zaifx th,
table.zaifx td{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px 8px;
text-align:left;
}
table.zaifx th{
background-color:#99CF19;
color:#FFF;
}

ul.zaiList{
list-style-type: disc;
margin-bottom:10px;
}
ul.zaiListLastchild{
margin-bottom:0px;
}

ul.zaiList li{
margin:2px 0 2px 20px;
}