@charset 'utf-8';

.BG_BODY {
    background-image: url(img/side_bg.gif);
}

body {
    background-color: #fcfcfc;
}

/* header area settings */

.main-header {
    background-image: url(img/bg_header.gif);
    background-repeat: repeat-x;
}

.header-title {
    border: none;
    background: none;
}

.notification {
    background-color: #daf5ff;
}

.notification__inner {
    display: flex;
    width: 950px;
    height: 40px;
    margin: 0 auto;
}

.notification__icon {
    width: 15px;
    height: 15px;
    margin-top: 12px;
    margin-right: 5px;
}

.notification__text {
    font-weight: 700;
}

.notification__link {
    margin-top: 12px;
    margin-left: 13px;
}

/* sidemenu color */

.sidemenu,
.sidemenu-boundary {
    border-top: 1px solid #e6e6e6;
}

.menu-contents-boundary {
    border-top: 1px dashed #e6e6e6;
}

.sidemenu a,
.sidemenu .menu-contents,
.sidemenu .active .menu-contents a {
    color: #403230;
}

.sidemenu dt a {
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
}

.sidemenu a .fa {
    color: #5c514f;
}

.sidemenu .menu-contents,
.sidemenu .active .menu-contents a {
    background-color: #fff;
}

/* sidemenu color - a要素 hover時 */

.sidemenu a:hover,
.sidemenu .relative:hover dt > a,
.sidemenu .relative:hover dt > a i,
.sidemenu .menu-contents a:hover,
.sidemenu .active .menu-contents a:hover {
    background-color: #fcfcfc;
    color: #f60;
}

/* sidemenu color - 展開表示部分 */

.sidemenu .active a,
.sidemenu .active a:hover,
.sidemenu .active a .fa,
.sidemenu .active.relative:hover dt > a,
.sidemenu .active.relative:hover dt > a i {
    background-color: #fff;
    color: #403230;
}

.sidemenu .active .menu-contents {
    border-bottom: 1px solid #e6e6e6;
}

/** sidemenu - 現在地表示 **/
.customer .active .customer.item a,
.credit .active .credit.item a,
.osaipo .active .osaipo.item a,
.account .active .account.item a,
.upd_end .active .account.item a,
.account_manual .active .account_manual.item a,
.contract .active .contract.item a,
.chg_cont .active .contract.item a,
.upd_cont .active .contract.item a,
.pay_cont .active .contract.item a,
.pay_exec .active .contract.item a,
.pay_cont_op .active .contract.item a,
.pay_exec_op .active .contract.item a,
.change-plan .active .change-plan.item a,
.domain .active .domain.item a,
.subdomain .active .subdomain.item a,
.domain-migration .active .domain-migration.item a,
.ssl .active .ssl.item a,
.anti-virus .active .anti-virus.item a,
.backup .active .backup.item a,
.ml .active .ml.item a,
.mm .active .mm.item a,
.mail-address .active .mail-address.item a,
.services-login.lolipop-ftp .active .lolipop-ftp.item a,
.content-cache .active .content-cache.item a,
.disk .active .disk.item a,
.htaccess .active .htaccess.item a,
.ftpaccess .active .ftpaccess.item a,
.ip-filter .active .ip-filter.item a,
.net-de-shindan .active .net-de-shindan.item a,
.errpage .active .errpage.item a,
.analyze .active .analyze.item a,
.accnt .active .accnt.item a,
.mysql .active .mysql.item a,
.cron .active .cron.item a,
.ssh .active .ssh.item a,
.php .active .php.item a,
.waf .active .waf.item a,
.concurrent-access .active .concurrent-access.item a,
.server-limits .active .server-limits.item a,
[class$=install] .active .install.item a,
.install.wordpress .active .wordpress.item a,
.install.baser .active .baser.item a,
.install.eccube .active .eccube.item a,
.install.bootstrap .active .bootstrap.item a,
.wordpress-migrator .active .wordpress-migrator.item a,
.wordpress-themes-store .active .wordpress-themes-store.item a,
.studio .active .studio.item a,
.blog .active .blog.item a,
.blog_upd_j .active .blog.item a,
.blog_reexec .active .blog.item a,
.blog_kiyaku .active .blog.item a,
.colormeshop .active .colormeshop.item a,
.cart .active .item a,
.assist.crayon .active .crayon.item a,
.assist.lancers .active .lancers.item a,
.account-security .active .account-security.item a {
    color: #fff;
    background-color: #f60;
    font-weight: bold;
}

/* side footer link */

.side-footer-link i,
.side-footer-link li a {
    color: #5c514f;
}

li.side-footer-link-line {
    border-bottom: 1px dashed #e6e6e6;
}

.side-footer-caption {
    color: #5c514f;
    padding-bottom: 5px;
}

/* お試し期間カウントダウン */

.trial-period {
    background-color: #fff;
    border: 1px solid #e6e6e6;
}

/* SNS */

.side-sns-link {
    border: 1px solid #e6e6e6;
}

.side-sns-link-text {
    color: #5c514f;
}