@charset "utf-8";

#main-column h3{
  display:block;
}
#main-column h3 span{
  display:none;
}

/*
*********************
世界の為替チャート
*********************
*/
.world-chart2{
  padding-bottom:10px;
  margin-bottom:15px;
  clear: both;
  border-bottom: 2px solid #d84f83;
}
.world-chart2 h3{
  width:494px;
  height:74px;
  background: url(/common/images/fx/v1/top/world-chart-title2.gif) no-repeat;
  margin-bottom:8px;
}
.world-chart-main2 {
  width:auto;
  margin: -4px;
}
* html .world-chart-main2 {
  width:auto;
  margin: -4px;
}
.world-chart-main2 table{
  border-collapse:separate;
  border-spacing:4px 0;
  margin-bottom:8px;
  table-layout: fixed;
  width:100%;
}
.world-chart-main2 table td{
  padding: 0 0 4px;
}

.world-chart-main2 table td img{
  width: 162px;
  height: auto;
}
.world-chart-main2 table th{
  background: #ffff00;
}


.money-title2 {
  display: block;
  font-size:12px;
  padding:2px 2px 0 2px;
}
.chart-title {
  float: left;
  display: inline-block;
  font-weight: bold;
  font-size: 10px;
}
.chart-number {
  float: right;
  display: inline-block;
}

.world-chart2 .time-btn-wrapper {
  margin-left: 4px;
}

.world-chart2-bottomtext {
  clear: both;
}
.world-chart2-bottomtext .text {
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
}
.world-chart2-bottomtext .powered-by {
  text-align: right;
  font-size: 10px;
  margin: 3px 0 0;
}

.world-chart{
  background: url(/common/images/fx/v1/top/world-chart.gif) scroll left bottom;
  padding-bottom:10px;
  margin-bottom:15px;
  clear: both;
}
.world-chart h3{
  width:494px;
  height:74px;
  background: url(/common/images/fx/v1/top/world-chart-title.jpg) no-repeat;
  margin-bottom:8px;
}

.world-chart-main{
  padding-left:10px;
  width:484px;
}
* html .world-chart-main{
  width:494px;
}
.world-chart-main table{
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom:8px;
}
.world-chart-main table td{
  width:157px;
  padding-bottom:5px;
}
.money-title{
  width:149px;
  height:13px;
  font-size:12px;
  text-align:right;
  padding:2px 5px 0 0;
}
* html .money-title{
  width:154px;
  height:15px;
}
.usdjpy-title{background: url(/common/images/fx/v1/top/usdjpy-title.gif) no-repeat;}
.eurjpy-title{background: url(/common/images/fx/v1/top/eurjpy-title.gif) no-repeat;}
.eurusd-title{background: url(/common/images/fx/v1/top/eurusd-title.gif) no-repeat;}
.gbpjpy-title{background: url(/common/images/fx/v1/top/gbpjpy-title.gif) no-repeat;}
.audjpy-title{background: url(/common/images/fx/v1/top/audjpy-title.gif) no-repeat;}
.nzdjpy-title{background: url(/common/images/fx/v1/top/nzdjpy-title.gif) no-repeat;}
.time-btn-wrapper{
  float:left;
  width:360px;
}
.chart-tokyo-time{
  background: url(/common/images/fx/v1/top/tokyo-time.gif) no-repeat;
  width:200px;
  height:22px;
  float:left;
  font-size:12px;
  text-align:center;
  margin-right:4px;
}
.chart-tokyo-time span{
  padding-top:4px;
  display:block;
}
.chart-time-btn{
  float:left;
  margin-right:5px;
  margin-bottom:6px;
  _margin-bottom:4px;
  height:22px;
}
.chart-time-btn a{
  background-position:0 0;
  background-repeat:no-repeat;
  display:block;
  width:46px;
  height:19px;
}
.current a{
  background-position:0 -19px;
}
.chart-time-btn a:hover{
  background-position:0 -19px;
}
.chart-time-btn a span{
  display:none;
}
.time-day-btn a{background-image: url(/common/images/fx/v1/top/time-day-btn.gif);}
.time-week-btn a{background-image: url(/common/images/fx/v1/top/time-week-btn.gif);}
.time-month-btn a{background-image: url(/common/images/fx/v1/top/time-month-btn.gif);}
.time-1minutes-btn a{background-image: url(/common/images/fx/v1/top/time-1minutes-btn.gif);}
.time-5minutes-btn a{background-image: url(/common/images/fx/v1/top/time-5minutes-btn.gif);}
.time-10minutes-btn a{background-image: url(/common/images/fx/v1/top/time-10minutes-btn.gif);}
.time-15minutes-btn a{background-image: url(/common/images/fx/v1/top/time-15minutes-btn.gif);}
.time-30minutes-btn a{background-image: url(/common/images/fx/v1/top/time-30minutes-btn.gif);}
.time-1hour-btn a{background-image: url(/common/images/fx/v1/top/time-1hour-btn.gif);}
.time-4hour-btn a{background-image: url(/common/images/fx/v1/top/time-4hour-btn.gif);}

.to-chart-btn{
  float:right;
  width:117px;
  margin-right:5px;
  _margin-right:1px;
}
.to-chart-btn p{font-size:9px; line-height:140%;}


/*PR*/
#main-column .pr{
  /*border-bottom:solid 1px #B0B0B0;*/
  margin-bottom:15px;
  padding-bottom:5px;
}
#main-column .pr table{
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
}
.pr table td{
  font-size:12px;
  line-height:16px;
  background: url(/common/images/fx/v1/top/pr-icon.gif) no-repeat left center;
  padding:2px 0 2px 25px;
}

/* FX会社徹底比較 A　B */
#fxhikaku {
  margin: 0 0 10px;
}
.mouke-a hr,
#mouke-a hr,
#mouke-b hr{
  height: 2px;
  margin: 0 0 10px 0;
  border: none;
  border-top: 2px dotted #aacd06;
}
.mouke-a .upside-a,
#mouke-a .upside-a{
  width: 494px;
  height: 103px;
  display: table-cell;

}
.mouke-a .campaign,
#mouke-a .campaign{
  float: left;
  width: 295px;
  margin: 0 0px 0 0;
}
.mouke-a .mayoi,
#mouke-a .mayoi{
  width: 196px;
  float: right;
  display: block;
}
.mouke-a .hikaku,
#mouke-a .hikaku{
  margin: 15px 0 0 0;
}
.mouke-a .hikaku ul,
#mouke-a .hikaku ul{
  margin-top: 5px;
  width: 494px;
  height: 70px;
  padding: 0!important;
}
.mouke-a .hikaku li,
#mouke-a .hikaku li{
  float: left;
  padding: 0!important;
  /*margin:0 0 2px 0;*/
}
/* 比較誘導枠：service */
.mouke-a .hikaku dl,
#mouke-a .hikaku dl {
  width: 100%;
  height: 58px;
  padding: 0;
  margin: 1px 0 0;
  position: relative;
  top: 0;
  left: 0;
}
.mouke-a .hikaku dl dt.label,
#mouke-a .hikaku dl dt.label {
  width: 106px;
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
}
.mouke-a .hikaku dl dd,
#mouke-a .hikaku dl dd {
  width: 194px;
  position: absolute;
}
.mouke-a .hikaku dl dd.service01,
#mouke-a .hikaku dl dd.service01,
.mouke-a .hikaku dl dd.service04,
#mouke-a .hikaku dl dd.service04 {
  height: 34px;
  top: 0;
}
.mouke-a .hikaku dl dd.service01,
#mouke-a .hikaku dl dd.service01,
.mouke-a .hikaku dl dd.service05,
#mouke-a .hikaku dl dd.service05 {
  right: 0;
}
.mouke-a .hikaku dl dd.service03,
#mouke-a .hikaku dl dd.service03,
.mouke-a .hikaku dl dd.service04,
#mouke-a .hikaku dl dd.service04 {
  left: 106px;
}
.mouke-a .hikaku dl dd.service03,
#mouke-a .hikaku dl dd.service03,
.mouke-a .hikaku dl dd.service05,
#mouke-a .hikaku dl dd.service05 {
  height: 24px;
  bottom: 0;
}

.mouke-a .fxcompany-a,
#mouke-a .fxcompany-a{
  margin-top: -5px;
  width: 494px;
  height: 275px;
  position: relative;
  display: block;
  background:url(/common/images/fx/v1/top/mouke/a/top-mouke-company-bg.gif) no-repeat top;
}
.fxcompany-container-a{
  width: 494px;
}
.mouke-a .fxcompany-box,
#mouke-a .fxcompany-box{
  margin: 8px 3px -5px 3px;
  width: 240px;
  height: 135px;
  float: left;
  display: table-cell;
}
.mouke-a .fxcompany-box .top-txt,
#mouke-a .fxcompany-box .top-txt{
  font-size: 14px;
  margin-bottom: 6px;
  font-weight: bold;
  text-align: center;
}
@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
.mouke-a .fxcompany-box .top-txt,
#mouke-a .fxcompany-box .top-txt{
  font-size: 13px;
  letter-spacing: -0.06em;
}
}
.mouke-a .fxcompany-box .top-txt a,
#mouke-a .fxcompany-box .top-txt a{
  color: #000000;
}
.mouke-a .banner,
#mouke-a .banner{
  margin-left: 4px;
}
.mouke-a .bottom-txt,
#mouke-a .bottom-txt{
  margin-left: 4px;
  font-size: 12px;
  color: #0000cc;
  padding-top: 6px;
}
@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
.mouke-a .bottom-txt,
#mouke-a .bottom-txt{
  letter-spacing: -0.06em;
  line-height: 1.2em;
}
}
#mouke-b{
  /*width: 494px;*/
  /*height: 500px;*/
  /*margin: 0;
  padding: 0;*/	
}

#mouke-b .campaign{
  float: left;
  width: 284px;
  margin: 0;
}
#mouke-b .upside-b{
  height: 88px;
  /*margin-bottom: -15px;*/
}
#mouke-b .mayoi{
  height: 88px;
  width: 210px;
  padding:20px 0 0 0px;
  margin: 0;
  float: right;
  position:relative;
  display:block;
  background:url(/common/images/fx/v1/top/mouke/b/top-mouke-mayoi-b.gif) no-repeat top;
  /*margin:15px auto;*/
}
#mouke-b .mayoi span{
  margin-left:7px;
}
#hikaku-b-container{
  position: relative;
  top: -10px;
  height: 140px;
}
#mouke-b .hikaku{
  /*height: 150px;*/
  display: block;
}

#mouke-b .hikaku ul{
  width: 490px;
  height: 100px;
  margin-left: 5px;
  padding: 0!important;
}
#mouke-b .hikaku li{
  float: left;
  padding: 0!important;
  margin:0 0 2px 0;
}
#mouke-b .fxcompany-b{
  margin-top: 5px;
  padding-top: 50px;
  width: 494px;
  height: 334px;
  position: relative;
  display: block;
  background:url(/common/images/fx/v1/top/mouke/b/top-mouke-company-title-b.gif) no-repeat top;
  margin-bottom: -46px;
  
}
#mouke-b .fxcompany-box{
  margin: 3px 3px 5px 5px;
  width: 239px;
  height: 135px;
  float: left;
  display: table-cell;
}
#mouke-b .ribbon{
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  padding-top: 4px;
  width: 236px;
  height: 29px;
  display: block;
  background:url(/common/images/fx/v1/top/mouke/b/top-mouke-company-ribbon-b.gif) no-repeat top;
}

#mouke-b .ribbon a{
  color: #ffffff;
}
#mouke-b .banner{
  margin-left: auto;
  margin-right: auto;
}

#mouke-b .bottom-txt{
  font-size: 12px;
  color: #4d4d4d;
  padding-top: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
#mouke-b .bottom-txt{
  letter-spacing: -0.06em;
  line-height: 1.2em;
}
}
#mouke-b .bottom-txt a{
  color: #4d4d4d;
}

/*
*************
FX実況ちゃんねる
*************
*/
.fxch{
  margin-bottom:15px;
}

/*
*************
2012年3月追加 FX実況ちゃんねる
*************
*/
.fx-tweet-box{
  position:relative;
  width:489px;
  height:182px;
  display:block;
  margin:15px auto;
}

.fx-tweet .live-tweet{
  width:460px;
  position:absolute;
  top:100px;
  left:15px;
}

.fx-tweet .live-tweet .tw-ico{
  float:left;
  width:32px;
}

.fx-tweet .live-tweet .tweet{
  float:right;
  width:422px;
}

.fx-tweet .live-tweet .tweet p{
  font-size:13px;
  line-height:1.4em;
  padding:8px;
}

.fx-tweet-box a:hover p{
  text-decoration:underline;
  color:#f00;
}


/*
***************************************
ザイFX！連載コラム
***************************************
*/
.fxcolumn{
  margin-bottom:15px;
}
.fxcolumn .kanban{
  margin-bottom:15px;
}
.fxcolumn ul.fxcolumn-latest{
  padding:0;
}
.fxcolumn ul.fxcolumn-latest li{
  background: url(/common/images/fx/v1/top/fxcolumn-border.gif) repeat-x left bottom;
  padding-bottom:10px;
  margin-bottom:10px;
}
.fxcolumn-author-photo{
  float:left;
}
.fxcolumn-catename{
  margin-bottom:5px;
}
.fxcolumn-detail{
  float:right;
  width:369px;
}
.fxcolumn-detail h4{
  margin-bottom:5px;
}
.fxcolumn-detail h4 a{
  font-size:18px;
  line-height:120%;
  color:#006633;
}
.fxcolumn-detail p{
  font-size:14px;
  line-height:130%;
}
.fxcolumn-detail p a{
  float:right;
}
.fxcolumn ul.fxcolumn-latest2{
  background: url(/common/images/fx/v1/top/fxcolumn-border.gif) no-repeat left top;
  padding-top:10px;
}
.fxcolumn ul.fxcolumn-latest li h5{
  font-weight:normal;
  font-size:12px;
}
.fxcolumn-border{
  margin:10px 0;
}
.column-end{
  font-size:12px;
  margin-bottom:3px;
}

/*
*********************
MT4
*********************
*/

h3.top-mt4-ttl{
  background: url(/common/images/fx/v1/top/top-mt4-ttl.gif?rd=20151222) no-repeat;
  text-indent: -9999px;
  margin-bottom: 3px;
  height: 23px;
}
.top-mt4-box{
  border: 2px solid #0086cd;
  padding: 0;
  margin: 0;
  display: table-cell;
  
}
.top-mt4-box .btn{
  background: url(/common/images/fx/v1/top/top-mt4-linkbtn.gif) no-repeat;
  text-indent: -9999px;
  width: 119px;
  height: 200px;
  float: left;
}
.top-mt4-box .nyumon{
  background: url(/common/images/fx/v1/top/top-mt4-nyumon.gif) no-repeat;
  text-indent: -9999px;
  width: 186px;
  height: 86px;
  float: left;
}
.top-mt4-box .hikaku{
  background: url(/common/images/fx/v1/top/top-mt4-hikaku.gif) no-repeat;
  text-indent: -9999px;
  width: 185px;
  height: 86px;
  float: left;
}
.top-mt4-box .info{
  background: url(/common/images/fx/v1/top/top-mt4-info.gif) no-repeat;
  text-indent: -9999px;
  width: 371px;
  height: 21px;
  float: left;
}
.top-mt4-box .txt{
  width: 345px;
  background-color: #ffd5ec;
  display: table;
  margin: 0 auto;
  padding: 8px;
  font-size: 12px;
  line-height: 120%;
}
.top-mt4-box .txt2{
  background-color: #fee9f4;
  width: 345px;
  display: table;
  margin: 0 auto;
  padding: 8px;
  font-size: 12px;
  line-height: 120%;
}




/*
*********************************************
週末版
*********************************************
*/

/*
*********************
ザイFX！期間限定キャンペーン
*********************
*/
.top-weekend-chart{
  margin-bottom:25px;
  margin-top:-10px;
}
table.type-list{
  border-collapse:collapse;
  border-spacing:0;
  width:490px;
}
table.type-list th,
table.type-list td{
  border-right:solid 1px #fff;
  text-align:center;
}
table.type-list th{
  background-color:#e56363;
  padding:3px 0;
}
table.type-list td{
  background-color:#feefef;
  font-size:12px;
  line-height:110%;
  padding:3px 8px;
  color:#333;
  border-right:solid 1px #e56363;
  border-bottom:solid 1px #e56363;
}
table.type-list td h5{
  font-size:12px;
}
table.type-list td h5 a{
  text-decoration:underline;
  color:#ef5995;
}
table.type-list td.company-name,
table.type-list td.type0-detail-text{
  text-align:left;
}
table.type-list td.border-right-white{
  border-right:solid 1px #fff;
}


/*
*********************
ザイFX！ビットコイン
*********************
*/
.top-bitcoin {
  display:flex;
  flex-wrap:wrap;
  margin-bottom:25px;
}

.top-bitcoin a {
  display:block;
}

/*
*********************
FX初心者のための基礎知識入門
*********************
*/

.top-fxknowledge {
margin: 0 0 10px;
}
.top-fxknowledge ul {
padding: 4px 0px 8px 4px;
border-left: #46AB6C solid 2px;
border-right: #46AB6C solid 2px;
border-bottom: #46AB6C solid 2px;
}
.top-fxknowledge li {
float: left;
margin: 0 8px 0 0;
}
.top-fxknowledge .fxknowledge-pickup {
background:url(/common/images/fx/v1/top/img-icon-chumoku.gif) no-repeat 0 0;
padding-left:45px;
}
.top-fxknowledge li a {
font-size: 12px;
display: block;
white-space: nowrap;
padding: 8px 0 3px;
}

/*
*********************
202203比較誘導
*********************
*/
.hikakucontent { margin-bottom: 15px; padding-bottom: 10px; border-bottom: #aacd06 solid 2px; }
.hikakucontent-bottomlink { text-align: right; font-size: 14px; }
.hikakucontent-entries { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: flex-start; }
.hikakucontent-entries .figure-column { width: 240px; margin-right: 14px; margin-bottom: 10px; }
.hikakucontent-entries .figure-column:nth-child(even) { margin-right: 0px; }

@media screen and (max-width:599px) { 
  /*　画面サイズが599px以下はここを読み込む　*/
  .hikakucontent-label { margin-bottom: 5px; }
  .hikakucontent-entries .figure-column { width: 47%; }
  .hikakucontent-bottomlink { margin-right: 8px; }
}