/*
 * [ IMPORTANT ]
 *
 * Do NOT use ID-selector for coding CSS !!
 * You should only use class-selector.
 *
**/

/**
 *
 * Load-order of CSS Files
 *
 *       -  html5doctor.com.reset.css
 *       -  swiper.css
 *       -  tl.cmn.pre.css
 *       -  tl.layout.css
 *       -  tl.style.css
 *  HERE -> tl.cmn.post.css
 *
**/

/**
 *
 *  Description:
 *
 *  This CSS file define IMMUTABLE-design for web-site.
 *  For examples, width of web-site, page background color, and so on.
 *  Settings defined by this file have HIGHEST PRIORITY than others.
 *  So, I STRONGLY RECOMMEND DO NOT REWRITE THIS SETTINGS EASILY.
 *
**/

.cmn-text-no-decoration {
  text-decoration: none;
}

.cmn-linkstyle-pure,
.cmn-linkstyle-pure:link,
.cmn-linkstyle-pure:visited,
.cmn-linkstyle-pure:hover,
.cmn-linkstyle-pure:active {
  color: #222;
  text-decoration: none;
}

.cmn-minw {
  min-width: 720px;
}

.cmn-thm-bg {
  /* ---- the define of site color */
  /* if you wish to re-paint color, rewrite the following value. */
  /* Then, you have to apply the same color to other classes. */
  /* For examples, cmn-thm-border > border: 1px solid #XXXXXX. */
  background-color: #233;
  background-color: #344499;
}

.cmn-thm-border {
  border: 1px solid #349;
}

.cmn-thm-border-bottom {
  border-bottom: 2px solid #349;
}

.cmn-thm-fcolor {
  color: #fff;
}

.cmn-thm-link a,
.cmn-thm-link a:link,
.cmn-thm-link a:visited,
.cmn-thm-link a:hover,
.cmn-thm-link a:active {
  color: #fff;
  text-decoration: none;
}

.cmn-thm-link a:hover {
  color: #f73;
}

.cmn-indent-link p {
  text-indent: 1em;
}