@charset "utf-8";

/*========================================================
Japanese (color change)
========================================================*/
body{
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper {
    background-color: #fff;
}

/*============================
#header
============================*/

/*============================
#contents
============================*/
#contents h1.logo {
    background-color: #dcdcdc;
}
#contents h1.logo .inner img {
    max-width: 335px;
}
#contents .band {
    background-color: #000;
}
#ja hr.line {
    position: relative;
    height: 8px;
    border: 0;
    background: rgb(2, 161, 61);
    background: -webkit-gradient(linear, left top, right top, from(rgba(2, 161, 61, 1)), color-stop(50%, rgba(2, 161, 61, 1)), color-stop(50%, rgba(232, 1, 19, 1)), to(rgba(232, 1, 19, 1)));
    background: linear-gradient(to right, rgba(2, 161, 61, 1) 0%, rgba(2, 161, 61, 1) 50%, rgba(232, 1, 19, 1) 50%, rgba(232, 1, 19, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a13d', endColorstr='#e80113', GradientType=1);
}
#ja hr.line::after {
    display: inline-block;
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
    width: 50%;
    height: 8px;
    margin: auto;
    background: rgb(255, 178, 0);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 178, 0, 1)), color-stop(50%, rgba(255, 178, 0, 1)), color-stop(50%, rgba(1, 77, 161, 1)), to(rgba(1, 77, 161, 1)));
    background: linear-gradient(to right, rgba(255, 178, 0, 1) 0%, rgba(255, 178, 0, 1) 50%, rgba(1, 77, 161, 1) 50%, rgba(1, 77, 161, 1) 100%);
    content: "";

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb200', endColorstr='#014da1', GradientType=1);
}

/*============================
notice slidebox (first access only)
============================*/
#contents .noticeArea button {
    background-color: #6d766f;
}
#ja #contents .noticeArea button span.txt::before {
    content: url('../../common/img/question_jp.svg');
}

/*============================
GAME LIST STYLE
============================*/
.soft {
    background-color: #c8c8c8;
}
.soft .pkg {
    background-color: #e6e6e6;
    border: none;
}
.soft .gameTtl {
    color: #000;
}
.soft.sf .gameTtl {
    color: #000;
}
.soft p.size {
    color: #000;
}
/*============================
LINK AREA
============================*/
.linkArea li.linkBnr {
    position: relative;
    min-height: 140px;
    background-color: #898d8a;
    border: none;
}
#footer .footLink li:nth-child(2) {
    border-right: 1px solid #fff;
}
.linkArea li.linkBnr p.inner::after {
    background: url('../../common/img/arrow_1.svg') no-repeat center center;
}

/*============================
#footer
============================*/
#footer {
    background-color: #dcdcdc;
    color: #282828;
}
#footer .footLink .linkIcon {
    color: #014da1;
}
#footer .footLink .linkIcon:hover {
    color: #a10148;
}
#footer .footLink .linkIcon::before {
    /*background: url("../../common/img/arrow_2_jp.svg") no-repeat center center;*/
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 14px;
    border-color: transparent transparent transparent #014da1;
}
#footer .footLink .linkIcon:hover::before {
    border-color: transparent transparent transparent #a10149;
}
#footer .footLink li:nth-child(2) {
    border-left: 1px solid #757373;
    border-right: 1px solid #757373;
}
#footer .copyR {
    color: #282828;
    font-size: 13px;
    line-height: 1.4;
}
/*============================
language menu
============================*/
#langNav {
    border-left: 2px solid #fff;
    background-color: #6d766f;
}
#langNav ul li {
    border-bottom: 2px solid #fff;
}
#langNav ul a:hover li {
    background-color: #fcfcf2;
    color: #a5141e;
}

/*================================================================================================================
~750px
================================================================================================================*/

@media only screen and (max-width: 750px) {
    .soft {
        float: left;
    }
    .footLink li {
    }
}




/*========================================================
manual.html
========================================================*/
.manual div.section {
    color: #000;
}
.manual .h2Wrp h2 {
    background-color: #898d8a;
}
.manual .section ul.numberList .numTtl {
    color: #497c45;
}
.manual .num {
    background-color: #82bd7a;
}
.manual .section table.basicTbl {
    border: 1px solid #497c45;
}
.manual table.basicTbl tr th {
    border-right: 1px solid #497c45;
    border-bottom: 1px solid #497c45;
    background-color: #dcdcdc;
}
.manual .section table.basicTbl tbody tr td {
    border-bottom: 1px solid #497c45;
    background-color: #fff;
}
.manual .notes-frame {
    border: 2px solid #818181;
    background-color: transparent;
}
.manual .notes-frame dt {
    color: #497c45;
}
.manual .section .attent {
    background-color: #dcdcdc;
}
.manual .section .attent {
    background-color: #dcdcdc;
}
.manual .section .attent .ttl {
    color: #497c45;
}
.manual h3 {
    color: #497c45;
}
.manual .backBtn {
    color: #497c45;
}
.manual .backBtn a::before {
    border-color: transparent transparent transparent #497c45;
}
.manual .backBtn:hover {
    color: #a10148;
}
.manual .backBtn:hover a::before {
    border-color: transparent transparent transparent #a10148;
}
.manual span.caution {
    padding-left: 1em;
    text-indent: -1em;
}