@charset "utf-8";

.clrEb7000 {
	color:#EB7000;
}

.pdf {
	padding-left: 20px;
	background: url(/pc/resources_shared/images/icn_pdf.gif) no-repeat 0 0;
}


/* foreign_deposit 外貨預金の重要事項BOX
-------------------------------------------------------------- */
div#importantBlock {
	margin: 10px 0;
	padding: 0;
}

/* foreign_deposit 為替レートBOX
-------------------------------------------------------------- */
table.rateBox {
	width: 100%;
	border-collapse:collapse;
	border: 0;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
}
table.rateBox th,
table.rateBox td {
	padding: 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	vertical-align: middle;
	text-align: center;
}
	table.rateBox th {
		background: #EEEEEE;
		font-weight:bold;
	}
		table.rateBox th.usa {
			background: #EEEEEE url(../images/bg_usa.gif) bottom;
		}
		table.rateBox th.euro {
			background: #EEEEEE url(../images/bg_euro.gif) bottom;
		}
		table.rateBox th.aus {
			background: #EEEEEE url(../images/bg_aus.gif) bottom;
		}
			.flagImg {
				float: left;
				text-align:left;
				padding: 0;
				width: 45%;
			}
			.flagTxt {
				float: right;
				text-align:left;
				padding: 0;
				width: 55%;
			}
				.flagTxt p {
					line-height:105%;
				}
				.flagTxt p a {
					background:transparent url(/pc/resources_shared/images/icn_arrow_01.gif) no-repeat scroll 0 0.4em;
					font-size:85%;
					font-weight:normal;
					color:#eb7000;
					padding-left:8px;
				}
				.flagTxt p a:hover {
					color:#0000ff;
				}
	table.rateBox td {
		font-weight:bold;
		font-size:120%;
	}


/* foreign_deposit 外貨預金上部タブ
-------------------------------------------------------------- */
div#beginnerTabbed {
	margin:10px 0;
}
div#beginnerTabbed ul li {
	float: left;
	line-height: 0;
}
/* for IE */
*:first-child+html div#beginnerTabbed ul li {
	margin-bottom: -3px;
}
* html body div#beginnerTabbed ul li {
	margin-bottom: -3px;
}
/* end: for IE */


/* foreign_deposit 外為・マーケット情報
-------------------------------------------------------------- */
div.jiji_news {
	width:535px;
}
div.jiji_news .title {
	width:540px;
	padding-bottom:4px;
	padding-left:5px;
	background:url(/pc/guidance/service/foreign_deposit/resources/images/bg_ttl_news_btm.gif) no-repeat left bottom;
}
div.jiji_news .title .lTtl {
	font-weight:bold;
	float: left;
}
div.jiji_news .title .rTtl {
	float: right;
	text-align: right;
	font-size: 12px;
	margin-top: 3px;
	margin-left: auto;
	padding-left: 15px;
	background: url(/pc/resources_shared/new_images/icn_arrow_square_01.gif) no-repeat 0 0.25em;
}
div.jiji_news .title .rTtl2 {
	float: right;
	text-align: right;
	font-size: 12px;
	padding-left: 15px;
	padding-bottom:4px;
}
div.jiji_news .title a:link {color:#333333; text-decoration:none; background-color:transparent;}
div.jiji_news .title a:visited {color:#333333; text-decoration:none; background-color: transparent;}
div.jiji_news .title a:hover,a:active {color:#eb7000; text-decoration: underline; background-color: transparent;}

div.jiji_news iframe {
	width:545px;
	height:450px;
	margin:0 0 5px 0;
	border:none;
}
div.jiji_news iframe.one_line {
	height:30px;
}
div.jiji_news .publisher
{
	text-align: right;
	font-size: 11px;
}

/* コラム 
-------------------------------------------------------------- */
.column-table{
	width:100%;
	border:0; 
	border-collapse:collapse;
}
.column-table td{padding:5px 3px; border-bottom:1px #dfdfdf solid ;text-align: center;}
.column-table th{padding:5px 3px;border-bottom:1px #dfdfdf solid ; text-align:left; width:40px; font-weight:none;}


/* beginner 外貨預金の基礎知識 
-------------------------------------------------------------- */
.str {
	color:#ff0000;
	font-weight:bold;
} 

.word {
	color:#ff0000;
}

.bgArw {
	background:url(../../beginner/resources/images/example_img_06.gif) no-repeat left bottom;
	margin:0 15px;
	padding:10px 0 10px 20px;
}

.subtitle {
	margin:0 10px;
	padding:5px;
	background:#eb7000;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}
	.subtitle strong {
		padding-left:2px;
		font-size:120%;
	}

.exImg {
	border:dotted 2px #5383c3;
	padding:5px;
}

.mgnL15 {
	margin-left:15px;
}	
.mgnR15 {
	margin-right:15px;
}	
.mgnT5 {
	margin-top:5px;
}	
.pdgT15 {
	padding-top:15px;
}	
.valM {
	vertical-align:middle;
}


/* beginner 外貨預金の基礎知識 上部リスト
-------------------------------------------------------------- */
ul.topList {
	margin: 3px 0 0 0;
}
ul.topList li {
	list-style-type: none;
	padding-bottom: 2px;
	padding-left: 14px;
	background: url(../images/icn_tree_01.gif) no-repeat;
	line-height: 1.2em;
}

ul.topList li.lastChild {
	background: url(../images/icn_tree_02.gif) no-repeat 0 50%;
}

ul.inline {
	display: inline;
}


/* beginner 外貨預金の基礎知識 右に画像フロート
-------------------------------------------------------------- */
.leftSentence {
	float: left;
	width: 285px;
	padding-right:10px;
} 

.rightImg {
	float: right;
	text-align:right;
	width: 250px;
}

.clrBoth {
	clear: both;
}

/* beginner 外貨預金の基礎知識 左右分割
-------------------------------------------------------------- */
.leftS {
	float: left;
	width: 250px;
} 

.rightS {
	float: right;
	width: 250px;
}

/* 外貨預金タイトル 重要事項バナー左右分割
-------------------------------------------------------------- */
.h1_2colum {
	vertical-align:bottom;
}

.h1_left {
	float:left;
	margin-top:15px;
} 
.h1_right{
	float:right;
	margin-top:15px;
}


/* 外貨預金 ログイン誘導
-------------------------------------------------------------- */
div.f-deposit-login{border:2px #eb7000 solid;}

div.f-deposit-login .logintitle{ 
	background-color:#eb7000;
	padding:5px 10px;
	color:#fff;
	clear:both;
}
div.f-deposit-login .logintitle a:link {color: #fff;}
div.f-deposit-login .logintitle a:visited {color: #fff;}
div.f-deposit-login .logintitle a:hover, div.f-deposit-login .logintitle a:active {color: #fff; text-decoration:none;}
div.f-deposit-login .logintitle a:focus{outline:none;}

div.f-deposit-login .f-left{ float:left;} 
div.f-deposit-login .f-right{ float:right;} 
div.f-deposit-login .clear,
div.f-deposit-login02 .clear{clear:both;}
div.f-deposit-login li{font-size:85%;}

div.f-deposit-login .loginbox{
	margin-top:15px;
	padding:0 12px 15px;
	background:url(../images/login_boxbg.gif) repeat-y;
	/*\*/
	height:1%;
	/**/
} 

div.f-deposit-login .loginbox-left{width:300px; float:left;}
div.f-deposit-login .loginbox-right{width:186px; float:right;}
div.f-deposit-login .pctitle{background:url(/pc/guidance/service/foreign_deposit/resources/images/title_step3.gif) no-repeat left center; padding-left:35px;line-height:120%;}
div.f-deposit-login .mobiletitle{background:url(/pc/guidance/service/foreign_deposit/resources/images/title_step4.gif) no-repeat left center; padding-left:40px;line-height:120%;}

div.f-deposit-login .account-box{ 
	border-top:1px #eb7000 solid; 
	padding:10px 0; 
	margin:10px 12px 5px;
}
div.f-deposit-login .account-box02{ 
	border-bottom:1px #eb7000 solid; 
	padding:5px 0 15px; 
	margin:5px 12px 10px;
}

div.f-deposit-login .campaign-box{ 
	padding:10px 15px; 
}
div.f-deposit-login .campaign-box02{ 
	border-top:1px #eb7000 solid; 
	margin-top:15px;
}

/* お申込みリンク */
.a-campaign a:link {color: #eb7000; text-decoration:underline;} 
.a-campaign a:visited {color: #eb7000; text-decoration:underline;} 
.a-campaign a:hover, .a-campaign a:active {color: #000066; text-decoration:none;}


/* 外貨預金 ログイン誘導（はじめての外貨預金ほか）
-------------------------------------------------------------- */
div.f-deposit-textbox{width:255px; float:left;}
div.f-deposit-textbox .mt0{margin-top:0px;}

div.f-deposit-login02{ width:268px; float:right; border:1px #eb7000 solid;}
div.f-deposit-login02 .logintitle02{ 
	background-color:#eb7000;
	padding:5px 10px;
	color:#fff;
	clear:both;
}

div.f-deposit-login02 .loginbox02{
	margin:10px 0;
	padding:0 10px;
	font-size:85%;
	background:url(../images/login_boxbg02.gif) repeat-y;
	/*\*/
	height:1%;
	/**/
} 

div.f-deposit-login02 .loginbox-left02{width:145px; float:left;}
div.f-deposit-login02 .loginbox-right02{width:83px; float:right;}

.f-beginner-line{ border-top:1px #ccc solid; padding-top:10px;}


/* 外貨預金 ログイン誘導（chart）
-------------------------------------------------------------- */

div.f-deposit-login03{ 
	border:1px #eb7000 solid;
	margin:0 20px 20px;
	text-align:left;
}

div.f-deposit-login03 .logintitle03{ 
	background-color:#eb7000;
	padding:5px 10px;
	color:#fff;
	clear:both;
	text-align:left;
}

div.f-deposit-login03 .loginbox03{
	margin:10px 0 0;
	padding:0 10px;
	font-size:85%;
	background:url(../images/login_boxbg03.gif) repeat-y;
	/*\*/
	height:1%;
	/**/
} 

div.f-deposit-login03 .loginbox-left03{width:200px; float:left;}
div.f-deposit-login03 .loginbox-right03{width:190px; float:right;}



/* 外貨預金 ここが違う！じぶん銀行の外貨預金
-------------------------------------------------------------- */
div.about-navigation {
	clear:both;
	font-size:12px;
	line-height:12px;
}
div.about-navigation ul {list-style: none;}
div.about-navigation ul img{ vertical-align:bottom;}
div.about-navigation li {float:left;}
div.about-navigation li .mr4{margin-right:4px;}

.Pad-t10{padding-top:10px;}

/* 外貨預金 お取引の流れ
-------------------------------------------------------------- */
.otorihiki-box{
	padding:10px;
	border:1px #eee solid;
	background-color:#f6f6f6;
	text-align:center;
}	

/* 外貨預金　関連コンテンツ
-------------------------------------------------------------- */
ul.relevance {
	width:545px;
}

ul.relevance li {
	float:left;	
}

ul.relevance li.link01 { width: 160px;}
ul.relevance li.link02 { width: 195px;}
ul.relevance li.link03 { width: 190px;}

ul.relevance li p.thum {
	float:left;
	width:43px;
}

ul.relevance li p.txt {
	margin-left:50px;
}

ul.relevance li.link01 p.txt,
ul.relevance li.link02 p.txt {
	margin-right:10px;
}


/* 外貨預金　売れ筋ランキング！！
-------------------------------------------------------------- */

/*右側に画像が入った場合*/
/*#rankingBox {
	width:310px; 
	display:block;
	float:left;
}*/
#rankingBox {
	width:280px;
	display:block;
	float:left;
}
ul.ranking li {
	background:transparent url(../images/li_rankingBox_back.gif) no-repeat left bottom;
	overflow:hidden;
	list-style-type:none;
	padding:3px 10px;
	/*width:310px;*//*右側に画像が入った場合*/
	width:290px;
	display:block;
	margin-top:2px;
}
ul.ranking a.linkItemA02 {
	background-position:left center !important;
}
ul.ranking li.head { margin-top:0 !important; }
.crown01, .crown02, .crown03, .crown04 {
	display:block;
	width:64px;
	height:44px;
	float:left;
	text-indent:-999999px;
	margin-top:5px;
}
.crown01 { background:transparent url(../images/rankingCrown01.gif) no-repeat left center; }
.crown02 { background:transparent url(../images/rankingCrown02.gif) no-repeat left center; }
.crown03 { background:transparent url(../images/rankingCrown03.gif) no-repeat left center; }
.crown04 { background:transparent url(../images/rankingCrown04.gif) no-repeat left center; }

.flagEU, .flagCN, .flagUS, .flagAS {
	padding-left:35px;
	font-size:120%;
	font-weight:bold;
	margin-left:90px;
	margin-top:13px;
	vertical-align:middle;
	padding-top:2px;
}
.flagEU { background:transparent url(../images/icon_rankingEU.gif) no-repeat left center; }
.flagCN { background:transparent url(../images/icon_rankingCN.gif) no-repeat left center; }
.flagUS { background:transparent url(../images/icon_rankingUS.gif) no-repeat left center; }
.flagAS { background:transparent url(../images/icon_rankingAS.gif) no-repeat left center; }
/*span.normal { font-weight:normal; }*/

.ranking p a {
	background:transparent url(/pc/resources_shared/images/icn_arrow_01.gif) no-repeat scroll 0 0.4em;
	font-size:85%;
	font-weight:normal;
	color:#eb7000 !important;
	padding-left:8px;
	margin-top:0 !important;
}
.ranking p a:hover {
	color:#0000ff !important;
}
/* 右側に画像が入った場合
.rankingPhoto {
	width:170px;
	height:210px;
	display:block;
	text-align:center;
	border:#eeeeee 1px solid;
	background-color:#ffffff;
	float:right;
}*/
.rankingPhoto {
	width:200px;
	display:block;
	text-align:left;
	/*border:#eeeeee 1px solid;*/
	background-color:#ffffff;
	float:right;
}
.rankingPhoto img {
	margin-top:6px !important;
}
.h1_foreign_deposit{
	margin-top:-10px !important;
	margin-bottom:-10px !important;
}

.bc_line {
	line-height:1.2em;
}

.fd_popup_link {

	margin:3px 0 0 10px;
}

.fd_popup_box {
	margin-bottom:10px !important;
}

.clear {
clear:both;
}


.icon{
	margin: 0 0 3px 4px;
	vertical-align: midium;
}