/* ==========================================================================
   default-gray
   ========================================================================== */
/*!
 * Structure & Basic Styles
 *
 *
 */
/*!
* Widget Styles
*
*
*/
.wgt-heading {
  border-color: #555555;
}
.wgt-heading:before {
  color: #555555;
}

.wgt-heading2 {
  border-color: #555555;
}
.wgt-heading3:before {
  color: #555555;
}
.wgt-button button, .wgt-button a {
  border: 1px solid #ABABAB;
  background: #DDDDDD;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background: -moz-linear-gradient(#eeeeee 0%, #dddddd 100%);
  background: -webkit-linear-gradient(#eeeeee 0%, #dddddd 100%);
  background: linear-gradient(#eeeeee 0%, #dddddd 100%);
  color: #333333;
}

.wgt-cart {
  color: #555555;
}
.wgt-cart:hover {
  color: #555555;
}
.wgt-cart:before {
  color: #555555;
}

.wgt-unit {
  border-color: #CFCFCF;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #f7f7f7), color-stop(45%, #ffffff), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(#f7f7f7 15%, #ffffff 45%, #ffffff);
  background: -webkit-linear-gradient(#f7f7f7 15%, #ffffff 45%, #ffffff);
  background: linear-gradient(#f7f7f7 15%, #ffffff 45%, #ffffff);
}

.wgt-unit-h:before {
  color: #555555;
}

.wgt-unit-subhead:before {
  color: #555555;
}

.wgt-unit-button a, .wgt-unit-button button {
  color: #555555;
}
.wgt-unit-button a:hover, .wgt-unit-button button:hover {
  color: #624801;
}

.wgt-unit2-h {
  border-color: #555555;
}

.wgt-newslist-item a:before {
  color: #555555;
}

.wgt-newslist2-item a:before {
  color: #555555;
}

.wgt-linklist-item:before {
  color: #555555;
}

.wgt-ranking-item .rank:before {
  color: #555555;
}

.wgt-backlink:before {
  color: #555555;
}

.wgt-delete {
  color: #555555;
}
.wgt-delete:hover {
  color: #555555;
}
.wgt-delete:before {
  color: #555555;
}

/*!
* Module Styles
*
*
*/
.mod-menu {
  background-color: #333333;
}

.mod-menu-setting-h {
  color: #FFF;
}

.mod-menu-unit {
  border-color: #FFF;
}

.mod-menu-item-h {
  color: #FFF;
}

.mod-menu-item-button a.current {
  background: #FFF;
  color: #333;
}

.mod-menu-item2-button button, .mod-menu-item2-button a {
  border: 1px solid #ABABAB;
  background: #DDDDDD;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background: -moz-linear-gradient(#eeeeee 0%, #dddddd 100%);
  background: -webkit-linear-gradient(#eeeeee 0%, #dddddd 100%);
  background: linear-gradient(#eeeeee 0%, #dddddd 100%);
  color: #333333;
}
.mod-menu-item2-button button .num, .mod-menu-item2-button a .num {
  color: #FFF;
  background: #333333;
}

.mod-header-sitetitle {
  color: #555555;
}

.mod-header-navitem a {
  color: #555555;
}
.mod-header-navitem a:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(100%, #f7f7f7));
  background: -moz-linear-gradient(#ffffff 20%, #f7f7f7);
  background: -webkit-linear-gradient(#ffffff 20%, #f7f7f7);
  background: linear-gradient(#ffffff 20%, #f7f7f7);
}
.mod-header-navitem a.current {
  color: #FFF;
  background: #555555;
  border-color: #555555;
}

.mod-header-body {
  background: #F7F7F7;
  border-color: #555555;
}

.mod-footer-pagetop:before {
  color: #555555;
}

.mod-search {
  background: #F7F7F7;
  border-color: #CFCFCF;
}

.mod-search-button button, .mod-search-button a {
  border: 1px solid #ABABAB;
  background: #DDDDDD;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background: -moz-linear-gradient(#eeeeee 0%, #dddddd 100%);
  background: -webkit-linear-gradient(#eeeeee 0%, #dddddd 100%);
  background: linear-gradient(#eeeeee 0%, #dddddd 100%);
  color: #333333;
}

.mod-search-link:before {
  color: #555555;
}

.mod-searchDetail {
  background: #F7F7F7;
  border-color: #CFCFCF;
}

.mod-searchDetail-h {
  border-color: #555555;
}

.mod-searchDetail-link:before {
  color: #555555;
}

.mod-pagination-item a.current, .mod-pagination-item span.current {
  color: #FFF;
  background: #555555;
}

.mod-pagination-prev a:before {
  color: #555555;
}

.mod-pagination-next a:after {
  color: #555555;
}

.mod-index {
  border-color: #CFCFCF;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(#f7f7f7, #ffffff 50%, #ffffff);
  background: -webkit-linear-gradient(#f7f7f7, #ffffff 50%, #ffffff);
  background: linear-gradient(#f7f7f7, #ffffff 50%, #ffffff);
}

.mod-index-togglerbtn:before {
  color: #555555;
}

.mod-index-h .sub {
  color: #555555;
}
.mod-index-h:before {
  color: #555555;
}

.mod-index-body {
  border-color: #555555;
}

.mod-index-button a {
  color: #555555;
}
.mod-index-button a:before {
  color: #555555;
}

.mod-page h4 {
  border-color: #555555;
}
.mod-page h5 {
  color: #555555;
}

.mod-page-link:before {
  color: #555555;
}

.mod-login {
  background: #F7F7F7;
  border-color: #CFCFCF;
}

.mod-login-button button, .mod-login-button a {
  border: 1px solid #ABABAB;
  background: #DDDDDD;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background: -moz-linear-gradient(#eeeeee 0%, #dddddd 100%);
  background: -webkit-linear-gradient(#eeeeee 0%, #dddddd 100%);
  background: linear-gradient(#eeeeee 0%, #dddddd 100%);
  color: #333333;
}

.mod-login-link:before {
  color: #555555;
}

@media screen and (max-width: 767px) {
  /* ==========================================================================
     Mobile
     ========================================================================== */
  /*!
   * Structure & Basic Styles
   *
   *
   */
  /*!
  * Widget Styles
  *
  *
  */
  /*!
  * Module Styles
  *
  *
  */
  .mod-menu-setting-h {
    color: #000;
  }

  .mod-menu-unit {
    border-color: #000;
  }
  .invertColor-mode .mod-menu-unit {
    border-color: #999;
  }

  .mod-menu-item-h {
    color: #000;
  }
  .invertColor-mode .mod-menu-item-h {
    color: #FFF !important;
    background: #000 !important;
    border-color: #FFF !important;
  }
  .invertColor-mode .mod-menu-item-h a {
    color: inherit;
  }

  .mod-menu-item-button a {
    border: 1px solid #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .mod-menu-item-button a.current {
    border: 1px solid #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
}