@charset "UTF-8";

/*---PC版・Mobile版 共通設定----------------------------------------------------------------------*/

body {
    overflow: hidden !important;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 11pt !important;
}

#marker {
    background-color: #001f7a;
    color: #fff;
}

.header {
    position: fixed;
    background-color: white;
    width: 100%;
}

input, select {
    font-size: 100%;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
}

table {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    font-size: 11pt;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
}

.swapLabel100 {
    background-color: #ffffff;
    color: #000000;
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 11pt;
}

.swapArea200 {
    background-color: #ffffff;
    float: left;
    color: #000000;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    text-align: left;
    width: 166px;
    font-size: 11pt;
}

.swapAreaSS {
    background-color: #ffffff;
    float: left;
    color: #000000;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    text-align: left;
    width: 320px;
    font-size: 11pt;
}

.swListHeader {
    color: #09467D;
    font-size: 10pt;
    text-align: center;
}

.swListRowC {
    font-size: 10pt;
    text-align: center;
}

.swListRowR {
    font-size: 10pt;
    padding-right: 5px;
    text-align: right;
}

.swNewline {
    margin-top:10px;
}

table th, table td {
    border: 1px solid #9eb6ce;
    padding: 3px 6px 3px 4px;
    white-space: nowrap;
}

table th {
    background-color: #CFDCEE;
    color: #09467D !important;
}

table td {
    background-color: #f1f1f1;
}

.table-Fixed {
    background-color: #e4ecf7;
}

.th_highlight {
    background-color: #001f7a;
    color:#ffffff !important;
}

.td_highlight {
    background-color: #FFF;
}

.THoliday {
    background-color: #DFF3FE;
}

.LHoliday {
    background-color: #FEECD8;
}

.NHoliday {
    background-color: #F3E5F4;
}

.ui_Button {
    width: 75px;
    height: 36px !important;
    display: inline-block;
    position: relative;
    padding: 0;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    border: 1px solid #d3d3d3;
    background: #e6e6e6 /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic , "游ゴシック体" , sans-serif;
}

.ui_Button:hover {
    border: 1px solid #999999 /*{borderColorHover}*/;
    background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #212121 /*{fcHover}*/;
}

/*---PC版設定-------------------------------------------------------------------------------------*/

.swListRow {
    text-align: right !important;
}

.swCurrencyPairButton input {
    display: none;
}

.swCurrencyPairButton label {
    display: block;
    float: left;
    cursor: pointer;
    width: 61px;
    margin: 0;
    padding: 12px 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #bdc3c7;
    color: #555e64;
    font-size: 10pt;
    text-align: center;
    line-height: 1;
    transition: .2s;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
}

.swCurrencyPairButton label:first-of-type {
    border-radius: 3px 0 0 3px;
}

.swCurrencyPairButton label:last-of-type {
    border-right: 0px;
    border-radius: 0 3px 3px 0;
}

.swCurrencyPairButton input[type="radio"]:checked + label {
    background-color: #001f7a;
    color: #fff;
}

/*---Mobile版設定---------------------------------------------------------------------------------*/

.swmPaddingElement {
    margin-top: 288px;
}

.swmCurrencyPairButton input {
    display: none;
}

.swmCurrencyPairButton label {
    display: block;
    float: left;
    cursor: pointer;
    width: 90%;
    margin: 0px;
    padding: 12px 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #bdc3c7;
    color: #555e64;
    font-size: 10pt;
    text-align: center;
    line-height: 1;
    transition: .2s;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
}

.swmCurrencyPairButton label:first-of-type {
    border-radius: 3px 0 0 3px;
}

.swmCurrencyPairButton label:last-of-type {
    border-right: 0px;
    border-radius: 0 3px 3px 0;
}

.swmCurrencyPairButton input[type="radio"]:checked + label {
    background-color: #001f7a;
    color: #fff;
}

.swmSwapArea200 {
    background-color: White;
    float: left;
    color: Black;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    text-align: left;
    width: 162px;
    font-size: 11pt;
}

.swmListRowC {
    font-size: 11pt;
    text-align: center;
}

.swmListRowR {
    font-size: 11pt;
    text-align: right;
}

.swmLabel {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 118px;
    text-align: center;
    font-size: 11pt;
}

/*---------------------------------------------------------------------------------*/