@charset "utf-8";
@import url('font-awesome/css/font-awesome.min.css');

/*! ==========================================================================

   INFOPLATE 5 style.css v.1.0.2 2014.5.21

   ========================================================================== */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  color: #222;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}

a {
  color: #36c;
  text-decoration: none;
}

a:hover {
  color: #36c;
  text-decoration: underline;
}

a:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}

a:visited {
}

a:focus {
   outline: none;
}

textarea:focus,
input:focus {
}

@media(max-width: 640px) {

  html,body{
    width: 100%;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
  }

  body {
    padding-right: 1em;
    padding-left:  1em;
  }

  img {
    height: auto;
    max-width: 100%;
  }

  textarea,input{
    max-width: 95%;
  }

  /* 埋め込みiframe */

  .iframe-wrap {
      position: relative;
      padding-top: 56.25%;
      width: 100%;
  }

  .iframe-wrap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

}

/* ==========================================================================
   Layout
   ========================================================================== */

.c1   .l-header-inner, .c1   .global-navi, .c1   .global-navi-inner, .c1   .l-container, .c1   .l-footer-inner { max-width: 800px }
.c2l  .l-header-inner, .c2l  .global-navi, .c2l  .global-navi-inner, .c2l  .l-container, .c2l  .l-footer-inner { max-width: 960px }
.c2r  .l-header-inner, .c2r  .global-navi, .c2r  .global-navi-inner, .c2r  .l-container, .c2r  .l-footer-inner { max-width: 960px }

/* Header
   ========================================================================== */

.l-header {
}

.l-header-inner {
  margin: 0 auto;
  padding: 25px 0;
  position: relative;
}

  .l-container .l-header-inner { 
    margin-top: 0;
  }

.site-title {
  margin: 0 0 .1em;
  font-weight: bold;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.333;
}

.site-title a {
  color: #333;
  text-decoration: none;
}

.site-title a:hover {
  color: #666;
}

.site-description {
  margin: 0;
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.618;
}

@media(max-width: 640px) {

  .site-title,
  .site-description {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

}

/* Header navi
   ========================================================================== */

.header-navi:before,.header-navi:after { content: ""; display: table }
.header-navi:after { clear: both }
.header-navi {
  position: absolute;
  right: 0;
  top: 25px;
  margin-top: 0;
  padding-left: 0;
  list-style-type: none;
  *zoom: 1
}

.header-navi li {
  float: left;
  margin-left: 1.333em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.333;
}

.header-navi li a {
  color: #555;
}

.header-navi li a:hover,
.header-navi li a.active {
  color: #999;
  text-decoration: none;
}

@media(max-width: 640px) {

  .header-navi {
    position: relative;
    margin-top: 1em;
    text-align: center;
  }

  .header-navi li {
    display: inline-block;
    float: none;
    margin-right: 1.333em;
    margin-left: 0;
    font-size: 13px;
    font-size: 1.3rem;
  }

}

/* Banner
   ========================================================================== */

@media(max-width: 640px) {

  .banner img {
    max-width: 100% !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}

/* Global navi
   ========================================================================== */

.global-navi,
.global-navi-w {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAoCAYAAADHVmuAAAAAcUlEQVR42pXDAQaDAABA0S+ZRGNmZpKYJJmZyZgkk5lMpPsfpiv8Ho8tAplQZicTycQyicxe5iBzlDnJnGUuMqlMJpPLXGUKmVKmkqllbjJ3mYfMU6aRecm8ZVqZTqaX+cgMMl+Zn8wo85eZZGaZxVwB8Bs/wZPeTLgAAAAASUVORK5CYII=);
  background-position: center bottom;
  background-repeat: repeat-x;
  box-shadow: 0 1px 2px rgba(0,0,0,.4) inset, 0 1px 0 rgba(0,0,0,.2) inset;
}

  .global-navi {
    margin: 0 auto 30px;
    border-radius: 5px;
  }

  .global-navi-w {
    margin: 0 0 30px;
    border-radius: 0px;
  }

.global-navi-inner:before,.global-navi-inner:after { content: ""; display: table }
.global-navi-inner:after { clear: both }
.global-navi-inner {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  *zoom: 1;
}

.global-navi-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 0;
  border-radius: 5px;
}

.global-navi-inner li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: auto;
  text-align: left;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
}

.global-navi-inner li:last-child {
  border-right : 1px solid rgba(255,255,255,.2);
}

  .global-navi-w .global-navi-inner li:first-child {
    border-left : 1px solid rgba(0,0,0,.15);
  }

  .global-navi-w .global-navi-inner li:first-child a {
    border-left : 1px solid rgba(255,255,255,.2);
  }

.global-navi-inner li a {
  display: block;
  padding: 1.1em 1.333em;
  border-right: 1px solid rgba(0,0,0,.15);
  border-left : 1px solid rgba(255,255,255,.2);
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0,0,0,.15);
}

.global-navi-inner li:first-child a {
  border-left : none;
}

.global-navi-inner li a:hover {
  background-color: rgba(0,0,0,.1);
  text-decoration: none;
}

  .global-navi-inner li:first-child a:hover {
    border-radius: 5px 0 0 5px;
  }

.global-navi-inner li a.active {
  background-color: rgba(0,0,0,.1);
}

  .global-navi-inner li:first-child a.active {
    border-radius: 5px 0 0 5px;
  }

.global-navi-inner li.submenu a:before {
  display: block;
  float: right;
  margin-left: 10px;
  width: 5px;
  height: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKUlEQVQIW2NgwAb+//+/GYjPIOHNIEFjNEFjmOoGqEADshG8UGN4QXwAyDY4/g9aoQMAAAAASUVORK5CYII=);
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

.global-navi-inner li a:active {
  box-shadow: 0 2px 2px rgba(0,0,0,.5) inset;
}

/* 2nd */

.global-navi-inner li ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  width: 100%;
  list-style: none;
}

.global-navi-inner li.submenu ul a:before {
  content: none;
}

.global-navi-inner li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
}

.global-navi-inner li ul li a {
  border-top: 1px solid rgba(0,0,0,.1618);
  border-right: none;
  border-left : none;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
}

.global-navi-inner ul li:last-child {
  border-right : none;
}

.global-navi-inner > li:hover > ul > li {
  overflow: visible;
  height: 38px;
}

/* 3rd, 4th */

.global-navi-inner li ul li ul {
  top: 0;
  left: 100%;
}

.global-navi-inner li:last-child ul li ul {
  left: -100%;
  width: 100%;
}

.global-navi-inner li ul li ul li {
}

.global-navi-inner li ul li ul:before {
  position: absolute;
  top: 16px;
  left: -20px;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-left-color: #eee;
  content: "";
}

.global-navi-inner li:last-child ul li ul:before {
  position: absolute;
  top: 16px;
  left: 200%;
  margin-left: -20px;
  border: 3px solid transparent;
  border-right-color: #eee;
  content: "";
}

.global-navi-inner li ul li:hover > ul > li {
  overflow: visible;
  height: 38px;
}

/* RWD */

.global-navi-btn { display: none }

@media(max-width: 640px) {

  .global-navi,
  .global-navi-w {
    margin: 0 auto 30px !important;
  }

  .global-navi,
  .global-navi-w {
    background-image: none !important;
  }

  .global-navi-inner ul { display: none }
  .navi-open ul { display: block }
  .global-navi-btn {
    display: block;
    padding: 1.1em;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1;
    cursor: pointer;
  }

  .global-navi-inner li {
    float: none;
    border-top: 1px solid rgba(0,0,0,.1618);
    font-size: 13px;
    font-size: 1.3rem;
  }

  .global-navi-inner li a,
  .global-navi-inner li:last-child,
  .global-navi-w .global-navi-inner li:first-child,
  .global-navi-w .global-navi-inner li:first-child a {
    border-right: none;
    border-left : none;
  }

  .global-navi-inner li a:active {
    box-shadow: none !important;
  }

  .global-navi-inner li.submenu a:before {
    content: none;
  }

  /* 2nd */

  .global-navi-inner li ul {
    position: relative;
    top: auto;
    width: auto;
    list-style: none;
    margin-left: 2.618em;
  }

  .global-navi-inner li:last-child > ul {
    margin-bottom: 1em;
  }

  .global-navi-inner li ul li {
    overflow: visible;
    border: none;
    width: auto;
    height: auto;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .global-navi-inner li.submenu ul a:before {
    content: none;
  }

  .global-navi-inner li ul li a {
    border: none;
    font-weight: normal;
    font-size: 13px;
    font-size: 1.3rem;
    padding: .333em 0;
    color: rgba(255,255,255,.8)
  }

  .global-navi-inner li ul li a:hover {
    background-color: transparent;
    text-decoration: underline;
  }

  .global-navi-inner > li:hover > ul > li {
    height: auto;
  }

  /* 3rd, 4th */

  .global-navi-inner li ul li ul {
    top: 0;
    left: auto;
  }

  .global-navi-inner li:last-child ul li ul {
    left: auto;
    width: auto;
  }

    .global-navi-inner li ul li ul:before,
    .global-navi-inner li:last-child ul li ul:before {
      content: none;
    }

    .global-navi-inner li ul li:before {
      position: absolute;
      top: .75em;
      left: -.75em;
      width: 0;
      height: 0;
      border: 3px solid transparent;
      border-left-color: #eee;
      content: "";
    }

  .global-navi-inner li ul li ul li {
  }

  .global-navi-inner li ul li:hover > ul > li {
    overflow: visible;
    height: auto;
  }

}

/* Container
   ========================================================================== */

.l-container:before,.l-container:after { content: ""; display: table }
.l-container:after { clear: both }
.l-container {
  margin: -5px auto 25px;
  padding: 50px;
  border-radius: 5px;
  /* oldie */
  behavior: url(ipfw/PIE.htc);
  position: relative;
  zoom: 1;
}

  .c2l .l-container,
  .c2r .l-container { padding: 40px }

@media(max-width: 640px) {

  .l-container {
    padding: 1em !important
  }

}

.l-container > *:first-child {
  margin-top: 0 !important
}


.container--noshadow {
  box-shadow: none !important;
  /* oldie */
  -pie-box-shadow: none !important;
}

.container--noradius {
  border-radius: 0 !important;
}

/* Banner
   ========================================================================== */

.banner:before,.banner:after { content: ""; display: table }
.banner:after { clear: both }
.banner {
  margin-bottom: 25px;
  position: relative;
  *zoom: 1
}

/* Body
   ========================================================================== */

.l-main { width: 67% }
.l-sub  { width: 33% }

/* c2r */

.c2r .l-main {
  float: left;
  padding-right: 20px;
}

.c2r .l-sub {
  float: right;
  padding-left: 20px;
}

/* c2l */

.c2l .l-main {
  float: right;
  padding-left: 20px;
}

.c2l .l-sub {
  float: left;
  padding-right: 20px;
}

.l-main > *:first-child,
.l-sub > *:first-child {
  margin-top: 0 !important
}

@media(max-width: 640px) {

  .c2r .l-main,
  .c2r .l-sub,
  .c2l .l-main,
  .c2l .l-sub {
    float: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

}

/* Footer
   ========================================================================== */

.l-footer {
  clear: both;
  overflow: hidden;
}

.l-footer-inner:before,.l-footer-inner:after { content: ""; display: table }
.l-footer-inner:after { clear: both }
.l-footer-inner {
  margin: 0 auto;
  padding: 0 0 50px;
  *zoom: 1
}

.l-footer address {
  float: left;
}

.l-footer p {
  float: right;
}

.l-footer address,
.l-footer p {
  margin: 0;
  color: #666;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.333;
}

@media(max-width: 640px) {

  .l-footer address,
  .l-footer p {
    float: none;
    margin-bottom: 10px !important;
    text-align: center !important;
  }

}


/* ==========================================================================

   Basic Modules

   ========================================================================== */

p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2;
}

li {
  margin: 0 0 .5em;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.618;
}

  .sub,
  .sub p {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .sub li {
    margin: 0 0 .168em;
  }

.h1 {
  margin: 2em 0 1em;
  font-weight: normal;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.333;
}

  .sub .h1 {
    margin: 1.5em 0 .75em;
    font-size: 22px;
    font-size: 2.2rem;
  }

.h2 {
  margin: 2em 0 1em;
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.333;
}

  .sub .h2 {
    margin: 1.5em 0 .75em;
    font-weight: normal;
    font-size: 19px;
    font-size: 1.9rem;
  }

.h3 {
  margin: 2em 0 1em;
  font-weight: bold;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.618;
}

  .sub .h3 {
    margin: 1.5em 0 .75em;
    font-size: 16px;
    font-size: 1.6rem;
  }

@media(max-width: 640px) {

  .h1,
  .h2,
  .h3 {
    font-size: 20px !important;
    font-size: 2.0rem !important;
  }

}

.h4 {
  margin: 2em 0 1em;
  padding-top: .75em;
  border-top: 1px solid #ccc;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.618;
}

  .sub .h4 {
    margin: 1.5em 0 .75em;
    padding-top: .75em;
    font-size: 16px;
    font-size: 1.6rem;
  }

.h5 {
  margin: 2em 0 1em;
  padding: .9em;
  background-color: #eee;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.618;
}

  .sub .h5 {
    margin: 1.5em 0 .75em;
    font-size: 15px;
    font-size: 1.5rem;
  }

.h6 {
  margin: 2em 0 1em;
  padding: .5em .75em ;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.618;
  border-left: 5px solid #bbb;
}

  .sub .h6 {
    margin: 1.5em 0 .75em;
    font-size: 15px;
    font-size: 1.5rem;
  }

.caption {
  margin: .5em 0;
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.618;
}

.note {
  font-size: 90%;
  color: #555;
  line-height: 1.618;
}

/* Photo effects */

.img-right {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.img-left {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

@media(max-width: 640px) {

  .img-right,
  .img-left {
    float: none !important;
    display: block !important;
    margin: 0 auto 1.5em !important;
  }

}

.img-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
  /* oldie */
  behavior: url(ipfw/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-box-shadow: 0 1px 3px #cccccc;
}

.img-photo {
  border: 7px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
  /* oldie */
  behavior: url(ipfw/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-box-shadow: 0 2px 8px #cccccc;
}

/* Columns */

.l-row:before,.l-row:after { content: ""; display: table }
.l-row:after { clear: both }
.l-row { *zoom: 1; margin: 2em -1em }

*[class*="l-column"] { float: left; padding: 0 1em 1em }
*[class*="l-column"] > *:first-child { margin-top: 0 !important }

.l-column-1  { width:  8.3333333333% }
.l-column-2  { width: 16.6666666667% }
.l-column-3  { width: 25% }
.l-column-4  { width: 33.3333333333% }
.l-column-5  { width: 41.6666666667% }
.l-column-6  { width: 50% }
.l-column-7  { width: 58.3333333333% }
.l-column-8  { width: 66.6666666667% }
.l-column-9  { width: 75% }
.l-column-10 { width: 83.3333333333% }
.l-column-11 { width: 91.6666666667% }
.l-column-12 { width: 100% }

.cl { clear: both }

@media(max-width: 640px) {

  *[class*="l-column"] { float: none !important; }
  .l-column-1,
  .l-column-2,
  .l-column-3,
  .l-column-4,
  .l-column-5,
  .l-column-6,
  .l-column-7,
  .l-column-8,
  .l-column-9,
  .l-column-10,
  .l-column-11,
  .l-column-12 { width: 100% !important; }

}

/* to Pagetop */

.pagetop {
  position: fixed;
  right: 35px;
  bottom: 35px;
  clear: both;
  text-align: right;
}

.pagetop a {
  display: block;
  overflow: hidden;
  width: 73px;
  height: 38px;
  background-image: url(img/pagetop-blk.png);
  line-height: 9999em;
  opacity: 0.5;
}

.pagetop a:hover { opacity: 1 }

@media(max-width: 640px) {

  .pagetop { display: none !important }

}

/* Back to index page */

.to-index {
  margin: 5em 0 2em;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
}

/* Responsive item */

.large-screen { display: block }
.small-screen { display: none }

@media(max-width: 640px) { 

  .large-screen { display: none }
  .small-screen { display: block }

}

/* ==========================================================================
   Sub header
   ========================================================================== */

*[class*="subheader--"] {
  text-align: left;
  clear: both;
  margin: 2em auto 1em;
}

/* large */

.subheader--large {
  letter-spacing: 1px;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.333;
}

@media(max-width: 640px) { 

  body .subheader--large {
    font-size: 24px !important;
    font-size: 2.4rem !important;
  }

}

/* medium */

.subheader--medium {
  letter-spacing: 1px;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.333;
}

/* small */

.subheader--small {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.333;
}

/* Postscript */

.ps {
  margin: 2.5em 0 1em;
  padding: 0 0 20px;
  border-top: none;
  border-bottom: 1px #999 dotted;
  color: #444;
  text-align: left;
  letter-spacing:26px;
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "Hiragino Mincho Pro", "HGS??÷³¯E", "£??£?? £????÷³¯", serif;
  line-height: 1.1;
}


/* ==========================================================================
   Box
   ========================================================================== */

*[class*="box--"] {
  margin: 2em auto;
  padding: 25px;
  /* oldie */
  position: relative;
  zoom: 1;
  behavior: url(ipfw/PIE.htc);
}

  .sub *[class*="box--"] {
    margin: 1.5em auto;
    padding: 20px;
  }

@media(max-width: 640px) { 

  *[class*="box--"] { padding: 13px !important}
  *[class*="box--"] > *[class*="box__title"],
  *[class*="box--"] > .box__title--small { margin: -13px -13px 13px !important}
  .sub *[class*="box--"] { padding: 13px !important}
  .sub *[class*="box--"] > *[class*="box__title"],
  .sub *[class*="box--"] > .box__title--small { margin: -13px -13px 13px !important}

}

*[class*="box--"] > :first-child {
  margin-top: 0;
}

*[class*="box--"] > :last-child {
  margin-bottom: 0;
}

*[class*="box--"] > *[class*="box--"] {
  border-radius: 0;
}

*[class*="box--"] > ul,
*[class*="box--"] > ol {
  padding: 0 1.333em;
}

/* large */

.box--large {
}


/* medium */

.box--medium {
}


/* small */

.box--small {
}

/* Box - Box title
   ========================================================================== */

*[class*="box--"] > *[class*="box__title"] {
  margin: -25px -25px 25px;
  padding: 1.25em 1.25em 1.1em;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.333;
  /* oldie */
  position: relative;
  zoom: 1;
  behavior: url(ipfw/PIE.htc);
}

*[class*="box--"] > .box__title--small {
  margin: -25px -25px 25px;
  padding: .75em 1em;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.333;
}

  .sub *[class*="box--"] > *[class*="box__title"] {
    margin: -20px -20px 20px;
    padding: 1em 1em .9em;
    font-size: 15px;
    font-size: 1.5rem;
  }

  .sub *[class*="box--"] > .box__title--small {
    margin: -20px -20px 20px;
    padding: .75em 1em;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
  }

*[class*="box--"] > .box__title span {
  display: block;
  float: left;
  margin: -.25em .75em 0 0;
  padding: .6em 1em .4em;
  text-align: left;
  letter-spacing: 1px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.1;
}

/* large */

.box--large > .box__title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.333;
}

.box--large > .box__title--small {
  font-size: 16px;
  font-size: 1.6rem;
}

/* medium */

.box--medium > .box__title {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.333;
}

.box--medium > .box__title--small {
  font-size: 15px;
  font-size: 1.5rem;
}

/* small */

.box--small > .box__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.333;
}

.box--small > .box__title--small {
  font-size: 14px;
  font-size: 1.4rem;
}

/* Box - Header group
   ========================================================================== */

*[class*="box--"] > .box__hgroup {
  margin: 0 0 20px;
  padding: 0 0 10px;
}

.box__hgroup:before,.box__hgroup:after { content: ""; display: table }
.box__hgroup:after { clear: both }
.box__hgroup { *zoom: 1 }

*[class*="box--"] > .box__hgroup h4 {
  margin: 0 0 10px;
  text-align: left;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.618;
}

*[class*="box--"] > .box__hgroup h4 small {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
}

*[class*="box--"] > .box__hgroup p {
  margin: 0 0 10px;
  color: #666;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.618;
}


/* ==========================================================================
   Check list
   ========================================================================== */

ul[class*="checklist--"],
ol[class*="checklist--"] {
  margin: 2.5em auto;
  padding: 0;
}

*[class*="checklist--"] li:last-child {
  margin-bottom: 0 !important;
}

*[class*="checklist--"] li {
  margin: 0;
  padding: .5em .5em .5em 33px;
  background-position: 8px .65em;
  background-repeat: no-repeat;
  background-image: url(img/bullet-check-red.png);
  list-style-type: none;
  text-align: left;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.618;
}

  .sub *[class*="checklist--"] {
    margin: 1.5em auto;
    padding: 0;
  }

  .sub *[class*="checklist--"] li {
    font-size: 14px;
    font-size: 1.4rem;
  }

*[class*="checklist--"].checklist-green li  { background-image: url(img/bullet-check-green.png)  }
*[class*="checklist--"].checklist-blue li   { background-image: url(img/bullet-check-blue.png)   }
*[class*="checklist--"].checklist-gray li   { background-image: url(img/bullet-check-gray.png)   }
*[class*="checklist--"].checklist-purple li { background-image: url(img/bullet-check-purple.png) }
*[class*="checklist--"].checklist-red li    { background-image: url(img/bullet-check-red.png)    }
*[class*="checklist--"].checklist-yellow li { background-image: url(img/bullet-check-yellow.png) }

/* large */

.checklist--large {
  border-top: 1px solid #ddd;
}

.checklist--large li {
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

.checklist--large li:nth-child(odd){
  background-color: rgba(0,0,0,.01);
}

/* medium */

.checklist--medium {
  border-top: 1px dotted #ccc;
}

.checklist--medium li {
  border-bottom: 1px dotted #ccc;
}

.checklist--medium li:nth-child(odd){
}

/* small */

.checklist--small {
  margin: 2em;
}

*[class*="box--"] > .checklist--small {
  margin-left: 0;
}

/* ==========================================================================
   Background in body
   ========================================================================== */

*[class*="bgcolor--"] {
  margin: 50px -50px;
  padding: 50px;
}

  .c2l *[class*="bgcolor--"],
  .c2r *[class*="bgcolor--"] { padding: 40px }

@media(max-width: 640px) {

  *[class*="bgcolor--"] {
    margin: 1em -1em !important;
    padding: 1em !important;
  }

}

*[class*="bgcolor--"] > :first-child {
  margin-top: 0;
}

*[class*="bgcolor--"] > :last-child {
  margin-bottom: 0;
}

*[class*="bgcolor--"] > .bgcolor__head {
  margin: -1em -1em 1em;
  text-align: left;
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.618;
}

@media(max-width: 640px) {

  *[class*="bgcolor--"] > .bgcolor__head {
    margin: 0 !important;
  }

}

/* large */

.bgcolor--large {
}

.bgcolor--large > .bgcolor__head {
}

/* medium */

.bgcolor--medium {
}

.bgcolor--medium > .bgcolor__head {
}

/* small */

.bgcolor--small {
}

.bgcolor--small > .bgcolor__head {
}

/* ==========================================================================
   Table
   ========================================================================== */

*[class*="table--"] {
  margin: 2em auto;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

  .sub  *[class*="table--"] {
    margin: 1.5em auto;
  }

*[class*="table--"] th,
*[class*="table--"] td {
}

.nowrap {
  white-space: nowrap;
}

/* large */

.table--large {
}

.table--large th,
.table--large td {
  padding: 1em 1.3em;
}

  .sub .table--large th,
  .sub .table--large td {
    padding: .75em 1em;
  }

.table--large th {
}

/* medium */

.table--medium {
}

.table--medium th,
.table--medium td {
  padding: 1em 1.3em;
}

  .sub .table--medium th,
  .sub .table--medium td {
    padding: .75em 1em;
  }

.table--medium th {
}

/* small */

.table--small {
}

.table--small th,
.table--small td {
  padding: .75em 1em;
}

  .sub .table--small th,
  .sub .table--small td {
    padding: .5em .75em;
  }

.table--small td {
}


/* ==========================================================================
   Form
   ========================================================================== */

*[class*="form--"] {
  margin: 2em auto;
}

  .sub  *[class*="form--"] {
    margin: 1.5em auto;
  }

.form-button,
.form-button-w {
  position: relative;
  display: block;
  margin: 1em auto 0;
  border: 1px solid rgba(0,0,0,.33);
  border-radius: 4px;
  background-origin: border-box;
  box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 -2px rgba(0,0,0,.1), inset 0 1px rgba(255,255,255,.2);
  /* oldie */
  position: relative;
  zoom: 1;
  -pie-box-shadow: 0 1px 2px #999;
  behavior: url(ipfw/PIE.htc);
}

.form-button-w {
  width: 100%;
}

.form-button:after,
.form-button-w:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: -webkit-linear-gradient       (top, rgba(255,255,255,.3), rgba(255,255,255,0), rgba(0,0,0,.1));
  background:         linear-gradient( to bottom, rgba(255,255,255,.3), rgba(255,255,255,0), rgba(0,0,0,.1));
  content: "";
}

.form-button:hover,
.form-button-w:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.form-button:active,
.form-button-w:active {
  top: 1px;
  box-shadow: inset 0 2px 2px rgba(0,0,0,.3);
}

@media(max-width: 640px) {

  *[class*="form--"] input[type="text"] {
    width: 100% !important;
  }

  .form-button,
  .form-button-w {
    margin: 1em auto 0 !important;
  }

}

/* large */

.form--large {
  border-top: 1px solid #eee;
}

.form--large label {
  margin: 0;
  padding: 1em 0;
  display: block;
  border-bottom: 1px solid #eee;
}

.form--large label span {
  display: block;
  font-weight: bold;
  float: left;
  margin-right: 1em;
  width: 7em;
}

.form--large input[type="text"] {
  margin: 0;
}

.form--large textarea {
  margin: .5em 0;
  width: 100%;
}

.form--large .form-button,
.form--large .form-button-w {
  padding: .666em 1.333em;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
}

@media(max-width: 640px) {

  .form--large label span {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }

}

/* medium */

.form--medium label {
  margin: .5em 0 0;
  padding: .5em 0 0;
  display: block;
  border-top: 1px solid #eee;
}

.form--medium label span {
  display: block;
  font-weight: bold;
}

.form--medium input[type="text"] {
  margin: .5em 0;
}

.form--medium select {
  margin: .5em 0;
}

.form--medium textarea {
  margin: .5em 0;
  width: 100%;
}

.form--medium .form-button,
.form--medium .form-button-w {
  padding: .666em 1.333em;
  font-size: 16px;
  font-size: 1.6rem;
}

/* small */

.form--small label {
  margin: .33em 0 0;
  padding: .33em 0 0;
  display: block;
  border-top: 1px solid #eee;
}

.form--small label span {
  display: block;
  font-weight: bold;
}

.form--small input[type="text"] {
  margin: .33em 0;
}

.form--small textarea {
  margin: .33em 0;
  width: 100%;
}

.form--small .form-button,
.form--small .form-button-w {
  margin-left: 0;
  padding: .333em 1em;
  font-size: 15px;
  font-size: 1.5rem;
}


/* ==========================================================================

   Specialty modules

   ========================================================================== */

/* Order area
   ========================================================================== */

.order__h1 {
  margin: 0 0 18px;
  color: #36c;
  text-align: left;
  font-weight: normal;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.333;
}

.order__p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.618;
}

.order__ul {
  padding: 0 0 1em 2em;
}

.order__ul li {
  margin: 0 0 .33em;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.333;
}

.order__image {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

@media(max-width: 640px) {

  .order__image {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }

}

.order__price1 {
  margin: 0 0 .25em;
  color: #888;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.333;
}

.order__price2 {
  margin: 0 0 .25em;
  color: #e60000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.333;
}

.order__price2 strong {
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
}

.order__note,
.order__note li {
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.618;
}

/* Frequently Asked Questions
   ========================================================================== */

.faq-q {
  margin-bottom: 15px;
  padding: 0 0 15px 38px;
  border-bottom: 1px solid #e6e6e6;
  background: transparent url(img/faq-q.png) no-repeat 0 0;
}

.faq-q h4 {
  margin: -1px 0 0;
  padding: 0;
  color: #333;
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.333;
}

  .sub .faq-q h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.618;
  }

.faq-a {
  padding: 0 0 0 38px;
  background: transparent url(img/faq-a.png) no-repeat 0 0;
}

.faq-a p {
  margin: 0 0 1em;
  text-align: left;
  font-size: 15px;
  font-size: 1.5rem;
}

  .sub .faq-a p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.618;
  }

.faq-a *:last-child {
  margin-bottom: 0 !important;
}

/* Users's voice 
   ========================================================================== */

.voice {
  margin: 2em -5px;
  padding: 65px;
  background: 
    url(img/voice-bg1.png) no-repeat left top,
    url(img/voice-bg2.png) no-repeat right top,
    url(img/voice-bg3.png) no-repeat left bottom,
    url(img/voice-bg4.png) no-repeat right bottom,
    url(img/voice-bg5.png) repeat-x  center top,
    url(img/voice-bg6.png) repeat-y  right center,
    url(img/voice-bg7.png) repeat-x  center bottom,
    url(img/voice-bg8.png) repeat-y  left center,
    url(img/voice-bg9.png) repeat    center center;
  /* oldie */
  behavior: url(ipfw/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-background: 
    url(ipfw/img/voice-bg1.png) no-repeat left top,
    url(ipfw/img/voice-bg2.png) no-repeat right top,
    url(ipfw/img/voice-bg3.png) no-repeat left bottom,
    url(ipfw/img/voice-bg4.png) no-repeat right bottom,
    url(ipfw/img/voice-bg5.png) repeat-x  center top,
    url(ipfw/img/voice-bg6.png) repeat-y  right center,
    url(ipfw/img/voice-bg7.png) repeat-x  center bottom,
    url(ipfw/img/voice-bg8.png) repeat-y  left center,
    url(ipfw/img/voice-bg9.png) repeat    center center;
}

@media(max-width: 640px) {

  .voice { padding: 35px !important }

}

.voice .voice__hgroup {
  margin: 0 0 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #ccc;
}

.voice .voice__head {
  margin: 0 0 10px;
  color: #369;
  font-weight: normal;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.333;
}

.voice .voice__name {
  margin: 0 0 1em;
  color: #333;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

.voice .voice__name--small {
  margin-top: 2em;
  color: #333;
  text-align: right;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.voice .voice__photo {
  float: right;
  margin: 3em -75px 2em 2em;
  border: 7px solid #fff;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15) ;
  -webkit-transform: rotate(5deg);
     -moz-transform: rotate(5deg);
      transform: rotate(5deg);
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
      transform-origin: center center;
  /* oldie */
  behavior: url(ipfw/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-box-shadow: 0 1px 1px 1px #cccccc;
}

@media(max-width: 640px) {

  .voice .voice__photo {
    margin-top: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

}

.voice .voice__photo img {
  width: 130px;
}

.voice p {
  margin: 0;
  padding: 0;
  background: url(img/bg-noteline.gif) ;
  color: #4C5966;
  line-height: 40px;
}

/* Button
   ========================================================================== */

.button {
}

  .sub .button {
  }

.button:after {
}

.button:hover {
}

.button:active {
}

.button i {
  position: relative;
  top: 1px;
  font-size: 125%;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* color */

.button.button-green  { background-color: #096 }
.button.button-blue   { background-color: #369 }
.button.button-gray   { background-color: #666 }
.button.button-purple { background-color: #936 }
.button.button-red    { background-color: #c33 }
.button.button-yellow { background-color: #f90 }
.button.button-black  { background-color: #000 }

/* size */

.button.button-large    { font-size: 21px; font-size: 2.1rem }
.button.button-large-w  { font-size: 21px; font-size: 2.1rem; display: block }
.button.button-medium   { font-size: 18px; font-size: 1.8rem }
.button.button-medium-w { font-size: 18px; font-size: 1.8rem; display: block }
.button.button-small    { font-size: 14px; font-size: 1.4rem }
.button.button-small-w  { font-size: 14px; font-size: 1.4rem; display: block }

/* Speech bubble
   ========================================================================== */

.bubble {
  position: relative;
  margin: 1em auto;
  padding: 1.333em 1.618em;
  border-radius: 8px;
  background: #f6f9fc;
  border: 1px solid #cdcdcd;
  /* oldie */
  behavior: url(ipfw/PIE.htc);
  position: relative;
  zoom: 1;
}

.bubble > *:first-child {
  margin-top: 0 !important;
}

.bubble > *:last-child {
  margin-bottom: 0 !important;
}

.bubble:after, .bubble:before {
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.bubble:after {
  top: 36px;
  margin-top: -16px;
  border-width: 16px;
  border-color: transparent;
}

.bubble:before {
  top: 36px;
  margin-top: -18px;
  border-width: 18px;
  border-color: transparent;
}

/* color */

.bubble.bubble-green  { background-color: #fbfffe; }
.bubble.bubble-blue   { background-color: #f6f9fc; }
.bubble.bubble-gray   { background-color: #f9f9f9; }
.bubble.bubble-purple { background-color: #fcf6f9; }
.bubble.bubble-red    { background-color: #fbefef; }
.bubble.bubble-yellow { background-color: #fff7eb; }

/* triangle right */

.bubble.bubble-right { margin-right: 20px;}
.bubble.bubble-right:after, .bubble.bubble-right:before { left: 100%;}
.bubble.bubble-right:after { border-left-color: #f6f9fc;}

  /* triangle right color */
  .bubble.bubble-right:before { border-left-color: #cdcdcd;}
  .bubble.bubble-right.bubble-green:after  { border-left-color: #fbfffe;}
  .bubble.bubble-right.bubble-blue:after   { border-left-color: #f6f9fc;}
  .bubble.bubble-right.bubble-gray:after   { border-left-color: #f9f9f9;}
  .bubble.bubble-right.bubble-purple:after { border-left-color: #fcf6f9;}
  .bubble.bubble-right.bubble-red:after    { border-left-color: #fbefef;}
  .bubble.bubble-right.bubble-yellow:after { border-left-color: #fff7eb;}

/* triangle left */

.bubble.bubble-left { margin-left: 20px;}
.bubble.bubble-left:after, .bubble.bubble-left:before { right: 100%;}
.bubble.bubble-left:after { border-right-color: #f6f9fc;}

  /* triangle left color */

  .bubble.bubble-left:before { border-right-color: #cdcdcd;}
  .bubble.bubble-left.bubble-green:after  { border-right-color: #fbfffe;}
  .bubble.bubble-left.bubble-blue:after   { border-right-color: #f6f9fc;}
  .bubble.bubble-left.bubble-gray:after   { border-right-color: #f9f9f9;}
  .bubble.bubble-left.bubble-purple:after { border-right-color: #fcf6f9;}
  .bubble.bubble-left.bubble-red:after    { border-right-color: #fbefef;}
  .bubble.bubble-left.bubble-yellow:after { border-right-color: #fff7eb;}

/* What's new
   ========================================================================== */

.whatsnew__more {
  position: relative;
  display: block;
  margin: 5px 0;
  padding-left: 15px;
  color: #666;
  font-size: 12px;
}

.whatsnew__more:before {
  position: absolute;
  top: 5px;
  left: 0;
  border: 5px solid transparent;
  border-top-color: #aaa;
  content: "";
}

.whatsnew__more:hover {
  cursor: pointer;
  color: #333;
}

/* large */

.whatsnew--large {
  overflow: auto;
  max-height: 310px;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.333;
}

.whatsnew--large dt {
  float: left;
  clear: both;
  margin: 0;
  padding: 10px 0;
  width: 120px;
  font-weight: bold;
}

.whatsnew--large dd {
  margin: 0;
  padding: 10px 10px 10px 120px;
  border-bottom: 1px solid #ededed;
}

.whatsnew--large dd:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.whatsnew--large .whatsnew__body {
  font-size: 12px;
  color: #666;
  overflow:hidden
}

.whatsnew--large .whatsnew__body ul {
  list-style-type: disc;
  padding-left: 2em;
}

.whatsnew--large .whatsnew__body ul li {
  font-size: 12px;
  margin-top: 5px;
}

@media(max-width: 640px) {

  .whatsnew--large dt {
    padding-bottom: 0;
    float: none;
    width: auto;
  }

  .whatsnew--large dd {
    padding: 10px;
  }

}

/* small */

.whatsnew--small {
  overflow: auto;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.333;
}

.whatsnew--small dt {
  margin: 0;
  padding: 0 0 5px;
  font-weight: bold;
}

.whatsnew--small dd {
  margin: 0 0 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #ededed;
}

.whatsnew--small dd:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.whatsnew--small .whatsnew__body {
  font-size: 12px;
  color: #666;
  overflow: hidden;
}

.whatsnew--small .whatsnew__body ul {
  list-style-type: disc;
  padding-left: 2em;
}

.whatsnew--small .whatsnew__body ul li {
  font-size: 12px;
  margin-top: 5px;
}

/* Vertical navi
   ========================================================================== */

/* large */

.vertical-navi--large > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.vertical-navi--large > ul > li {
  margin-bottom: .5em;
  padding-bottom: .5em;
  padding-left: 1.618em;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  font-size: 1.4rem;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAABB0lEQVR4AVXJsUsCcRiH8ecOJwehQWhxaWkVCkES6T8JihqawsnFOXFoa6yprbGpJu07qhC0/G6IhhKCOwWD8w6lfvEuhs9neV++BQAVOKBFgxI/fDOgxxBL5krLsaYu97mfuvGzUnVVFDZ1NEtc5v8lTonaNta1iN3Cb4qdvrSP+iOl3lz4N5+ujaT7kFql7DHimFu7DJUyzUC/1QCLQ6xt2lSxXlYhARuFZOszJE4jj7HOuKNhH2nEPGTwGXvMHg8cEbCyj4+YpwK9rJ9GxV24JiMHrEWU1zgPBF1Od2KbWU/vJd/hBqGi2kqGmriZn/mJG0pLnQgRCKw6LZpsETLnkUteAf4AwyqzH/ll83AAAAAASUVORK5CYII=) no-repeat 0 .333em;
}

.vertical-navi--large > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.vertical-navi--large > ul > li a {
  color: #333;
}

.vertical-navi--large li .vertical-navi__head {
  position: relative;
  display: block;
  cursor: pointer;
}

.vertical-navi--large li .vertical-navi__head:before {
  position: absolute;
  top: 10px;
  right: .5em;
  border: 5px solid transparent;
  border-top-color: #aaa;
  content: "";
}

.vertical-navi--large li ul {
  padding: 5px 0 5px 25px;
  list-style: disc;
}

.vertical-navi--large li li {
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

/* medium */

.vertical-navi--medium ul {
  margin: 0;
  padding: 0;
}

.vertical-navi--medium li {
  margin: 0 0 .5em;
  padding: 0 0 .5em;
  border-bottom: 1px solid #e6e6e6;
  list-style: none;
  text-align: left;
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
}

.vertical-navi--medium li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.vertical-navi--medium li a {
  position: relative;
  padding-left: 1em;
  color: #333;
}

.vertical-navi--medium li a:before {
  position: absolute;
  top: 2.5px;
  left: 0;
  border: 5px solid transparent;
  border-left-color: #aaa;
  content: "";
}

.vertical-navi--medium li ul {
  padding: 5px 0 5px 1em;
  list-style: disc;
}

.vertical-navi--medium li li {
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

/* small */

.vertical-navi--small ul {
  margin: 0;
  padding-left: 1em;
}

.vertical-navi--small li {
  margin-bottom: .333em;
  list-style: disc;
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
}

.vertical-navi--small li:last-child {
  margin-bottom: 0;
}

.vertical-navi--small li a {
  color: #333;
}

/* Colored box
   ========================================================================== */

.colored-box {
  margin: 0 auto 2em;
  padding: 1.618em;
  border: 1px solid rgba(51,102,204,.3);
  border-radius: 5px;
  background-color: rgba(51,102,204,.01);
}

.colored-box > *:first-child { margin-top: 0 !important }
.colored-box > *:last-child { margin-bottom: 0 !important }

.colored-box-title {
  margin-bottom: .5em;
  color: rgb(51,102,204);
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
}

.colored-box p {
  margin-top: 0;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.618;
}

.colored-box.colored-box-green  { border-color: rgba(0,153,102,.3); background-color: rgba(0,153,102,.01) }
.colored-box.colored-box-blue   { border-color: rgba(51,102,153,.3); background-color: rgba(51,102,153,.01) }
.colored-box.colored-box-gray   { border-color: rgba(102,102,102,.3); background-color: rgba(102,102,102,.01) }
.colored-box.colored-box-purple { border-color: rgba(153,51,102,.3); background-color: rgba(153,51,102,.01) }
.colored-box.colored-box-red    { border-color: rgba(204,51,51,.3); background-color: rgba(204,51,51,.01) }
.colored-box.colored-box-yellow { border-color: rgba(255,153,0,.3); background-color: rgba(255,153,0,.01) }

.colored-box.colored-box-green  .colored-box-title { color: rgb(0,153,102) }
.colored-box.colored-box-blue   .colored-box-title { color: rgb(51,102,153) }
.colored-box.colored-box-gray   .colored-box-title { color: rgb(102,102,102) }
.colored-box.colored-box-purple .colored-box-title { color: rgb(153,51,102) }
.colored-box.colored-box-red    .colored-box-title { color: rgb(204,51,51) }
.colored-box.colored-box-yellow .colored-box-title { color: rgb(255,153,0) }

/* Ornament
   ========================================================================== */

[class^="bg-deco-"] {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.618;
}

.sub [class^="bg-deco-"] {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.333;
}

[class^="bg-deco-"]>:first-child {
  margin-top: 0 !important;
}

[class^="bg-deco-"]>:last-child {
  margin-bottom: 0 !important;
}

/* Metal 1 */

.bg-deco-metal1 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff #999 #666;
  border-radius: 10px;
  background: 
    url("img/ornament/bg-metal1-2.png") no-repeat left   top,
    url("img/ornament/bg-metal1-2.png") no-repeat right  top,
    url("img/ornament/bg-metal1-2.png") no-repeat left   bottom,
    url("img/ornament/bg-metal1-2.png") no-repeat right  bottom, 
    url("img/ornament/bg-metal1-1.png") repeat    center center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-metal1-2.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-metal1-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-metal1-2.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-metal1-2.png") no-repeat right  bottom, 
    url("ipfw/img/ornament/bg-metal1-1.png") repeat    center center;
}

/* Metal 2 */

.bg-deco-metal2 {
  text-align: left;
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 1) !important;
  margin: 0 auto 20px;
  padding: 30px 35px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #666 #333 #000;
  border-radius: 10px;
  background: 
    url("img/ornament/bg-metal2-2.png") no-repeat left   top,
    url("img/ornament/bg-metal2-2.png") no-repeat right  top,
    url("img/ornament/bg-metal2-2.png") no-repeat left   bottom,
    url("img/ornament/bg-metal2-2.png") no-repeat right  bottom, 
    url("img/ornament/bg-metal2-1.png") repeat    center center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-metal2-2.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-metal2-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-metal2-2.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-metal2-2.png") no-repeat right  bottom, 
    url("ipfw/img/ornament/bg-metal2-1.png") repeat    center center;
}

/* Metal 3 */

.bg-deco-metal3 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff #999 #666;
  border-radius: 1px;
  background: 
    url("img/ornament/bg-metal3-2.png") no-repeat left   top,
    url("img/ornament/bg-metal3-2.png") no-repeat right  top,
    url("img/ornament/bg-metal3-2.png") no-repeat left   bottom,
    url("img/ornament/bg-metal3-2.png") no-repeat right  bottom,
    url("img/ornament/bg-metal3-1.png") repeat    center center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-metal3-2.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-metal3-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-metal3-2.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-metal3-2.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-metal3-1.png") repeat    center center;
}

/* Metal 4 */

.bg-deco-metal4 {
  text-align: left;
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 1) !important;
  margin: 0 auto 20px;
  padding: 30px 35px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #666 #333 #000;
  border-radius: 1px;
  background: 
    url("img/ornament/bg-metal4-2.png") no-repeat left   top,
    url("img/ornament/bg-metal4-2.png") no-repeat right  top,
    url("img/ornament/bg-metal4-2.png") no-repeat left   bottom,
    url("img/ornament/bg-metal4-2.png") no-repeat right  bottom,
    url("img/ornament/bg-metal4-1.png") repeat    center center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-metal4-2.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-metal4-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-metal4-2.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-metal4-2.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-metal4-1.png") repeat    center center;
}

/* Paper 1 */

.bg-deco-paper1 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 35px;
  background: 
    url("img/ornament/bg-paper1-1.png") no-repeat left   top,
    url("img/ornament/bg-paper1-2.png") no-repeat right  top,
    url("img/ornament/bg-paper1-3.png") no-repeat left   bottom,
    url("img/ornament/bg-paper1-4.png") no-repeat right  bottom, 
    url("img/ornament/bg-paper1-5.png") repeat-x  center top,
    url("img/ornament/bg-paper1-6.png") repeat-y  right  center,
    url("img/ornament/bg-paper1-7.png") repeat-x  center bottom,
    url("img/ornament/bg-paper1-8.png") repeat-y  left   center,
    url("img/ornament/bg-paper1-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-paper1-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-paper1-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-paper1-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-paper1-4.png") no-repeat right  bottom, 
    url("ipfw/img/ornament/bg-paper1-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-paper1-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-paper1-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-paper1-8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-paper1-9.png") repeat    center center;
}

.bg-deco-paper1 h1, 
.bg-deco-paper1 h2, 
.bg-deco-paper1 h3, 
.bg-deco-paper1 h4, 
.bg-deco-paper1 h5, 
.bg-deco-paper1 h6, 
.bg-deco-paper1 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Paper 2 */

.bg-deco-paper2 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 53px 35px 35px;
  background: 
    url("img/ornament/bg-paper2-0.png") no-repeat center top,
    url("img/ornament/bg-paper2-1.png") no-repeat left   top,
    url("img/ornament/bg-paper2-2.png") no-repeat right  top,
    url("img/ornament/bg-paper2-3.png") no-repeat left   bottom,
    url("img/ornament/bg-paper2-4.png") no-repeat right  bottom,
    url("img/ornament/bg-paper2-5.png") repeat-x  center top,
    url("img/ornament/bg-paper2-6.png") repeat-y  right  center,
    url("img/ornament/bg-paper2-7.png") repeat-x  center bottom,
    url("img/ornament/bg-paper2-8.png") repeat-y  left   center, 
    url("img/ornament/bg-paper2-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-paper2-0.png") no-repeat center top,
    url("ipfw/img/ornament/bg-paper2-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-paper2-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-paper2-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-paper2-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-paper2-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-paper2-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-paper2-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-paper2-8.png") repeat-y  left   center, 
    url("ipfw/img/ornament/bg-paper2-9.png") repeat    center center;
}

.bg-deco-paper2 h1, 
.bg-deco-paper2 h2, 
.bg-deco-paper2 h3, 
.bg-deco-paper2 h4, 
.bg-deco-paper2 h5, 
.bg-deco-paper2 h6, 
.bg-deco-paper2 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Paper 3 */

.bg-deco-paper3 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 53px 35px 35px;
  background: 
    url("img/ornament/bg-paper3-0.png") no-repeat center top,
    url("img/ornament/bg-paper2-1.png") no-repeat left   top,
    url("img/ornament/bg-paper2-2.png") no-repeat right  top,
    url("img/ornament/bg-paper2-3.png") no-repeat left   bottom,
    url("img/ornament/bg-paper2-4.png") no-repeat right  bottom,
    url("img/ornament/bg-paper2-5.png") repeat-x  center top,
    url("img/ornament/bg-paper2-6.png") repeat-y  right  center,
    url("img/ornament/bg-paper2-7.png") repeat-x  center bottom,
    url("img/ornament/bg-paper2-8.png") repeat-y  left   center, 
    url("img/ornament/bg-paper2-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-paper3-0.png") no-repeat center top,
    url("ipfw/img/ornament/bg-paper2-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-paper2-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-paper2-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-paper2-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-paper2-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-paper2-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-paper2-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-paper2-8.png") repeat-y  left   center, 
    url("ipfw/img/ornament/bg-paper2-9.png") repeat    center center;
}

.bg-deco-paper3 h1, 
.bg-deco-paper3 h2, 
.bg-deco-paper3 h3, 
.bg-deco-paper3 h4, 
.bg-deco-paper3 h5, 
.bg-deco-paper3 h6, 
.bg-deco-paper3 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Paper 4 */

.bg-deco-paper4 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 53px 35px 35px;
  background: 
    url("img/ornament/bg-paper4-0.png") no-repeat center top,
    url("img/ornament/bg-paper2-1.png") no-repeat left   top,
    url("img/ornament/bg-paper2-2.png") no-repeat right  top,
    url("img/ornament/bg-paper2-3.png") no-repeat left   bottom,
    url("img/ornament/bg-paper2-4.png") no-repeat right  bottom,
    url("img/ornament/bg-paper2-5.png") repeat-x  center top,
    url("img/ornament/bg-paper2-6.png") repeat-y  right  center,
    url("img/ornament/bg-paper2-7.png") repeat-x  center bottom,
    url("img/ornament/bg-paper2-8.png") repeat-y  left   center,
    url("img/ornament/bg-paper2-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-paper4-0.png") no-repeat center top,
    url("ipfw/img/ornament/bg-paper2-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-paper2-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-paper2-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-paper2-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-paper2-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-paper2-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-paper2-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-paper2-8.png") repeat-y  left   center, 
    url("ipfw/img/ornament/bg-paper2-9.png") repeat    center center;
}

.bg-deco-paper4 h1, 
.bg-deco-paper4 h2, 
.bg-deco-paper4 h3, 
.bg-deco-paper4 h4, 
.bg-deco-paper4 h5, 
.bg-deco-paper4 h6, 
.bg-deco-paper4 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Paper 5 */

.bg-deco-paper5 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 53px 35px 35px;
  background: 
    url("img/ornament/bg-paper5-0.png") no-repeat center top,
    url("img/ornament/bg-paper2-1.png") no-repeat left   top,
    url("img/ornament/bg-paper2-2.png") no-repeat right  top,
    url("img/ornament/bg-paper2-3.png") no-repeat left   bottom,
    url("img/ornament/bg-paper2-4.png") no-repeat right  bottom,
    url("img/ornament/bg-paper2-5.png") repeat-x  center top,
    url("img/ornament/bg-paper2-6.png") repeat-y  right  center,
    url("img/ornament/bg-paper2-7.png") repeat-x  center bottom,
    url("img/ornament/bg-paper2-8.png") repeat-y  left   center,
    url("img/ornament/bg-paper2-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-paper5-0.png") no-repeat center top,
    url("ipfw/img/ornament/bg-paper2-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-paper2-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-paper2-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-paper2-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-paper2-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-paper2-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-paper2-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-paper2-8.png") repeat-y  left   center, 
    url("ipfw/img/ornament/bg-paper2-9.png") repeat    center center;
}

.bg-deco-paper5 h1, 
.bg-deco-paper5 h2, 
.bg-deco-paper5 h3, 
.bg-deco-paper5 h4, 
.bg-deco-paper5 h5, 
.bg-deco-paper5 h6, 
.bg-deco-paper5 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Postit 1 */

.bg-deco-postit1 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 35px;
  background: 
    url("img/ornament/bg-postit1-1.png") no-repeat left   top,
    url("img/ornament/bg-postit1-2.png") no-repeat right  top,
    url("img/ornament/bg-postit1-3.png") no-repeat left   bottom,
    url("img/ornament/bg-postit1-4.png") no-repeat right  bottom,
    url("img/ornament/bg-postit1-5.png") repeat-x  center top,
    url("img/ornament/bg-postit1-6.png") repeat-y  right  center,
    url("img/ornament/bg-postit1-7.png") repeat-x  center bottom,
    url("img/ornament/bg-postit1-8.png") repeat-y  left   center,
    url("img/ornament/bg-postit1-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-postit1-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-postit1-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-postit1-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-postit1-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-postit1-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-postit1-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-postit1-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-postit1-8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-postit1-9.png") repeat    center center;
}

.bg-deco-postit1 h1, 
.bg-deco-postit1 h2, 
.bg-deco-postit1 h3, 
.bg-deco-postit1 h4, 
.bg-deco-postit1 h5, 
.bg-deco-postit1 h6, 
.bg-deco-postit1 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Postit 2 */

.bg-deco-postit2 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 35px;
  background: 
    url("img/ornament/bg-postit2-1.png") no-repeat left   top,
    url("img/ornament/bg-postit2-2.png") no-repeat right  top,
    url("img/ornament/bg-postit2-3.png") no-repeat left   bottom,
    url("img/ornament/bg-postit2-4.png") no-repeat right  bottom,
    url("img/ornament/bg-postit2-5.png") repeat-x  center top,
    url("img/ornament/bg-postit2-6.png") repeat-y  right  center,
    url("img/ornament/bg-postit2-7.png") repeat-x  center bottom,
    url("img/ornament/bg-postit2-8.png") repeat-y  left   center,
    url("img/ornament/bg-postit2-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-postit2-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-postit2-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-postit2-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-postit2-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-postit2-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-postit2-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-postit2-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-postit2-8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-postit2-9.png") repeat    center center;
}

.bg-deco-postit2 h1, 
.bg-deco-postit2 h2, 
.bg-deco-postit2 h3, 
.bg-deco-postit2 h4, 
.bg-deco-postit2 h5, 
.bg-deco-postit2 h6, 
.bg-deco-postit2 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Postit 3 */

.bg-deco-postit3 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 35px;
  background: 
    url("img/ornament/bg-postit3-1.png") no-repeat left   top,
    url("img/ornament/bg-postit3-2.png") no-repeat right  top,
    url("img/ornament/bg-postit3-3.png") no-repeat left   bottom,
    url("img/ornament/bg-postit3-4.png") no-repeat right  bottom,
    url("img/ornament/bg-postit3-5.png") repeat-x  center top,
    url("img/ornament/bg-postit3-6.png") repeat-y  right  center,
    url("img/ornament/bg-postit3-7.png") repeat-x  center bottom,
    url("img/ornament/bg-postit3-8.png") repeat-y  left   center,
    url("img/ornament/bg-postit3-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-postit3-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-postit3-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-postit3-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-postit3-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-postit3-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-postit3-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-postit3-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-postit3-8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-postit3-9.png") repeat    center center;
}

.bg-deco-postit3 h1, 
.bg-deco-postit3 h2, 
.bg-deco-postit3 h3, 
.bg-deco-postit3 h4, 
.bg-deco-postit3 h5, 
.bg-deco-postit3 h6, 
.bg-deco-postit3 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Postit 4 */

.bg-deco-postit4 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 35px;
  background: 
    url("img/ornament/bg-postit4-1.png") no-repeat left   top,
    url("img/ornament/bg-postit4-2.png") no-repeat right  top,
    url("img/ornament/bg-postit4-3.png") no-repeat left   bottom,
    url("img/ornament/bg-postit4-4.png") no-repeat right  bottom,
    url("img/ornament/bg-postit4-5.png") repeat-x  center top,
    url("img/ornament/bg-postit4-6.png") repeat-y  right  center,
    url("img/ornament/bg-postit4-7.png") repeat-x  center bottom,
    url("img/ornament/bg-postit4-8.png") repeat-y  left   center,
    url("img/ornament/bg-postit4-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-postit4-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-postit4-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-postit4-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-postit4-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-postit4-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-postit4-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-postit4-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-postit4-8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-postit4-9.png") repeat    center center;
}

.bg-deco-postit4 h1, 
.bg-deco-postit4 h2, 
.bg-deco-postit4 h3, 
.bg-deco-postit4 h4, 
.bg-deco-postit4 h5, 
.bg-deco-postit4 h6, 
.bg-deco-postit4 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Postit 5 */

.bg-deco-postit5 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 35px;
  background: 
    url("img/ornament/bg-postit5-1.png") no-repeat left   top,
    url("img/ornament/bg-postit5-2.png") no-repeat right  top,
    url("img/ornament/bg-postit5-3.png") no-repeat left   bottom,
    url("img/ornament/bg-postit5-4.png") no-repeat right  bottom,
    url("img/ornament/bg-postit5-5.png") repeat-x  center top,
    url("img/ornament/bg-postit5-6.png") repeat-y  right  center,
    url("img/ornament/bg-postit5-7.png") repeat-x  center bottom,
    url("img/ornament/bg-postit5-8.png") repeat-y  left   center,
    url("img/ornament/bg-postit5-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-postit5-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-postit5-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-postit5-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-postit5-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-postit5-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-postit5-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-postit5-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-postit5-8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-postit5-9.png") repeat    center center;
}

.bg-deco-postit5 h1, 
.bg-deco-postit5 h2, 
.bg-deco-postit5 h3, 
.bg-deco-postit5 h4, 
.bg-deco-postit5 h5, 
.bg-deco-postit5 h6, 
.bg-deco-postit5 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Chalkboard */

.bg-deco-chalkboard {
  text-align: left;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  margin: 0 auto 20px;
  padding: 30px 35px 35px;
  background: 
    url("img/ornament/bg-chalkboard1.png") no-repeat left   top,
    url("img/ornament/bg-chalkboard2.png") no-repeat right  top,
    url("img/ornament/bg-chalkboard3.png") no-repeat left   bottom,
    url("img/ornament/bg-chalkboard4.png") no-repeat right  bottom,
    url("img/ornament/bg-chalkboard5.png") repeat-x  center top,
    url("img/ornament/bg-chalkboard6.png") repeat-y  right  center,
    url("img/ornament/bg-chalkboard7.png") repeat-x  center bottom,
    url("img/ornament/bg-chalkboard8.png") repeat-y  left   center,
    url("img/ornament/bg-chalkboard9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-chalkboard1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-chalkboard2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-chalkboard3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-chalkboard4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-chalkboard5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-chalkboard6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-chalkboard7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-chalkboard8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-chalkboard9.png") repeat    center center;
}

.bg-deco-chalkboard h1, 
.bg-deco-chalkboard h2, 
.bg-deco-chalkboard h3, 
.bg-deco-chalkboard h4, 
.bg-deco-chalkboard h5, 
.bg-deco-chalkboard h6, 
.bg-deco-chalkboard p {
  color: #fff !important;
}

/* Woodboard 1 */

.bg-deco-woodboard1 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 30px 35px 35px;
  background: 
    url("img/ornament/bg-woodboard1-1.png") no-repeat left   top,
    url("img/ornament/bg-woodboard1-2.png") no-repeat right  top,
    url("img/ornament/bg-woodboard1-3.png") no-repeat left   bottom,
    url("img/ornament/bg-woodboard1-4.png") no-repeat right  bottom,
    url("img/ornament/bg-woodboard1-5.png") repeat-x  center top,
    url("img/ornament/bg-woodboard1-6.png") repeat-y  right  center,
    url("img/ornament/bg-woodboard1-7.png") repeat-x  center bottom,
    url("img/ornament/bg-woodboard1-8.png") repeat-y  left   center,
    url("img/ornament/bg-woodboard1-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-woodboard1-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-woodboard1-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-woodboard1-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-woodboard1-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-woodboard1-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-woodboard1-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-woodboard1-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-woodboard1-8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-woodboard1-9.png") repeat    center center;
}

.bg-deco-woodboard1 h1, 
.bg-deco-woodboard1 h2, 
.bg-deco-woodboard1 h3, 
.bg-deco-woodboard1 h4, 
.bg-deco-woodboard1 h5, 
.bg-deco-woodboard1 h6, 
.bg-deco-woodboard1 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Woodframe 1 */

.bg-deco-woodframe1 {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 20px;
  padding: 70px 75px 75px;
  background: 
    url("img/ornament/bg-woodframe1-1.png") no-repeat left   top,
    url("img/ornament/bg-woodframe1-2.png") no-repeat right  top,
    url("img/ornament/bg-woodframe1-3.png") no-repeat left   bottom,
    url("img/ornament/bg-woodframe1-4.png") no-repeat right  bottom,
    url("img/ornament/bg-woodframe1-5.png") repeat-x  center top,
    url("img/ornament/bg-woodframe1-6.png") repeat-y  right  center,
    url("img/ornament/bg-woodframe1-7.png") repeat-x  center bottom,
    url("img/ornament/bg-woodframe1-8.png") repeat-y  left   center,
    url("img/ornament/bg-woodframe1-9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-woodframe1-1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-woodframe1-2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-woodframe1-3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-woodframe1-4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-woodframe1-5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-woodframe1-6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-woodframe1-7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-woodframe1-8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-woodframe1-9.png") repeat    center center;
}

.bg-deco-woodframe1 h1, 
.bg-deco-woodframe1 h2, 
.bg-deco-woodframe1 h3, 
.bg-deco-woodframe1 h4, 
.bg-deco-woodframe1 h5, 
.bg-deco-woodframe1 h6, 
.bg-deco-woodframe1 p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Marker pink */

.bg-deco-marker-p {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 10px;
  padding: 55px 50px 60px;
  background: 
    url("img/ornament/bg-marker-p1.png") no-repeat left   top,
    url("img/ornament/bg-marker-p2.png") no-repeat right  top,
    url("img/ornament/bg-marker-p3.png") no-repeat left   bottom,
    url("img/ornament/bg-marker-p4.png") no-repeat right  bottom,
    url("img/ornament/bg-marker-p5.png") repeat-x  center top,
    url("img/ornament/bg-marker-p6.png") repeat-y  right  center,
    url("img/ornament/bg-marker-p7.png") repeat-x  center bottom,
    url("img/ornament/bg-marker-p8.png") repeat-y  left   center,
    url("img/ornament/bg-marker-p9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-marker-p1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-marker-p2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-marker-p3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-marker-p4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-marker-p5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-marker-p6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-marker-p7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-marker-p8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-marker-p9.png") repeat    center center;
}

.bg-deco-marker-p h1, 
.bg-deco-marker-p h2, 
.bg-deco-marker-p h3, 
.bg-deco-marker-p h4, 
.bg-deco-marker-p h5, 
.bg-deco-marker-p h6, 
.bg-deco-marker-p p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Marker yellow */

.bg-deco-marker-y {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 10px;
  padding: 55px 50px 60px;
  background: 
    url("img/ornament/bg-marker-y1.png") no-repeat left   top,
    url("img/ornament/bg-marker-y2.png") no-repeat right  top,
    url("img/ornament/bg-marker-y3.png") no-repeat left   bottom,
    url("img/ornament/bg-marker-y4.png") no-repeat right  bottom,
    url("img/ornament/bg-marker-y5.png") repeat-x  center top,
    url("img/ornament/bg-marker-y6.png") repeat-y  right  center,
    url("img/ornament/bg-marker-y7.png") repeat-x  center bottom,
    url("img/ornament/bg-marker-y8.png") repeat-y  left   center,
    url("img/ornament/bg-marker-y9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-marker-y1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-marker-y2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-marker-y3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-marker-y4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-marker-y5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-marker-y6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-marker-y7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-marker-y8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-marker-y9.png") repeat    center center;
}

.bg-deco-marker-y h1, 
.bg-deco-marker-y h2, 
.bg-deco-marker-y h3, 
.bg-deco-marker-y h4, 
.bg-deco-marker-y h5, 
.bg-deco-marker-y h6, 
.bg-deco-marker-y p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Marker green */

.bg-deco-marker-g {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 10px;
  padding: 55px 50px 60px;
  background: 
    url("img/ornament/bg-marker-g1.png") no-repeat left   top,
    url("img/ornament/bg-marker-g2.png") no-repeat right  top,
    url("img/ornament/bg-marker-g3.png") no-repeat left   bottom,
    url("img/ornament/bg-marker-g4.png") no-repeat right  bottom,
    url("img/ornament/bg-marker-g5.png") repeat-x  center top,
    url("img/ornament/bg-marker-g6.png") repeat-y  right  center,
    url("img/ornament/bg-marker-g7.png") repeat-x  center bottom,
    url("img/ornament/bg-marker-g8.png") repeat-y  left   center,
    url("img/ornament/bg-marker-g9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-marker-g1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-marker-g2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-marker-g3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-marker-g4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-marker-g5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-marker-g6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-marker-g7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-marker-g8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-marker-g9.png") repeat    center center;
}

.bg-deco-marker-g h1, 
.bg-deco-marker-g h2, 
.bg-deco-marker-g h3, 
.bg-deco-marker-g h4, 
.bg-deco-marker-g h5, 
.bg-deco-marker-g h6, 
.bg-deco-marker-g p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Marker blue */

.bg-deco-marker-b {
  text-align: left;
  color: #222 !important;
  margin: 0 auto 10px;
  padding: 55px 50px 60px;
  background: 
    url("img/ornament/bg-marker-b1.png") no-repeat left   top,
    url("img/ornament/bg-marker-b2.png") no-repeat right  top,
    url("img/ornament/bg-marker-b3.png") no-repeat left   bottom,
    url("img/ornament/bg-marker-b4.png") no-repeat right  bottom,
    url("img/ornament/bg-marker-b5.png") repeat-x  center top,
    url("img/ornament/bg-marker-b6.png") repeat-y  right  center,
    url("img/ornament/bg-marker-b7.png") repeat-x  center bottom,
    url("img/ornament/bg-marker-b8.png") repeat-y  left   center,
    url("img/ornament/bg-marker-b9.png") repeat    center center;
  /* oldie */
  behavior: url("ipfw/PIE.htc");
  position: relative;
  zoom: 1;
  -pie-background: 
    url("ipfw/img/ornament/bg-marker-b1.png") no-repeat left   top,
    url("ipfw/img/ornament/bg-marker-b2.png") no-repeat right  top,
    url("ipfw/img/ornament/bg-marker-b3.png") no-repeat left   bottom,
    url("ipfw/img/ornament/bg-marker-b4.png") no-repeat right  bottom,
    url("ipfw/img/ornament/bg-marker-b5.png") repeat-x  center top,
    url("ipfw/img/ornament/bg-marker-b6.png") repeat-y  right  center,
    url("ipfw/img/ornament/bg-marker-b7.png") repeat-x  center bottom,
    url("ipfw/img/ornament/bg-marker-b8.png") repeat-y  left   center,
    url("ipfw/img/ornament/bg-marker-b9.png") repeat    center center;
}

.bg-deco-marker-b h1, 
.bg-deco-marker-b h2, 
.bg-deco-marker-b h3, 
.bg-deco-marker-b h4, 
.bg-deco-marker-b h5, 
.bg-deco-marker-b h6, 
.bg-deco-marker-b p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Countdown timer
   ========================================================================== */

/* large */

.countdown--large {
  margin: 2em auto;
  color: #555;
  text-align: center;
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.618;
}

.countdown--large .num {
  display: inline-block;
  margin: 0 .2em;
  padding: .15em .18em .15em .3em;
  border-radius: 6px;
  background: #555;
  background: -webkit-linear-gradient       (top, #555 0%, #222 100%);
  background:         linear-gradient( to bottom, #555 0%, #222 100%);
  color: #fff;
  vertical-align: -2px;
  text-align: center;
  text-shadow: 0 -1px 1px #000;
  letter-spacing: 3px;
  font-weight:bold;
  font-size: 40px;
  font-size: 4.0rem;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
}

/* medium */

.countdown--medium {
  margin: 2em auto;
  color: #333;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.333;
}

.countdown--medium .num {
}

/* small */

.countdown--small {
}

.countdown--small .num {
}

/* flexslider
   ========================================================================== */

body .flexslider { margin:auto; border: none; border-radius: none; box-shadow: none }
body .flexslider .flex-control-nav {bottom: -26px;}
body .flexslider li {line-height: 1;}