﻿@charset "utf-8";
body {
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #f7f3e3;
	margin: 0;
	padding: 0;
	color: #000;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}

/* title */
h2 {margin-bottom:10px;}

h2.title-1 {border-left:solid 5px #006699; padding-left:15px; font-size:18px;}

h3.title-2 {font-size:14px; border-bottom:solid 1px #006699; margin-bottom:5px; padding:5px;}

a img {
	border: none;
}

a {
	color:#000066;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.container {
	width: 960px;
	margin: 0 auto; 
}

header {background:url(../images/bg_header.gif) repeat-x; height:100px; border-top:solid 5px #6696cf;}
header .container {background:url(../images/bg_logo.jpg) no-repeat;}

header .logo {padding:15px 0 10px;vertical-align:bottom;}

header .logo .hd_link {float:right; margin-top:10px;}
header .logo .hd_link li {float:left; padding:2px 10px; border-right:dotted 1px;}

.sidebar1 {
	float: left;
	width: 180px;
	margin:0 5px;
}
.sidebar1 ul {width:100%}
.ul_bannar li.last {background:url(../images/side_foot.png) left top no-repeat; height:10px;}

.pan {font-size:12px; padding:10px 0;}

.content {
	padding-bottom:20px;
	width: 740px;
	margin-left:25px;
	margin-right:5px;
	float: left;
}

nav ul {
	list-style: none;
}
nav ul li {
	float:left; width:192px;
}

nav ul li a {background:#ffffff; display:block;padding:0; height:30px;}

nav ul li a:hover {background:#5686bf;}

.link-arrow {padding-left:15px; background:url(../images/marker5.gif) left center no-repeat;} 

/* sitemap */
#sitemap {background:#f0f6f8; padding:20px 0 10px; margin-top:10px;}
#sitemap .info {float:left; width:180px; padding:15px; margin-right:25px;}
#sitemap ul {width:210px; margin-right:40px; float:left;}
#sitemap ul.last {width:210px; margin-right:0;}
#sitemap ul li a {
	background:url(../images/marker2.gif) left center no-repeat;
	border-bottom:dotted 1px;
	font-weight:50000;
	padding-left:15px;
	text-decoration:none;
	width:192px;
	display:block;
	margin-top:10px;
}
#sitemap ul.last li a {width:192px;}
#sitemap ul li ul {width:120px; float:none;}
#sitemap ul li ul li a {
	background:url(../images/marker3.gif) left 5px no-repeat;
	font-weight:normal;
	border-bottom:none;
	margin-top:5px;
}

#foot_info{background:#6696cf; padding:5px 0;}
#foot_info .col{float:left; width:50%;}

/* ~~ フッター ~~ */
footer {
	padding: 10px 0;
	background: #00427a;
	color:#ffffff;
	position: relative;
	clear: both;
}
footer address {float:left}
footer li {float:right;}

header, section, footer, aside, nav, article, figure {
	display: block;
}

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

.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.alignright {text-align:right;}

.box {margin:4px 4px 29px; border-top:solid 1px #ebebeb; border-left:solid 1px #ebebeb; border-bottom:solid 1px #c8c8c8; border-right:solid 1px #c8c8c8; background:#ffffff; padding:15px;}

.boxout {background:#ebebeb; padding:1px; margin:0 0 5px; border-top:solid 1px #f8f8f8; border-left:solid 1px #f8f8f8; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;}
.boxin { border:solid 2px #aaaaaa; padding:15px; background:#ffffff; font-weight:normal;}

/* iframe部分 (ie6では見え方が異なるので、変更の際はie6.cssの該当部分も更新してください)*/
iframe {border:none; frameborder:0;}
.iframe1 {width:690px; height:300px;}	/*index.html ブラジル国債部分*/
.iframe2 {width:680px; height:1140px;}	/*cleaningmargin.html 取引証拠金部分*/
.iframe3 {width:710px; height:800px;}	/*商品先物取引ページ 下部分*/
.iframe4 {width:680px; height:240px;}	/*index.html 金・白金価格部分*/


/* index.html */
aside {text-align:center; background:url(../images/bg_aside.png) repeat-x;}

.ishop {background:url(../images/bill.jpg) top left no-repeat; padding:90px 0 10px 285px;}
.ul_ishop {margin:0;}
.ul_ishop li {float:left; text-align:left; padding:8px; border-right:solid 1px;}
.ul_ishop li.last {border:none;}

.forwardlink {padding-bottom:0px; text-align:center;}
.forwardlink img {border-top:solid 1px #ebebeb; border-left:solid 1px #ebebeb; border-bottom:solid 1px #c8c8c8; border-right:solid 1px #c8c8c8; margin:5px 20px;}

.col-1 {width:730px; padding:20px 5px; margin-right:40px; float:left;}
.col-2 {width:180px; padding:20px 0; float:left;}

.ul_bannar {width:100%;}
.ul_bannar li a {width:180px; height:60px; color:#000;}

.ul_bannar2 {margin-bottom:20px;}
.ul_bannar2 li a {background:url(../images/marker5.gif) left center no-repeat #ffffff; padding:10px 0 10px 15px; margin-bottom:5px; display:block;}
.ul_bannar2 li a:hover {background:url(../images/marker4.gif) left center no-repeat #6696cf; color:#ffffff; text-decoration:none;}

.dl_news {width:100%; height:250px;}
.dl_news.prev {max-height:1000px; overflow:auto;}
.dl_news dt {width:9em; float:left; background:url(../images/marker1.gif) 7px 7px no-repeat; padding:0 0 10px 2em;}
.dl_news dd {padding:0 0 10px 11em; border-bottom:dotted 1px; margin-bottom:10px;}

.padding5px {padding:5px;}
.padding15px {padding:15px;}


/* lower.html */
.l_boxout {background:#ebebeb; padding:4px; margin:0 0 5px;}
.l_boxin { border:solid 1px #aaaaaa; padding:15px; background:#ffffff; font-weight:normal;}

.ul_decimal {list-style-type:decimal;}
.ul_decimal li {margin-left:15px; font-weight:bold; padding-bottom:15px;}
.ul_decimal li p {font-weight:normal;}

/* branch.html */
.drop_head {width:675px; margin:0 15px 10px;}
.drop_cont {margin:0 20px 15px; width:675px; text-align:left;}
.drop_cont1 {margin:0 20px 15px; width:675px; text-align:left;}
.map {float:left; margin-right:10px;}

.t_freecall {width:680px; margin:15px;}
.t_freecall th {padding:5px; background:#00767a; color:#ffffff;}
.t_freecall td {padding:5px; border-bottom:dotted 1px #ebebeb;}

/* aboutus.html */
.col2-1 {width:450px; padding:0px 14px;  border-right:dotted 1px;  float:left;}
.col2-1 h3 {background:url(../images/marker1.gif) left center no-repeat; padding-left:10px; margin-bottom:5px; font-weight:normal;}
.col2-2 {width:450px; padding:0px 14px; float:left;}
.col2-2 h3 {background:url(../images/marker1.gif) left center no-repeat; padding-left:10px; margin-bottom:5px; font-weight:normal;}
.col2-2 p {padding-left:15px; padding-bottom:10px;}

.t_profile {width:420px;}
.t_profile tr {}
.t_profile th {text-align:left; background:#ebebeb; padding:10px; vertical-align:middle; width:100px;border:solid 1px #cccccc;}
.t_profile td {padding:10px; background:#ffffff;border:solid 1px #cccccc;}

.abouttitle {margin:0 7px 20px; background:url(../images/img_profile.jpg) left top no-repeat; padding:150px 0 10px 400px;  text-align:right;}
.aboutbtn {list-style-type:none;}
.aboutbtn li {float:left; padding-right:20px;}
.aboutbtn .link-arrow { color:#ffffff; font-weight:bold; font-size:1.2em;}

/* item.html */
.txt_box_l {border-left:solid 2px; border-bottom:solid 1px; border-top:solid 1px; border-color:#006699; margin:0 20px; width:5px; float:left; height:80px;}
.txt_box_r {border-right:solid 2px; border-bottom:solid 1px; border-top:solid 1px; border-color:#006699; margin:0 20px; width:5px; float:left;height:80px;}
.txt_box {padding:20px 10px; width:585px; font-weight:bold; color:#000066; float:left;}
.ul_box li {width:330px; float:left; margin:0 10px 20px; border-bottom:solid 1px #5686bf;}
.ul_box li a.box_title {font-size:16px; padding:10px 0px 10px 30px; background:url(../images/box_title.png) 10px center no-repeat #000066; color:#ffffff; width:300px; display:block;}
.ul_box li a.box_title:hover {background:url(../images/box_title.png) 10px center no-repeat #5686bf; text-decoration:none;}
.ul_box li p {padding:20px 20px 0; height:55px;}
.ul_box li a.link-arrow:hover { text-decoration:underline;}
.ul_box .alignleft, .ul_box .alignright {padding:0 20px 10px;}

.ul_box .bg1 {background:url(../images/bg_forward.jpg) right bottom no-repeat;}
.ul_box .bg2 {background:url(../images/bg_brazil.jpg) right bottom no-repeat;}
.ul_box .bg3 {background:url(../images/bg_nikkei.jpg) right bottom no-repeat;}
.ul_box .bg4 {background:url(../images/bg_fund.jpg) right bottom no-repeat;}
.ul_box .bg5 {background:url(../images/bg_gold.jpg) right bottom no-repeat;}
.ul_box .bg6 {background:url(../images/bg_junkin.jpg) right bottom no-repeat;}
.ul_box .bg7 {background:url(../images/bg_property.jpg) right bottom no-repeat;}
.ul_box .bg8 {background:url(../images/bg_time.jpg) right bottom no-repeat;}
.ul_box .bg9 {background:url(../images/bg_cb.jpg) right bottom no-repeat;}
.ul_box .bg10 {background:url(../images/bg_margin.jpg) right bottom no-repeat;}
.ul_box .bg11 {background:url(../images/bg_tax.jpg) right bottom no-repeat;}
.ul_box .bg12 {background:url(../images/bg_southafrica.jpg) right bottom no-repeat;}
.ul_box .bg13 {background:url(../images/bg_turkey.jpg) right bottom no-repeat;}
.ul_box .bg14 {background:url(../images/bg_spain.jpg) right bottom no-repeat;}
.ul_box .bg15 {background:url(../images/bg_turkey2.jpg) right bottom no-repeat;}
.ul_box .bg16 {background:url(../images/bg_brazil2.jpg) right bottom no-repeat;}
.ul_box .bg17 {background:url(../images/bg_savings.jpg) right bottom no-repeat;}
.ul_box .bg18 {background:url(../images/bg_night.jpg) right bottom no-repeat;}
.ul_box .bg19 {background:url(../images/bg_smartcx.jpg) right bottom no-repeat;}
.ul_box .bg20 {background:url(../images/bg_gold100.jpg) right bottom no-repeat;}
.ul_box .bg21 {background:url(../images/bg_mexico.jpg) right bottom no-repeat;}

/* futures.html */
.t_tradeprop1 {width:100%;}
.t_tradeprop1 th {padding:5px; background:#5686bf; color:#ffffff;}
.t_tradeprop1 td {padding:5px; border:solid 1px #ebebeb;}

.t_tradeprop2 {width:100%;}
.t_tradeprop2 th {padding:5px; background:#5686bf; color:#ffffff;}
.t_tradeprop2 td {padding:5px; text-align:center; vertical-align:middle; border:solid 1px #ebebeb;}

.t_tax {width:100%}
.t_tax tr {}
.t_tax th {text-align:left; width:100px; padding:5px; vertical-align:top; border-bottom:dotted 1px #141414;}
.t_tax td {padding:5px; border-bottom:dotted 1px #141414;}

/* contact.html*/
.t_contact {width:100%;}
.t_contact tr {}
.t_contact th, .t_contact td {padding:5px; text-align:center; font-size:14px;border-bottom:dashed 1px;}
.t_contact th {width:160px;}
.t_contact td {color:red; font-weight:bold;}

/* misc */
.misc p {margin-bottom:10px;}

.t_consumers {width:100%; margin:10px 0 20px;}
.t_consumers .thead {background:#006699; color:#ffffff; font-weight:bold; text-align:center;}
.t_consumers th, .t_consumers td {border:solid 1px #ebebeb; padding:5px;}
.t_consumers tbody th {background:#fbfbfb; text-align:left; width:240px;}
.t_consumers .ex1 {background:#006699; color:#ffffff; font-weight:bold; text-align:center; width:100px;}
