@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実況ちゃんねる
*************
*/
.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; }
}