@charset "utf-8";

#contentHead {
	background: #485d8a;
}

#footer .footerBlock{
    padding: 15px;
}

h2.mainTtl {
  color:#fff;
}

/* メインメニュー（アクティブ時） */
#tab li a.active {
        color: #d71418;
        background: none;
}

/* メインメニュー（アクティブする前） */
#tab li a.active:before {
    background-color: #d71418;
}

/* メインメニュー（ホバーした時） */
#tab li a:hover {
        color: #249a88;
        background: none;
}

/* メインニュー（ホバーする前） */
#tab li a:hover:before{
    background: #249a88;
}

/*** マーケット情報 ***/

/* マーケット情報の銘柄（ホバーした時） */
#content .box.link:hover:before {
  border-color: #d71418;
}

/* ご注意事項の色（ホバーした時） */
#title a:hover{
            background: none;
}

@media screen and (min-width: 760px) {

#listContent .listContentHeader {
  max-width:950px;
  padding: 15px;
  margin:0 auto;
}

.listContentHeader .header {
    float: left;
    height: 24px;
    padding: 4px 6px;
    text-align: center;
}

/*
.newsBox .newsTitle .title .titleInner{
	margin-left:102px;
	margin-right:40px;
}
*/

}

@media screen and (max-width: 759px) {

#listContent .listContentHeader {
  padding: 15px;
  margin: 0 auto;
}

.listContentHeader .header {
    height: 24px;
    padding: 4px 6px;
    text-align: center;
}

}


#news_category li {
    position: relative;
    float: left;
    font-size: 12px;
    width: 80px;
    margin-right: 4px;
    text-align: center;
    font-weight: bold;
    color: #2996cc;
    padding: 4px 6px;
    background-color:#fff;
    border: solid 1px #2996cc;
    border-radius: 2px;
    line-height: 1.2;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

#news_category li.active {
	background:#2996cc;
	color:#fff;
}

#news_category li a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* 株価指数 */

/* 日経平均株価 */
@media screen and (min-width: 760px) {
#content .map .box_N225 {
    top: 120px;
    right: auto;
    left: 240px;
    bottom: auto;
}

/* TOPIX */
#content .map .box_TOPIX {
    top: 240px;
    right: auto;
    left: 240px;
    bottom: auto;
}

/* NYダウ平均株価 */
#content .map .box_DJIA {
    top: 0px;
    right: 0px;
    left: auto;
    bottom: auto;
}

/* NASDAQ */
#content .map .box_NASDAQ {
    top: 120px;
    right: 0px;
    left: auto;
    bottom: auto;
}

/* NASDAQ100 */
#content .map .box_NQ100 {
    top: 120px;
    right: 0px;
    left: auto;
    bottom: auto;
}

/* フランクフルトDAX指数 */
#content .map .box_DAX {
    top: 0px;
    right: auto;
    left: 0px;
    bottom: auto;
}

/* 上海総合指数 */
#content .map .box_SHANGHAI {
    top: 120px;
    right: auto;
    left: 0px;
    bottom: auto;
}

/* 香港ハンセン指数 */
#content .map .box_HANSEN {
    top: 240px;
    right: auto;
    left: 0px;
    bottom: auto;
}

/* インドSENSEX指数 */
#content .map .box_SENSEX {
    top: 360px;
    right: auto;
    left: 0px;
    bottom: auto;
}

/* ロシアRTS指数 */
#content .map .box_RTS {
    top: 0px;
    right: auto;
    left: 240px;
    bottom: auto;
}

/* 為替相場 */

/* 米ドル／円 */
#content .map .box_USDJPY {
    top: 0px;
    right: 0px;
    left: auto;
    bottom: auto;
}

/* ユーロ／円 */
#content .map .box_EURJPY {
    top: 0px;
    right: auto;
    left: 0px;
    bottom: auto;
}

/* ユーロ／米ドル */
#content .map .box_EURUSD {
    top: 120px;
    right: auto;
    left: 0px;
    bottom: auto;
}

/* 豪ドル／円 */
#content .map .box_AUDJPY {
    top: 240px;
    right: auto;
    left: 240px;
    bottom: auto;
}

/* インドルピー／円 */
#content .map .box_INRJPY {
    top: 120px;
    right: auto;
    left: 240px;
    bottom: auto;
}

/* ブラジルレアル／円 */
#content .map .box_BRLJPY {
    top: 120px;
    right: 0px;
    left: auto;
    bottom: auto;
}

/* トルコリラ／円 */
#content .map .box_TRYJPY {
    top: 240px;
    right: auto;
    left: 0px;
    bottom: auto;
}

/* 国債利回り */

/* 日本10年国債利回り */
#content .map .box_JGB10YOAVR {
    top: 0px;
    right: auto;
    left: 240px;
    bottom: auto;
}

/* 米国10年国債利回り */
#content .map .box_TB10YOAVR {
    top: 0px;
    right: 0px;
    left: auto;
    bottom: auto;
}

/* 米国30年国債利回り */
#content .map .box_TB30YOAVR {
    top: 120px;
    right: 0px;
    left: auto;
    bottom: auto;
}

#content .map .box_GLDJPX {
    top: 0px;
    right: auto;
    left: 240px;
    bottom: auto;
}

#content .map .box_PLTJPX {
    top: 120px;
    right: auto;
    left: 240px;
    bottom: auto;
}

#content .map .box_CODTC {
    top: 240px;
    right: auto;
    left: 240px;
    bottom: auto;
}

#content .map .box_CEPJPX {
    top: 360px;
    right: auto;
    left: 240px;
    bottom: auto;
}

#content .map .box_GLDCMX {
    top: 0px;
    right: 0px;
    left: auto;
    bottom: auto;
}

#content .map .box_PLTNMX {
    top: 120px;
    right: 0px;
    left: auto;
    bottom: auto;
}

#content .map .box_WTINMX {
    top: 240px;
    right: 0px;
    left: auto;
    bottom: auto;
}

#content .map .box_NGSNMX {
    top: 360px;
    right: 0px;
    left: auto;
    bottom: auto;
}

}

/*
   ticker
*/

#wrapper_ticker {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 2%;
}


.no-gutters {
  margin:0;
  padding:0;
}

.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
  margin:0;
  padding:0;
}


#ticker_news .header {
  background: #485d8a;
  position: relative;
}

#ticker_news .header .title {
  padding: 12px 0;
  color: #fff;
  text-align: center;
}


#ticker_news .header a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#ticker_quote .header {
/*
  background: #485d8a;
*/
  background: #8899aa;
  position: relative;
}

#ticker_quote .header .title {
  padding: 16px 0;
  text-align: center;
  color: #fff;
/*
  color: #fff;
*/
}


#ticker_quote .header a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/*
#ticker_quote #content .box {
  position: relative;
  opacity: 1;
  width: auto;
  height: auto;
}
*/

#ticker_quote .box {
  position: relative;
  border: 1px solid #eee;
/*
  border-righm: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
*/
  transition: all 300ms ease-in-out;
}

#ticker_quote .box.link:hover {
  border: 1px solid #d71418;
}

#ticker_quote .box p {
/*
  display: inline-block;
float: left;
*/
  padding-right: 8px;
}

#ticker_quote .box dl {
/*
  display: inline-block;
*/
}

#ticker_quote .box p.date {
  display: none;
}


#ticker_quote .box .boxInner{
  padding:8px;
}

#ticker_quote .box .flag{
  position:absolute;
  top: 4px;
  right:4px;
}

#ticker_quote .box .title{
/*
  font-size:16px;
  margin-bottom:10px;
*/
  font-weight:bold;
}

#ticker_quote .box .date{
  color:#888;
}

#ticker_quote .box dl{
  font-weight:300;
/*
  margin-bottom:6px;
*/
}

#ticker_quote .box dt{
  float:left;
  font-family:'Open Sans';
  padding-left: 8px;
  padding-right: 8px;
/*
  padding: 4px;
  margin-top: 4px;
  font-size:20px;
  line-height:20px;
  margin-right:10px;
*/
}

#ticker_quote .box dd{
  float:left;
/*
  padding: 4px;
  font-size:16px;
  padding-top:8px;
*/
}

#ticker_quote .box a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

#ticker_quote2 .content {
  background-color: #8899aa;
  background-image:url('../img/parts_bg.jpg');
  background-position:center;
  background-size:cover;
}

#ticker_quote2 .box{
  background:rgba(255,255,255,0.9);
  position:relative;
  margin:5px;
  border: 1px solid #eee;
  transition: all 300ms ease-in-out;
}

#ticker_quote2 .box:hover {
  background: #fff;
}

#ticker_quote2 .box.link:hover {
  border: 1px solid #d71418;
}


/*
#ticker_quote2 .box:first-child{
  margin-top:0;
}
*/

#ticker_quote2 .box .boxInner{
  padding:20px 20px 19px;
}

#ticker_quote2 .box .flag{
  position:absolute;
  bottom:17px;
  right:20px;
}

#ticker_quote2 .box .title{
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
}

#ticker_quote2 .box .date{
  color:#888;
}

#ticker_quote2 .box dl{
  font-weight:300;
  margin-bottom:6px;
}

#ticker_quote2 .box dt{
  float:left;
  font-size:28px;
  font-family:'Open Sans';
  font-weight:300;
  line-height:28px;
  margin-right:10px;
}

#ticker_quote2 .box dd{
  float:left;
  font-size:16px;
  padding-top:8px;
  font-weight:300;
}

#ticker_quote2 .box a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


@media screen and (min-width: 760px) {

/*
#ticker_news .header {
  float: left;
  width: 20%;
  height: 44px;
}

#ticker_news .content {
  float: right;
  width: 80%;
  height: 44px;
}
*/

#ticker_news .content .news_list {
/*
  margin-left: 200px;
*/
}

#ticker_news .newsBox .newsTitle{
	padding: 8px 16px;
	background:#fff;
	position:relative;
}

}